:root{
  --discovery:#E7DFD1;
  --discovery-soft:#F1EBE0;
  --misty:#C6BCA9;
  --mushroom:#8B7A64;
  --mushroom-dark:#5E5142;
  --ink:#2B241C;
  --ink-soft:#55493B;
  --line:rgba(43,36,28,0.14);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--discovery-soft);
  color:var(--ink);
  font-family:'Assistant',sans-serif;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Varela Round',sans-serif;font-weight:400;color:var(--ink);margin:0;}
a{color:var(--mushroom-dark);}
img{display:block;max-width:100%;}
.wrap{max-width:820px;margin:0 auto;padding:0 24px;}
.wrap-wide{max-width:1080px;margin:0 auto;padding:0 24px;}

/* nav */
header.site-nav{
  position:sticky;top:0;z-index:50;
  background:rgba(241,235,224,0.94);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1080px;margin:0 auto;}
.brand{font-family:'Varela Round',sans-serif;font-size:1.12rem;text-decoration:none;color:var(--ink);}
.brand span{color:var(--mushroom-dark);}
nav.links{display:flex;gap:24px;font-size:0.96rem;}
nav.links a{text-decoration:none;color:var(--ink-soft);}
nav.links a:hover{color:var(--mushroom-dark);}
.nav-cta{display:inline-block;padding:9px 18px;background:var(--mushroom-dark);color:var(--discovery-soft);border-radius:2px;text-decoration:none;font-size:0.9rem;}
@media(max-width:820px){nav.links{display:none;}}

/* article */
.post-head{background:var(--discovery);padding:54px 0 40px;border-bottom:1px solid var(--line);}
.crumbs{font-size:0.86rem;color:var(--ink-soft);margin-bottom:16px;}
.crumbs a{color:var(--ink-soft);}
.post-head h1{font-size:clamp(1.75rem,3.6vw,2.5rem);line-height:1.3;}
.post-meta{margin-top:14px;font-size:0.88rem;color:var(--ink-soft);}
.post-lede{margin-top:18px;font-size:1.1rem;color:var(--ink-soft);}
article{padding:44px 0 20px;}
article h2{font-size:1.5rem;margin:40px 0 14px;}
article h3{font-size:1.15rem;margin:26px 0 10px;color:var(--mushroom-dark);}
article p{margin:0 0 18px;}
article ul,article ol{margin:0 0 18px;padding-inline-start:22px;}
article li{margin-bottom:9px;}
article table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:0.97rem;}
article th,article td{border:1px solid var(--line);padding:10px 12px;text-align:start;}
article th{background:var(--discovery);font-weight:600;}
.callout{
  background:var(--discovery);
  border-inline-start:3px solid var(--mushroom-dark);
  padding:18px 20px;border-radius:2px;margin:0 0 24px;
}
.callout p{margin:0;}

/* faq */
.faq{background:var(--discovery);padding:48px 0;margin-top:44px;border-top:1px solid var(--line);}
.faq h2{font-size:1.6rem;margin-bottom:24px;}
details{border-bottom:1px solid var(--line);padding:14px 0;}
details summary{cursor:pointer;font-family:'Varela Round',sans-serif;font-size:1.04rem;color:var(--mushroom-dark);list-style:none;}
details summary::-webkit-details-marker{display:none;}
details summary::before{content:"+ ";font-weight:700;}
details[open] summary::before{content:"– ";}
details p{margin:12px 0 2px;color:var(--ink-soft);}

/* cta */
.cta-band{background:var(--mushroom-dark);color:var(--discovery-soft);padding:48px 0;text-align:center;}
.cta-band h2{color:var(--discovery-soft);font-size:1.6rem;margin-bottom:12px;}
.cta-band p{max-width:52ch;margin:0 auto 24px;color:rgba(241,235,224,0.84);}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-light{display:inline-block;padding:13px 28px;background:var(--discovery-soft);color:var(--ink);text-decoration:none;border-radius:2px;}
.btn-outline{display:inline-block;padding:13px 28px;border:1px solid rgba(241,235,224,0.6);color:var(--discovery-soft);text-decoration:none;border-radius:2px;}

/* related */
.related{padding:44px 0;}
.related h2{font-size:1.4rem;margin-bottom:20px;}
.related ul{list-style:none;padding:0;margin:0;}
.related li{border-top:1px solid var(--line);padding:14px 0;}
.related a{text-decoration:none;font-size:1.04rem;}
.related a:hover{text-decoration:underline;}

/* blog index */
.blog-hero{background:var(--discovery);padding:60px 0 46px;}
.blog-hero h1{font-size:clamp(1.9rem,4vw,2.6rem);}
.blog-hero p{margin-top:16px;color:var(--ink-soft);font-size:1.08rem;max-width:60ch;}
.post-list{padding:44px 0 20px;}
.post-card{border-top:1px solid var(--line);padding:26px 0;}
.post-card h2{font-size:1.3rem;margin-bottom:8px;}
.post-card h2 a{text-decoration:none;color:var(--ink);}
.post-card h2 a:hover{color:var(--mushroom-dark);}
.post-card p{margin:0;color:var(--ink-soft);font-size:1rem;}
.post-card .tag{display:inline-block;margin-top:10px;font-size:0.82rem;color:var(--mushroom-dark);}

/* footer */
footer{background:var(--ink);color:var(--discovery-soft);padding:44px 0 32px;margin-top:0;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;max-width:1080px;margin:0 auto;padding:0 24px;}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:24px;}}
.foot-grid h4{font-family:'Varela Round',sans-serif;font-weight:400;font-size:1rem;margin:0 0 12px;color:var(--discovery-soft);}
.foot-grid ul{list-style:none;padding:0;margin:0;}
.foot-grid li{margin-bottom:8px;}
.foot-grid a{color:rgba(241,235,224,0.76);text-decoration:none;font-size:0.93rem;}
.foot-grid a:hover{color:var(--discovery-soft);text-decoration:underline;}
.foot-grid p{color:rgba(241,235,224,0.7);font-size:0.93rem;margin:0 0 8px;}
.foot-bottom{max-width:1080px;margin:28px auto 0;padding:18px 24px 0;border-top:1px solid rgba(241,235,224,0.16);font-size:0.86rem;color:rgba(241,235,224,0.6);}
.wa-float{position:fixed;bottom:22px;left:22px;z-index:60;display:flex;align-items:center;gap:9px;background:#3F5B45;color:#fff;padding:12px 17px;border-radius:30px;text-decoration:none;font-size:0.9rem;box-shadow:0 6px 18px rgba(43,36,28,0.25);}
@media(max-width:480px){.wa-float span{display:none;}.wa-float{padding:12px;}}
