.framework-page h1,.framework-page h2,.framework-page h3{font-weight:500;text-wrap:balance}
.framework-page .site-nav{position:relative;border:0}
.framework-hero{padding-bottom:0}
.framework-hero-main{display:block}
.framework-hero .framework-map{margin-top:clamp(28px,4vw,48px);padding-top:0;border-top:0}
.framework-hero-copy h1{font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px;max-width:none}
.framework-hero-copy .lead{font-size:17px;max-width:none;margin:0;color:var(--fg-3)}
.framework-hero-art{width:min(100%,860px);height:clamp(160px,21vw,280px);margin:28px auto 0;overflow:hidden}
.framework-hero-art picture,.framework-hero-art img{display:block;width:100%;height:100%}
.framework-hero-art img{object-fit:cover;object-position:center;border:0;border-radius:0;mix-blend-mode:normal}
@media(max-width:767px){.framework-hero .framework-map{margin-top:28px}.framework-hero-art{margin-top:24px}.framework-hero-copy h1{font-size:clamp(36px,8vw,44px)}}
.framework-map{padding:28px 0;border-block:1px solid var(--border-1)}
.framework-map ol{list-style:none;padding:0;margin:20px 0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.framework-map li{display:flex;align-items:center;justify-content:space-between;gap:12px}
.framework-map li:not(:last-child):after{content:'→';color:var(--fg-3)}
.framework-map a{text-decoration:none;color:var(--fg-1);min-height:44px;display:inline-flex;align-items:center}
.framework-map ol a{font-size:clamp(18px,2.5vw,28px)}
.framework-map a:hover{color:var(--accent)}
.framework-support{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center;border-top:1px solid var(--border-1);padding-top:16px}
.framework-support>span,.framework-support small{color:var(--fg-3);font-size:14px}
.framework-support a{gap:12px;flex-wrap:wrap}
.map-note{color:var(--fg-3);font-size:14px;margin:16px 0 0;max-width:none}
.example-intro{padding:64px 0 32px;width:100%;max-width:none;scroll-margin-top:24px}
.example-intro h2{font-size:clamp(28px,3.5vw,40px)}
.example-intro .example-label{font:13px/1.6 var(--font-body)}
.guide-layout{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:clamp(32px,6vw,88px);align-items:start}
.guide-select button{width:100%;display:grid;grid-template-columns:30px 1fr 20px;gap:12px;align-items:center;text-align:left;background:none;border:0;border-top:1px solid var(--border-1);color:var(--fg-2);padding:18px 12px;min-height:82px;transition:background .2s,transform .2s}
.guide-select button:hover{background:var(--bg-surface-1)}
.guide-select button:active{transform:translateY(1px)}
.guide-select button[aria-pressed=true]{background:var(--bg-surface-1);box-shadow:inset 3px 0 var(--accent)}
.guide-select strong{display:block;font-size:18px;font-weight:500;color:var(--fg-1)}
.guide-index{font:12px var(--font-mono);color:var(--fg-3)}
.guide-purpose{display:block;font-size:14px;margin-top:3px}
.guide-indicator{color:var(--accent);visibility:hidden}
.guide-select [aria-pressed=true] .guide-indicator{visibility:visible}
.guide-support-label{margin-top:32px}
.guide-panel{scroll-margin-top:24px;min-width:0}
.guide-panel:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.guide-panel h2{font-size:clamp(28px,3vw,36px);margin-top:0}
.guide-action{max-width:60ch}
.guide-record{background:var(--bg-surface-1);padding:clamp(22px,3vw,36px);margin:28px 0}
.record-label{font:12px var(--font-mono);color:var(--accent);margin-bottom:12px}
.guide-record h3{margin:0 0 24px}
.guide-record dl{margin:0}
.guide-record dl>div{padding:16px 0;border-top:1px solid var(--border-1)}
.guide-record dl>div:last-child{padding-bottom:0}
.guide-record dt{font-size:13px;color:var(--fg-3);margin-bottom:6px}
.guide-record dd{margin:0;font-size:16px;max-width:60ch}
.guide-outcome{font-size:15px;max-width:60ch}
.guide-outcome strong{display:block;color:var(--fg-1);font-weight:500;margin-bottom:6px}
.guide-depth.prose{max-width:none;margin:24px 0 0;padding:16px 0;border-top:1px solid var(--border-1);font-size:16px}
.guide-depth summary{min-height:44px;display:list-item;padding-block:8px}
.guide-depth[open] summary{margin-bottom:12px}
.framework-next{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:72px;padding-block:40px;border-top:1px solid var(--border-1)}
.framework-next h2{font-size:28px;max-width:none}
.framework-next a{display:block;padding:12px 0}
html:not(.js) .guide-select{display:none}
html:not(.js) .guide-layout{display:block}
html:not(.js) .guide-panel{max-width:760px;margin-bottom:56px}
@media(max-width:767px){.framework-map ol{grid-template-columns:1fr;gap:0}.framework-map li{border-top:1px solid var(--border-1);padding:8px 0}.framework-map li:not(:last-child):after{content:'↓'}.framework-support{grid-template-columns:1fr;gap:4px}.framework-support a{gap:16px}.example-intro{padding-top:40px}.guide-layout,.framework-next{grid-template-columns:1fr;gap:32px}.guide-select button{min-height:72px;padding:12px}.guide-support-label{margin-top:24px}.framework-next{margin-top:48px}.guide-panel{scroll-margin-top:20px}}