/* Method only: all existing images are retained at their original sources. */
body.method-page .method-space {padding-block:52px}
body.method-page .method-opening {padding:0}
body.method-page .method-hero {padding-block:40px;min-height:0}
body.method-page .method-hero>img {max-height:none}
.domain-accordion {margin-top:28px;border-bottom:1px solid var(--rule)}
.domain-option {border-top:1px solid var(--rule)}
.domain-option summary {display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:24px;padding:24px 0;min-height:48px}
.domain-title {display:block;font:500 clamp(1.75rem,2.7vw,2.5rem)/1.2 var(--serif);color:var(--paper)}
.domain-question {display:block;font:400 1.125rem/1.6 var(--sans);color:var(--headline-olive);margin-top:10px}
.domain-description {max-width:78ch;padding:0 48px 24px 0}
.domain-toggle {position:relative;width:24px;height:24px}
.domain-toggle:before,.domain-toggle:after {content:'';position:absolute;left:3px;top:11px;width:18px;height:1px;background:var(--headline-olive)}
.domain-toggle:after {transform:rotate(90deg)}
.domain-option[open] .domain-toggle:after {transform:none}
.method-arc-layout {display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px;align-items:start}
.method-stages {list-style:none;counter-reset:stage;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:0;margin:0}
.method-stages li {counter-increment:stage;border-top:1px solid var(--rule);padding:20px 0 24px}
.method-stages li:before {content:counter(stage,decimal-leading-zero);display:block;color:var(--green);font:500 .875rem/1.5 var(--sans);margin-bottom:10px}
.method-stages h3 {font-size:1.875rem;margin-bottom:12px}
.method-arc-layout .arc-photo {height:auto;width:100%;object-fit:contain}
.iteration-note {border-top:1px solid var(--rule);padding-top:20px;margin-top:0}
body.method-page .method-grounding .method-editorial {grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:40px}
@media(max-width:800px) {
 body.method-page #main .method-space {padding-block:36px}
 body.method-page #main .method-opening {padding:0}
 body.method-page #main .method-hero {padding:32px 24px}
 .domain-option summary {padding:22px 0;gap:16px}
 .domain-question {font-size:1.0625rem;line-height:1.65}
 .domain-description {padding:0 0 24px}
 .method-arc-layout {grid-template-columns:1fr;gap:24px}
 .method-stages {grid-template-columns:1fr;gap:0}
 .method-stages li {position:relative;padding:20px 0 22px 36px}
 .method-stages li:before {position:absolute;left:0;top:24px}
 .method-arc-layout .arc-photo {max-height:280px;object-fit:contain;object-position:left center}
 body.method-page #main .method-grounding .method-editorial {grid-template-columns:1fr;gap:24px}
}

/* Option 2: translucent overlapping fields with real interactive labels. */
.living-model{margin-top:32px}
.model-canvas{position:relative;background:var(--paper);color:var(--ink);max-width:1000px;margin:auto}
.model-canvas svg{display:block;width:100%;height:auto;max-height:650px}
.model-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font:500 clamp(16px,2vw,24px)/1.4 var(--serif);letter-spacing:.18em}
.model-tab{position:absolute;max-width:25%;padding:10px 0;min-height:44px;border:0;background:none;color:var(--ink);font:500 clamp(19px,2.2vw,28px)/1.2 var(--serif);text-align:left;cursor:pointer;text-decoration-thickness:1px;text-underline-offset:8px}
.model-tab-0{left:4%;top:20%}.model-tab-1{right:3%;top:20%}.model-tab-2{right:4%;bottom:12%}.model-tab-3{left:4%;bottom:12%}
.model-tab[aria-selected=true]{color:#536044;text-decoration-line:underline}
.model-tab:focus-visible,.model-explanation [role=tabpanel]:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.model-explanation{max-width:78ch;margin:28px auto 0;min-height:180px}
.model-explanation h3{font:500 clamp(1.6rem,2.2vw,2rem)/1.3 var(--serif);color:var(--headline-olive);margin-bottom:16px}
.model-explanation [hidden]{display:none}
body.method-page .method-knowing h2{white-space:normal;max-width:24ch;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.12}
@media(max-width:800px){
 .model-canvas svg{width:100%}.model-center{top:calc((100vw - 48px)*.393);font-size:18px}
 .model-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:0 20px 24px}
 .model-tab{position:static;max-width:none;width:100%;font-size:19px;min-width:0}
 .model-explanation{min-height:0}.model-explanation p{font-size:17px;line-height:1.75}
}

/* Blend the model into the Method page. */
.model-canvas{background:transparent;color:var(--paper)}
.model-tab{color:var(--paper)}
.model-tab[aria-selected=true]{color:var(--headline-olive)}
.model-canvas svg g{stroke:var(--green)}
.model-canvas svg g ellipse{stroke:var(--green)}