.page-hero{padding:80px 0 50px;background:radial-gradient(circle at 90% 10%,#dff5ef,transparent 30%)}
.page-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;letter-spacing:-.055em;max-width:850px;margin:0 0 20px}
.page-hero p{font-size:1.18rem;color:var(--muted);max-width:720px}
.article-wrap{padding:70px 0 100px}.article{width:min(760px,100%);font-size:1.03rem}
.article h2{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.035em;line-height:1.15;margin:54px 0 14px}
.article h2:first-child{margin-top:0}.article p,.article li{color:#344b46}.article a{color:var(--brand);font-weight:650}
.article .callout{padding:20px 22px;background:#eaf6f2;border-left:4px solid var(--brand);border-radius:0 12px 12px 0;margin:28px 0}
.formula-block{padding:24px;background:var(--ink);color:#fff;border-radius:14px;overflow:auto;font-size:1.05rem;line-height:1.8}
.breadcrumb{font-size:.86rem;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--brand)}
.meta-line{font-size:.85rem;color:var(--muted);margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}