/* Public Method shell. Figure typography and hazard colours remain page-owned. */
:root{--site-header-height:80px;--method-rail-width:224px;--method-rail-background:#f6f8f9;--method-reading-top:104px;--paper:#fff;--site-ink:#12273f;--site-muted:#59666e;--site-rule:#e3e5e4;--site-accent:#2f71b8;--serif:"Iowan Old Style",Palatino,"Book Antiqua",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}.method-page{margin:0;padding-top:var(--site-header-height);padding-left:var(--method-rail-width);background:var(--site-page-background);color:#17181a;font:15px/1.65 var(--sans)}html:has(.method-page){scroll-padding-top:var(--method-reading-top);scroll-behavior:smooth}.method-page a{touch-action:manipulation}.method-page a:focus-visible,.method-page button:focus-visible,.method-page select:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}.method-page [hidden]{display:none!important}


.method-page .rail,.method-page .masthead,.method-overview-rail{position:fixed;inset:var(--site-header-height) auto 0 0;z-index:30;width:var(--method-rail-width);max-width:none;margin:0;padding:28px 20px 24px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:var(--method-rail-background);border:0;overflow:auto}
.method-index{margin-bottom:28px}.method-rail-label{font:10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#6b7277;margin:0 0 10px}.method-guide-links{display:flex;flex-direction:column;gap:2px}.method-guide-links a{display:flex;align-items:center;min-height:39px;padding:8px 0;color:#62696e;text-decoration:none;font:12px/1.45 var(--sans)}.method-guide-links a[aria-current="page"]{color:var(--site-ink);font-weight:600}.method-guide-links a:hover{color:var(--site-accent)}.method-page .chapter-label{margin-bottom:12px}.method-page .rail nav,.method-page .contents{display:flex;flex-direction:column;width:100%;gap:1px;margin:0}.method-page .rail nav a,.method-page .contents>a{min-height:40px;font-size:12px;padding:9px 0 9px 11px;line-height:1.5;color:#62696e;border-left:2px solid transparent;text-decoration:none}.method-page .rail nav a[aria-current],.method-page .contents a[aria-current]{color:var(--site-accent);border-left-color:var(--site-accent)}.method-page .hazard-subnav{margin-block:3px 6px}.method-page .hazard-subnav a{min-height:30px;padding-block:5px;font-size:11px}.method-page .mobile-chapters{display:none}
.method-page main,.method-page .method-reference-footer,.method-page .method-footer{max-width:1400px;margin-inline:auto;padding-inline:clamp(28px,4vw,64px)}
.method-page-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:30px;font:11px/1.6 var(--sans);color:#6b7277}.method-page-heading nav{display:flex;flex-wrap:wrap;gap:10px}.method-page-heading a{color:inherit;text-decoration:none}.method-page-heading a:hover{color:var(--site-accent)}.method-page-heading p{margin:0;font-size:10px;white-space:nowrap}.method-page .hero{padding-top:34px}.method-page .hero>.cap{margin-bottom:22px}.method-page .enhanced .story-stage,.method-page.enhanced .story-stage,.method-page .motion-pin>.operation-stage{top:var(--method-reading-top)}
.method-related{display:grid;grid-template-columns:1.2fr 1fr;gap:14px 50px;padding-block:48px 58px;margin-top:25px}.method-related>.method-rail-label{grid-column:1/-1}.method-related>a{color:var(--site-ink);text-decoration:none}.method-related>a span{display:block;font:32px/1.18 var(--serif);max-width:24ch}.method-related>a small{display:inline-block;font:12px var(--sans);color:var(--site-accent);margin-top:15px;text-decoration:underline;text-underline-offset:4px}.method-related>p:last-child{margin:0;max-width:42ch;color:var(--site-muted);font-size:14px;align-self:center}.method-reference-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--site-muted);padding-block:20px 36px}.method-reference-footer>div{display:flex;justify-content:space-between;gap:28px;width:100%}.method-reference-footer a{color:var(--site-muted)}
.method-page .method-footer{border-top:1px solid var(--site-rule);padding-top:32px;padding-bottom:28px;color:var(--site-muted)}.method-footer a{color:var(--site-ink);text-decoration:none}.method-footer .footer-contact-main a{color:var(--site-ink);font-size:12px}.method-footer .footer-contact-main h2{font:28px/1.2 var(--serif);color:var(--site-ink)}.method-footer .footer-address{font-size:11px}.method-footer .footer-university img{width:130px}.method-page .skip{position:fixed;left:16px;top:8px;z-index:100;padding:12px 18px;background:white;color:var(--site-ink);transform:translateY(-180%)}.method-page .skip:focus{transform:none}
.method-overview h1,.method-overview h2,.method-overview p,.method-overview figure{margin:0}.method-overview h1{font:clamp(42px,5vw,72px)/1.07 var(--serif);letter-spacing:-.035em;max-width:21ch}.method-overview h2{font:clamp(32px,3.2vw,45px)/1.12 var(--serif);letter-spacing:-.025em}.method-intro{padding:58px 0 64px}.method-intro>.method-rail-label{margin-bottom:24px}.method-lede{font-size:18px;line-height:1.65;color:var(--site-muted);max-width:60ch;margin-top:28px!important}.method-guide{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,5vw,80px);align-items:center;margin-bottom:76px}.method-preview{padding:32px;background:#f6f5f1;min-width:0}.method-preview .preview-caption{font-size:10px;line-height:1.6;color:#707775}.business-preview blockquote{font:clamp(23px,2.4vw,34px)/1.45 var(--serif);margin:30px 0}.business-preview mark{background:#e1eaf0;color:#35566e}.preview-result{background:white;padding:19px 22px;margin:20px 0}.preview-result span{display:block;font:23px/1.25 var(--serif);color:var(--site-ink)}.preview-result small{display:block;font-size:10px;color:var(--site-muted);margin-top:16px}.preview-result strong{display:block;font:16px/1.5 var(--sans);color:#35566e;margin-top:4px}.climate-preview{background:#f2f5f7}.climate-preview svg{width:100%;height:245px;display:block}.climate-preview svg text{font:11px var(--sans);fill:#5d6d78}.method-guide-copy .method-rail-label{margin-bottom:18px}.method-guide-copy>p:not(.method-rail-label){color:var(--site-muted);font-size:15px;line-height:1.75;max-width:47ch;margin:22px 0 24px}.method-title-link{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-skip-ink:auto;transition:color 200ms ease,text-decoration-color 200ms ease}.method-title-link:hover,.method-title-link:focus-visible{color:var(--site-accent);text-decoration-color:currentColor}.method-guide-meta{display:block;font-size:11px;color:#72797d;margin-top:14px}.method-connection{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;padding:20px 0 72px}.method-connection>.method-rail-label{grid-column:1/-1}.method-connection p:not(.method-rail-label){font-size:14px;color:var(--site-muted);line-height:1.75}.method-connection .method-boundary{margin:18px 0}.method-connection a{font-size:13px;color:var(--site-accent);text-underline-offset:4px}
@media(max-width:1100px){.method-page-heading{display:block}.method-page-heading>p{margin-top:7px}.method-guide{gap:30px}.method-preview{padding:22px}.method-guide-meta{line-height:1.7}}
@media(max-width:900px){:root{--method-reading-top:116px}.method-page{padding-left:0}.method-page .rail,.method-page .masthead{position:sticky;inset:auto;top:var(--site-header-height);width:100%;padding:0 22px;min-height:44px;overflow:visible;border:0;z-index:40;display:block}.method-page .method-index,.method-page .chapter-label,.method-overview-rail{display:none}.method-page.nav-enhanced .rail nav,.nav-enhanced .method-page .rail nav,.method-page .nav-enhanced .contents,.method-page.nav-enhanced .contents{display:none}.method-page .mobile-chapters:not([hidden]){display:flex!important;gap:12px;align-items:center;width:100%;min-height:44px;font-size:11px}.mobile-guide{font-size:11px;color:var(--site-ink)!important;text-decoration:none;white-space:nowrap}.method-page .mobile-chapters select{flex:1;min-width:0;min-height:44px;padding:8px 0 8px 8px;border:0;background:transparent;color:#454f57;font:12px var(--sans)}.method-page main,.method-page .method-reference-footer,.method-page .method-footer{padding-inline:clamp(22px,5vw,45px)}.method-page-heading{padding-top:24px}.method-page .hero{padding-top:28px}.method-related{gap:18px 30px}.method-intro{padding-top:38px}.method-overview .method-index{display:block;margin:0}.method-overview .method-guide{margin-bottom:55px}}
@media(max-width:760px){.method-related{grid-template-columns:1fr}.method-related>a span{font-size:30px}.method-page .method-footer{padding-top:28px}.method-guide,.method-connection{grid-template-columns:1fr;gap:28px}.method-guide-copy{order:-1}.method-preview{max-width:580px}.method-intro{padding-bottom:48px}.method-lede{font-size:16px}.method-connection{padding-bottom:52px}.method-overview h1{font-size:clamp(39px,7vw,57px)}}
@media(prefers-reduced-motion:reduce){html:has(.method-page){scroll-behavior:auto}.method-page *, .method-page *::before,.method-page *::after{transition:none!important;animation:none!important}}
@media print{.method-page{padding:0}.method-page .site-header,.method-page .rail,.method-page .masthead,.method-overview-rail,.method-page .skip,.method-related,.method-footer{display:none!important}.method-page main{max-width:none;padding:0}.method-page-heading{padding-top:0}.method-page .story-stage,.method-page .operation-stage{position:static!important}}

/* Method pages close quietly; the homepage carries the contact section. */
.method-page .method-copyright{display:block;max-width:1400px;margin-inline:auto;padding:12px clamp(28px,4vw,64px) 28px;border:0;color:var(--site-muted);font:11px/1.6 var(--sans)}
@media(max-width:900px){.method-page .method-copyright{padding-inline:clamp(22px,5vw,45px)}}

/* Shared source disclosures: neutral shaded panels, without extra divider lines. */
:root{--method-disclosure-bg:#f6f6f4;--method-disclosure-hover:#efefec;--method-disclosure-shadow:0 1px 3px rgb(18 39 63 / 5%);--method-disclosure-inset:18px}
.method-page details.method-disclosure{margin:10px 0;padding:0 var(--method-disclosure-inset);border:0;border-radius:0;background:var(--method-disclosure-bg);box-shadow:var(--method-disclosure-shadow);min-width:0}
.method-page details.method-disclosure>summary{margin:0 calc(-1 * var(--method-disclosure-inset));padding:20px var(--method-disclosure-inset);min-height:60px;font:400 13px/1.5 var(--sans);color:var(--ink);cursor:pointer;transition:background-color 160ms ease}
.method-page details.method-disclosure>summary:hover{background:var(--method-disclosure-hover)}
.method-page details.method-disclosure>summary:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}
.method-page details.method-disclosure[open]{padding-bottom:20px}
.method-page details.method-disclosure[open]>summary{margin-bottom:6px}
.method-page details.method-disclosure>:last-child:not(summary){margin-bottom:0}
@media(max-width:680px){:root{--method-disclosure-inset:16px}.method-page details.method-disclosure>summary{padding-block:17px}}
@media print{.method-page details.method-disclosure{box-shadow:none;break-inside:avoid}}

/* Continuous page surfaces share the site canvas; inset figures keep their own fills. */
.method-page .story-stage,.method-page .story-pin,.method-page .motion-pin>.operation-stage{background:var(--site-page-background)}

@media(max-width:760px){:root{--site-header-height:68px}}

/* Core explanations are readable before the examples, with or without scripts. */
.method-primer{margin:28px 0 38px;max-width:100%;color:var(--site-ink)}
.method-page[data-guide="climate"] .hero>.method-primer{margin-top:48px;padding-top:32px;border-top:1px solid var(--site-rule)}
.method-primer h3,.method-guide-copy h3{font:400 clamp(24px,2.6vw,32px)/1.25 var(--serif);letter-spacing:-.02em;margin:28px 0 16px;color:var(--site-ink)}
.method-primer>p,.method-core>p{max-width:85ch;font:14px/1.8 var(--sans);color:var(--site-muted);margin:16px 0}
.method-primer strong,.method-core strong{color:var(--site-ink);font-weight:600}
.method-primer a,.method-core a,.method-example-link{color:var(--site-accent);text-underline-offset:4px}
.method-primer .method-primer-lede{font-size:17px;max-width:72ch;margin:24px 0}
.method-flow{list-style:none;counter-reset:method-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0;padding:0}
.method-flow>li{counter-increment:method-step;position:relative;border-top:1px solid #c5d0d4;padding-top:14px;min-width:0}
.method-flow>li::before{content:counter(method-step,decimal-leading-zero);display:block;font:11px/1.5 var(--sans);color:var(--site-muted);margin-bottom:12px;letter-spacing:.08em}
.method-flow>li:not(:last-child)::after{content:'→';position:absolute;right:0;top:10px;color:#627985;font:18px var(--sans)}
.method-flow>li>strong{display:block;font:600 14px/1.5 var(--sans);margin:0 0 8px;color:var(--site-ink)}
.method-flow>li>span,.method-flow>li>p{display:block;font:13px/1.75 var(--sans);color:var(--site-muted);margin:0}
.method-sources{margin:18px 0 30px}
.method-sources>div{display:grid;grid-template-columns:minmax(130px,1fr) 3fr;gap:24px;padding:15px 0;border-top:1px solid var(--site-rule)}
.method-sources dt{font:600 13px/1.7 var(--sans);color:var(--site-ink)}
.method-sources dd{margin:0;font:14px/1.75 var(--sans);color:var(--site-muted)}
.method-core-note{padding:18px 22px;background:#edf2f2}
.method-guide-introduction{grid-column:1/-1;margin:0}
.method-guide-introduction .method-rail-label{margin:0 0 18px}
.method-overview .method-guide{row-gap:26px;align-items:center;border-top:1px solid var(--site-rule);padding-top:38px;margin-bottom:60px}
.method-overview .method-guide:first-child{padding-top:0;border:0}
.method-guide-copy h3{margin-top:0}
.method-guide-copy .method-example-link{font-size:14px;line-height:1.8}
.method-guide-copy .method-example-note{font-size:12px!important;margin-top:20px!important}
.method-core{grid-column:1/-1;min-width:0;margin:0 0 24px}
.method-core>p:first-child{margin-top:0}
.method-trace{overflow-wrap:anywhere}
.method-trace table,table.method-trace{width:100%;border-collapse:collapse;font:13px/1.7 var(--sans);margin:20px 0}
.method-trace th,.method-trace td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--site-rule)}
.method-trace th{color:var(--site-ink);font-weight:600}
.method-trace-list{padding-left:20px;max-width:90ch;color:var(--site-muted);font:14px/1.85 var(--sans)}
.method-trace-list li{padding-left:8px;margin:14px 0}
.method-review-example{padding:2px 24px 8px;background:#f1f4f4}
.method-states{margin-bottom:20px}
@media(max-width:1100px){.method-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.method-flow>li:nth-child(2)::after{content:'↓'}}
@media(max-width:760px){.method-guide-introduction{order:-2}.method-guide-introduction .method-primer-lede{font-size:16px}.method-sources>div{grid-template-columns:1fr;gap:5px}.method-primer>p,.method-core>p,.method-sources dd{font-size:14px}.method-trace th,.method-trace td{padding:10px 8px}.method-core-note{padding:16px}.method-overview .method-guide{row-gap:22px}}
@media(max-width:480px){.method-flow{grid-template-columns:1fr;gap:16px}.method-flow>li{padding-left:34px;padding-top:12px}.method-flow>li::before{position:absolute;left:0;top:14px}.method-flow>li:not(:last-child)::after{content:none}.method-flow>li>strong{margin-bottom:5px}}
@media print{.method-flow{grid-template-columns:repeat(4,minmax(0,1fr));break-inside:avoid}.method-primer,.method-core{color:#12273f}.method-guide-introduction{order:-2}}
