/* Editorial exploration, graphite draft, adopted reference. Mobile first. */
.os-story,.os-product,.os-guide{--os-ink:#353131;--os-muted:#575757;--os-line:#DDD9DF;color:var(--os-ink)}
.os-story :is(article,header,figure,div),.os-product :is(article,header,div),.os-guide :is(article,header,div){min-width:0}
.os-story p,.os-product p,.os-guide p{overflow-wrap:anywhere}
.os-section-heading{display:grid;gap:16px;margin-bottom:26px}.os-section-heading h2{margin:0}.os-section-heading>p{font-size:1rem;line-height:1.65;margin:0;color:var(--os-muted)}
.os-scenario{margin-bottom:26px;padding-left:18px;border-left:2px solid #D5D5D5}.os-artifact-label{font-size:.6875rem;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;color:var(--os-muted);margin:0}.os-scenario h3{font-family:var(--serif);font-size:clamp(1.4rem,3vw,1.875rem);line-height:1.4;font-weight:400;margin:8px 0}
.os-story-grid{display:grid;gap:32px}.os-stage-heading{display:flex;gap:12px;align-items:baseline;margin-bottom:16px}.os-step{font-size:.75rem;color:#765F8A;font-variant-numeric:tabular-nums;letter-spacing:.07em;flex:none}.os-stage-heading h3{font:400 1.375rem/1.3 var(--serif);margin:0}.os-stage-heading p{font-size:.9375rem;line-height:1.6;color:var(--os-muted);margin:7px 0 0}.os-stage-caption{font-size:.9375rem;line-height:1.7;margin:15px 0 0;color:var(--os-muted)}
.os-perspectives{position:relative;background:#F2F2F2;border:1px solid #D5D5D5;border-radius:4px 14px 5px 10px;box-shadow:0 3px 10px #30303008;padding:24px 22px;color:#5E4B74;isolation:isolate}
.os-perspectives:before{content:"";position:absolute;inset:0;border-radius:inherit;background:url('assets/haiku-paper-grain.svg');opacity:.45;z-index:-1;pointer-events:none}
.os-card-question{font:italic 1.3125rem/1.5 var(--serif);margin:0 0 27px;max-width:20ch}.os-perspective-lines{display:grid;gap:22px}.os-perspective-lines blockquote{margin:0;padding:0;border:0}.os-perspective-lines blockquote:before{content:none}.os-perspective-lines blockquote p{font:400 1.1875rem/1.6 var(--serif);margin:0}.os-perspective-lines blockquote:nth-child(2){padding-left:8px}.os-perspective-lines blockquote:nth-child(3){padding-left:16px}.os-perspective-lines cite{display:block;font:400 .8125rem/1.6 var(--sans);color:#575757;margin-top:5px}.os-perspectives footer{display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid #D4CED9;margin-top:28px;padding-top:20px}.os-perspectives footer p{font:400 1rem/1.6 var(--serif);margin:0}.os-perspectives footer em{font-style:italic}
.os-mark{display:block;flex:none;width:24px;height:auto;max-width:24px;opacity:.78}.os-diagram{margin:0}.ownership-study{display:block;width:100%;height:auto;max-width:430px;margin-inline:auto}.os-diagram figcaption{display:flex;align-items:center;gap:10px;font-size:.75rem;line-height:1.6;color:var(--os-muted);margin-top:10px}.os-diagram figcaption .os-mark{width:18px;max-width:18px}
.os-draft-comparison{margin-bottom:24px;color:#575757}.os-draft-note{font-size:1rem;line-height:1.65;margin:0 0 14px}.os-draft-options{list-style:none;display:grid;gap:10px;padding:0;margin:0}.os-draft-option{padding:14px 16px;background:#F7F7F7;border:1px solid #D5D5D5;border-radius:3px 7px 4px 6px}.os-draft-option--trial{border-color:#909090;background:#F2F2F2}.os-draft-option-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.os-draft-letter{font:400 1rem/1.5 var(--serif)}.os-draft-status{font:600 .875rem/1.5 var(--sans);color:#575757}.os-draft-options h4{font:600 1rem/1.5 var(--sans);color:#454045;margin:0 0 5px;overflow-wrap:anywhere}.os-draft-options p{font-size:1rem;line-height:1.6;margin:0}.os-draft-options li{min-width:0}
.os-agreement-detail{display:grid;gap:20px;border-top:1px solid var(--os-line);padding-top:26px;margin-top:32px}.os-agreement-detail h3{font:400 1.65rem/1.35 var(--serif);margin:8px 0 12px}.os-agreement-detail header>p:last-child{font-size:.9375rem;line-height:1.7;margin:0;color:var(--os-muted);max-width:40ch}.os-routes{list-style:none;margin:0;padding:0;display:grid;gap:18px}.os-routes li{display:flex;gap:12px;align-items:baseline}.os-route-number{font-size:.75rem;color:#765F8A;flex:none;font-variant-numeric:tabular-nums}.os-routes h4{font:600 1rem/1.5 var(--sans);margin:0 0 4px}.os-routes p{font-size:.9375rem;line-height:1.7;color:var(--os-muted);margin:0}.os-routes strong{font-weight:600;color:#454045}.os-record-footer{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--os-line);padding-top:18px;margin-top:26px}.os-record-footer>p{font-size:.875rem;line-height:1.7;color:var(--os-muted);max-width:62ch;margin:0}.os-story .text-link,.os-product .text-link,.os-guide .text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.9375rem;line-height:1.5}
.os-release{display:flex;gap:16px;padding-top:25px;margin-top:26px;max-width:47rem}.os-release h3{font:400 1.375rem/1.4 var(--serif);margin:0 0 8px}.os-release p{font-size:1rem;line-height:1.7;margin:0;color:var(--os-muted)}
.os-product-layout{display:grid;gap:28px;align-items:center}.os-product h2{margin:12px 0 20px}.os-product-layout>div>p{font-size:1rem;line-height:1.75;max-width:44ch}.os-product .os-product-definition{font:400 1.25rem/1.6 var(--serif)}.os-reference{padding:24px;background:#FCFBFD;border:1px solid #E3DFE8;border-radius:10px;box-shadow:0 12px 40px #38264405}.os-reference header{display:flex;justify-content:space-between;align-items:center;gap:12px}.os-reference h3{font:400 1.875rem/1.3 var(--serif);margin:24px 0}.os-reference dl,.os-guide-dimensions{display:grid;margin:0}.os-reference dl>div,.os-guide-dimensions>div{display:grid;gap:5px;padding:12px 0;border-top:1px solid #E5E0EB}.os-reference dt,.os-guide-dimensions dt{font-size:.8125rem;color:#765F8A}.os-reference dd,.os-guide-dimensions dd{margin:0;font-size:1rem;line-height:1.6}.os-reference>p{font-size:.875rem;line-height:1.7;color:#575757;margin:20px 0 0}
.os-guide{padding-bottom:64px}.os-guide-heading{padding-inline:0;max-width:none}.os-guide-heading h1{font-size:clamp(2rem,6vw,4rem)}.os-guide-intro{display:grid;gap:30px;padding-top:20px}.os-guide h2{font:400 clamp(1.75rem,4vw,2.75rem)/1.25 var(--serif);letter-spacing:-.035em;margin:0 0 20px}.os-guide p{font-size:1rem;line-height:1.8;max-width:60ch}.os-guide-example{padding:20px;border:1px solid #E3DFE8;border-radius:10px}.os-guide-example header{display:flex;align-items:center;justify-content:space-between;gap:12px}.os-guide-example h3{font:400 1.5rem/1.4 var(--serif);margin:22px 0}.os-guide-example .os-routes{margin-top:24px}.os-guide-example .os-guide-footnote{font-size:.875rem;border-top:1px solid var(--os-line);padding-top:20px;margin-top:20px}.os-guide-section{padding-top:52px;scroll-margin-top:100px}.os-guide-section>.eyebrow{margin-bottom:12px}.os-guide-dimensions{margin:24px 0}.os-guide-maintenance{display:grid;gap:20px}.os-guide-maintenance h3{font:600 1.0625rem/1.5 var(--sans);margin:8px 0}.os-guide-maintenance p{font-size:.9375rem;line-height:1.75;margin:0;color:var(--os-muted)}.os-guide-close{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--os-line);margin-top:42px;padding-top:28px}.os-guide-close>p{font:400 1.5rem/1.5 var(--serif);margin:0;max-width:30ch}.os-guide .button{white-space:normal;line-height:1.5}.os-guide :focus-visible,.os-story :focus-visible,.os-product :focus-visible{outline:2px solid #7046B5;outline-offset:5px}
.os-routes .os-route-people{font-size:.875rem;line-height:1.6;color:#5E4B74;margin:0 0 6px}.os-guide-example .ownership-study{width:calc(100% + 24px);max-width:430px;margin-inline:-12px}
.os-guide .os-guide-support{border-top:1px solid var(--os-line);padding-top:20px;margin-top:24px;color:var(--os-muted)}
@media(min-width:600px){.os-guide-example .ownership-study{width:100%;margin-inline:auto}}
@media(min-width:680px){.os-reference dl>div,.os-guide-dimensions>div{grid-template-columns:7rem minmax(0,1fr);gap:15px}.os-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.os-stage--explore{grid-column:1/-1}.os-perspectives{padding:30px}.os-perspective-lines{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.os-perspective-lines blockquote:nth-child(n){padding-left:0}.os-perspectives footer{margin-top:20px;padding-top:16px}.os-card-question{max-width:none;margin-bottom:22px}.os-section-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:32px}.os-agreement-detail{grid-template-columns:.85fr 1.15fr;gap:36px}.os-product-layout{grid-template-columns:1fr 1fr;gap:40px}.os-guide-intro{grid-template-columns:.9fr 1.1fr;gap:40px}.os-guide-maintenance{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
@media(min-width:1100px){.os-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.os-stage--explore{grid-column:auto}.os-perspectives{padding:24px 22px}.os-perspective-lines{grid-template-columns:minmax(0,1fr);gap:26px}.os-perspective-lines blockquote:nth-child(2){padding-left:8px}.os-perspective-lines blockquote:nth-child(3){padding-left:16px}.os-card-question{margin-bottom:28px}.os-perspectives footer{margin-top:30px;padding-top:24px}.os-product-layout{gap:80px}.os-reference{padding:32px}}
.is-enlarged .os-story-grid,.is-enlarged .os-section-heading,.is-enlarged .os-perspective-lines,.is-enlarged .os-agreement-detail,.is-enlarged .os-product-layout,.is-enlarged .os-guide-intro,.is-enlarged .os-guide-maintenance,.is-enlarged .os-reference dl>div,.is-enlarged .os-guide-dimensions>div{grid-template-columns:minmax(0,1fr)}.is-enlarged .os-stage--explore{grid-column:auto}.is-enlarged .os-perspectives blockquote:nth-child(n){padding-left:0}.is-enlarged .os-guide-heading h1{font-size:2rem;overflow-wrap:anywhere}.os-guide dt,.os-guide dd,.os-reference dt,.os-reference dd{overflow-wrap:anywhere;min-width:0}
@media(prefers-reduced-motion:reduce){.os-story,.os-product,.os-guide{animation:none;transition:none;opacity:1;transform:none}}
@media print{.os-stage,.os-reference,.os-guide-example{break-inside:avoid}.os-guide-close{display:none}.os-story-grid{display:block}.os-stage{margin-bottom:24px}}

/* A finished reference: one quiet surface, precise geometry, readable agreement. */
.os-guide-intro{grid-template-columns:minmax(0,1fr);gap:32px}
.os-guide-intro--specimen-first{padding-top:0;gap:40px}
.os-guide-heading:has(+.os-guide-intro--specimen-first){padding-bottom:24px}
.pb-explanation{max-width:66ch}
.pb-specimen{--pb-hairline:#DED7E6;min-width:0;padding:22px 0 0;border-block:1px solid var(--pb-hairline);background:#fff}
.pb-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px}
.os-guide .pb-eyebrow{font:600 .75rem/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#5E4B74;margin:0 0 5px}
.os-guide .pb-context{font:400 .8125rem/1.6 var(--sans);color:#575757;margin:0}
.pb-mark{display:block;flex:none;width:28px;height:auto}
.pb-introduction{margin-top:28px}
.pb-introduction h3{font:400 clamp(1.625rem,3.8vw,2.625rem)/1.3 var(--serif);letter-spacing:-.025em;color:#353131;margin:0 0 10px}
.os-guide .pb-introduction p{font-size:1rem;line-height:1.7;color:#575757;margin:0}
.pb-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:24px}
.pb-team{margin:0;min-width:0;align-self:center}
.pb-team-diagram{display:block;width:100%;max-width:540px;height:auto;margin-inline:auto;overflow:visible}
.pb-team figcaption{font:400 .9375rem/1.6 var(--sans);text-align:center;color:#575757;margin:12px 0 0}
.pb-agreement{padding-top:24px;border-top:1px solid var(--pb-hairline)}
.pb-agreement h4{font:400 1.375rem/1.4 var(--serif);letter-spacing:-.015em;color:#5E4B74;margin:0 0 8px}
.os-guide .pb-direction{font-size:.9375rem;line-height:1.7;color:#575757;margin:0 0 22px}
.pb-decisions{margin:0;display:grid;gap:0}
.pb-decision{padding:20px 0;border-top:1px solid var(--pb-hairline)}
.pb-decision dt{display:flex;align-items:center;gap:14px}
.pb-role-key{flex:none;width:32px;height:32px}
.pb-role{display:block;font:400 .8125rem/1.6 var(--sans);color:#575757}
.pb-decision-title{display:block;font:600 1.0625rem/1.5 var(--sans);color:#353131}
.pb-decision dd{margin:8px 0 0 46px}
.os-guide .pb-decision dd p{font-size:1rem;line-height:1.65;color:#575757;margin:0}
.os-guide .pb-decision dd .pb-people{font-size:.875rem;line-height:1.6;color:#5E4B74;margin:0 0 7px}
.os-guide .pb-routing-note{font-size:.875rem;line-height:1.7;color:#575757;margin:0;padding:16px 0 0;border-top:1px solid var(--pb-hairline)}
.pb-record{display:grid;gap:18px;margin-top:32px;padding:22px 0 24px;border-top:1px solid var(--pb-hairline)}
.pb-record>div{min-width:0;display:grid;gap:5px}
.pb-record span{font:400 .8125rem/1.6 var(--sans);color:#575757}
.pb-record strong{font:500 .9375rem/1.65 var(--sans);color:#454045;overflow-wrap:anywhere}
@media(min-width:700px){.pb-specimen{padding:28px 32px 0;border:1px solid var(--pb-hairline);border-radius:12px;box-shadow:0 12px 48px #38264405}.pb-record{grid-template-columns:1fr 1.4fr 1.2fr;gap:24px}.pb-introduction{margin-top:32px}}
@media(min-width:960px){.pb-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:44px;align-items:center}.pb-agreement{border:0;padding:0}.pb-team{margin-inline:-12px}.pb-explanation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:60px;max-width:none}.pb-explanation h2{grid-row:1/4;max-width:15ch}.pb-explanation p{margin-top:0}.pb-specimen{padding-inline:36px}.pb-introduction{margin-bottom:28px}}
.is-enlarged .pb-layout,.is-enlarged .pb-explanation,.is-enlarged .pb-record{grid-template-columns:minmax(0,1fr)}
.is-enlarged .pb-explanation h2{grid-row:auto}
.is-enlarged .pb-specimen{padding-inline:0;border-inline:0;border-radius:0;box-shadow:none}
.is-enlarged .pb-decision dd{margin-left:0}
.is-enlarged .pb-team{margin-inline:0}
@media print{.pb-specimen{box-shadow:none;border-radius:0}.pb-layout{grid-template-columns:1fr 1fr;gap:24px}.pb-team-diagram{max-width:330px}.pb-record{grid-template-columns:1fr 1.4fr 1.2fr}.pb-decision,.pb-record{break-inside:avoid}}

/* One A5 sheet per stage. The same composition at every screen size. */
.a5-story{position:relative;padding-inline:0;background:#F8F8F8}
.a5-story .a5-pages{display:grid;grid-template-columns:minmax(0,1fr);gap:68px;margin-inline:auto}
.a5-stage{width:min(480px,90vw);margin-inline:auto;min-width:0}
.a5-stage-label{padding:0 0 18px;text-align:left}
.a5-stage-label h3{font:600 .8125rem/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:#5E4B74;margin:0 0 7px}
.a5-stage-label p{font:400 1rem/1.55 var(--sans);color:#575757;margin:0;max-width:40ch}
.a5-sheet{position:relative;width:100%;aspect-ratio:148/210;margin:0;background:#fff;border:1px solid #E2E2E2;border-radius:1px;box-shadow:0 1px 2px #22222208,0 9px 24px -12px #22222238,0 28px 45px -35px #22222230}
.a5-sheet>a{display:block;width:100%;height:100%;cursor:zoom-in;border-radius:1px}
.a5-sheet>a>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:1px}
.a5-sheet>a:focus-visible{outline:3px solid #7046B5;outline-offset:6px}
.a5-sheet--exploring{background:#FAFAFA}.a5-sheet--drafting{background:#FAFAFA;border-color:#DFDFDF}
.a5-draft-mark{position:absolute;right:8.4%;bottom:5.2%;width:4.05%;height:auto;opacity:.65;pointer-events:none}
.a5-story-close{width:min(480px,90vw);margin:44px auto 0;font:400 1rem/1.7 var(--sans);color:#575757}
.a5-product-example{width:100%;margin:38px auto}.a5-product-example .a5-stage{max-width:100%}
.home .a5-capacity-intro{padding-block:44px 30px}.home .a5-capacity-intro .instruction-method-overview{margin:0}
@media(min-width:900px){.a5-stage{width:clamp(420px,calc((100svh - 145px)*148/210),480px)}.a5-story .a5-pages{gap:90px}}
@media(prefers-reduced-motion:reduce){.a5-story *{animation:none!important;transition:none!important}}
@media print{.a5-stage{width:148mm;max-width:100%;break-inside:avoid}.a5-sheet{box-shadow:none}.a5-story{background:white}.a5-stage+.a5-stage{break-before:page}.a5-story-close{font-size:10pt}}

/* Keep provenance separate from the editorial paper-to-digital bridge. */
.a5-story-bridge{width:min(480px,90vw);margin:0 auto 36px;font:400 1rem/1.7 var(--sans);color:#575757}
.a5-stage-reading{margin-top:14px}
.a5-stage-reading .a5-stage-takeaway,.a5-stage-reading .a5-guide-context{font:400 1rem/1.7 var(--sans);color:#575757;margin:0;max-width:48ch;overflow-wrap:anywhere}
.a5-stage-reading .a5-guide-context{margin-top:16px}
.a5-stage-reading .text-link{display:flex;width:fit-content;max-width:100%;align-items:center;gap:8px;min-height:44px;font:400 1rem/1.5 var(--sans);color:#7046B5;text-underline-offset:.2em;white-space:normal;overflow-wrap:anywhere}
.a5-stage-reading .text-link:focus-visible{outline:3px solid #7046B5;outline-offset:4px}
.os-guide .a5-stage-label h2{font:600 .8125rem/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:#5E4B74;margin:0}
.os-guide .a5-product-example{margin:0 auto}
.a5-story-provenance{width:min(480px,90vw);max-width:48ch;margin:18px auto 0;font:400 .9375rem/1.65 var(--sans);color:#575757;text-align:center;overflow-wrap:anywhere}
@media print{.a5-story-provenance{font-size:10pt;break-inside:avoid}.a5-story-bridge,.a5-stage-reading{break-inside:avoid}.a5-full-page{display:none!important}}