
.subhero{padding:112px 24px 40px;background:var(--pistachio)}
.subhero-inner,.reading-layout{max-width:1120px;margin:auto}
.subhero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;margin:16px 0;max-width:900px}
.subhero p{max-width:760px}.reading-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;padding:48px 24px 80px}
.subnav{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:8px}
.subnav a{display:block;padding:12px 14px;border-radius:3px;text-decoration:none;font-size:16px;min-height:44px}
.subnav a[aria-current=page]{background:var(--green);color:var(--paper)}
.article{overflow-wrap:anywhere;min-width:0;max-width:760px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:18px;line-height:1.65}
.subhero .eyebrow{color:var(--green)}
.article strong{font-weight:600}
.article h2{font-family:var(--sans);font-size:30px;line-height:1.2;margin:48px 0 20px;color:var(--green)}
.article h2:first-child{margin-top:0}.article h3{font-size:23px;line-height:1.25;margin:36px 0 16px}
.article p{margin:0 0 20px}.article li{margin-bottom:18px;padding-left:5px}.article ul,.article ol{padding-left:24px}
.article code{font-size:.86em;overflow-wrap:anywhere}.article a{overflow-wrap:anywhere}
.review-strip{background:var(--paper);border-left:4px solid var(--green);padding:18px 24px;margin-top:24px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:16px;max-width:840px}
.review-strip a{display:inline-block;min-height:44px;padding:10px 0;margin-right:24px;color:var(--green)}
.page-footer{border-top:1px solid var(--line);padding:24px;text-align:center;font-size:15px;color:var(--muted)}
@media(max-width:800px){.reading-layout{grid-template-columns:1fr;gap:32px;padding-top:24px}.subnav{position:static;display:flex;flex-direction:row;overflow-x:auto;padding-bottom:10px}.subnav a{flex-shrink:0;max-width:175px}.subhero{padding-top:96px}.article{font-size:17px}.article h2{font-size:27px}.site-header nav{display:none}}
@media print{.site-header,.subnav{display:none}.reading-layout{display:block;padding:0}.subhero{padding:20px 0;background:white}.article{max-width:none;font-size:11pt}.article h2{break-after:avoid}}
