/* ============================================================
   MAINE STAYS — BLOG (editorial article) layer.
   Loaded after base.css + theme.css. Light editorial article on
   the teal-led system. Nav sits in its light (scrolled) state.
   ============================================================ */

/* nav has no dark hero here — keep it light from the top */
.nav{background:rgba(244,243,240,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(22,24,26,.06);}

/* hero / header */
.blog-hero{background:var(--fog);padding:clamp(6.5rem,11vh,8.5rem) var(--pad-x) clamp(2rem,5vh,3rem);}
.blog-hero-inner{max-width:54rem;margin:0 auto;}
.blog-kicker{font-family:var(--font-ui);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);}
.blog-hero h1{font-family:var(--font-head);font-weight:600;font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:.7rem 0 .6rem;}
.blog-hero-meta{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-60);}
.blog-breadcrumb{margin-top:.6rem;font-size:.82rem;color:var(--ink-40);}
.blog-breadcrumb a{color:var(--teal);text-decoration:none;}
.quick-answer{background:#fff;border-left:4px solid var(--teal);border-radius:0 12px 12px 0;padding:1.1rem 1.35rem;margin:1.6rem 0 0;box-shadow:var(--shadow-soft);}
.quick-answer strong{display:block;font-family:var(--font-ui);font-weight:600;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--teal-deep);}
.quick-answer p{margin:.45rem 0 0;color:var(--ink);line-height:1.6;}

/* article body */
.blog-prose{background:var(--white);}
.blog-prose .section-inner{max-width:54rem;margin-inline:auto;}
.blog-prose h2{font-family:var(--font-head);font-weight:600;font-size:clamp(1.55rem,3vw,2.1rem);color:var(--ink);line-height:1.18;letter-spacing:-.01em;margin:2.2rem 0 1rem;}
.blog-prose h3{font-family:var(--font-head);font-weight:600;font-size:clamp(1.2rem,2vw,1.4rem);color:var(--ink);margin:1.9rem 0 .7rem;}
.blog-prose p{color:var(--ink-60);line-height:1.8;margin:0 0 1.15rem;font-size:1.02rem;}
.blog-prose ul,.blog-prose ol{margin:0 0 1.4rem;padding-left:0;list-style:none;display:grid;gap:.6rem;}
.blog-prose li{position:relative;padding-left:1.7rem;color:var(--ink-60);line-height:1.65;}
.blog-prose li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--teal);}
.blog-prose li strong{color:var(--ink);}
.blog-prose img{width:100%;height:auto;border-radius:14px;margin:1.9rem 0;box-shadow:var(--shadow-soft);display:block;}
.blog-prose a{color:var(--teal-deep);text-decoration:underline;text-decoration-color:rgba(11,127,138,.4);}
.blog-prose .highlight-box{background:var(--fog);border-radius:14px;padding:1.4rem 1.6rem;margin:1.7rem 0;box-shadow:var(--shadow-soft);}
.blog-prose .highlight-box h3{margin-top:0;}
.blog-prose .highlight-box ul{margin-bottom:0;}

/* faq */
.blog-faq{background:var(--fog-deep);}
.blog-faq .section-inner{max-width:54rem;margin-inline:auto;}
.blog-faq h2{font-family:var(--font-head);font-weight:600;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--ink);margin-bottom:1.3rem;}
.blog-faq details{background:#fff;border-radius:12px;padding:.2rem 1.3rem;margin-bottom:.7rem;box-shadow:var(--shadow-soft);}
.blog-faq summary{cursor:pointer;list-style:none;padding:1rem 0;font-family:var(--font-ui);font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:1rem;}
.blog-faq summary::-webkit-details-marker{display:none;}
.blog-faq summary::after{content:"+";color:var(--teal);font-size:1.3rem;line-height:1;}
.blog-faq details[open] summary::after{content:"\2212";}
.blog-faq details p{margin:0 0 1rem;color:var(--ink-60);line-height:1.7;}