/* A moment, a reading, a record. Keep all instructional text outside the imagery. */
.method-story .brand{color:#fff}.method-story .brand__eye--dark{opacity:0!important}.method-story .brand__eye--light{opacity:1!important}
.method-story.beyond-method-hero .brand{color:#202723}.method-story.beyond-method-hero .brand__eye--dark{opacity:1!important}.method-story.beyond-method-hero .brand__eye--light{opacity:0!important}
#guide-content{max-width:none;padding:0}
.guide-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;padding:150px max(24px,8vw) 70px;color:#fff}
.guide-hero>div{max-width:650px}
.guide-hero figure{position:absolute;inset:0;max-width:none;z-index:-2}
.guide-hero img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.guide-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101b14df 0%,#101b1480 48%,#101b140a 80%);z-index:-1}
#guide-content .guide-hero .guide-kicker{font:italic 29px/1.3 'Instrument Serif',serif;color:#efe4c6}
.guide-hero h1{font-size:clamp(48px,5.9vw,86px);line-height:1.17;max-width:660px}
.guide-hero p:not(.guide-kicker){max-width:440px}
.guide-hero .guide-action{background:#eee4cb;color:#252b24}
.guide-section{max-width:1280px;padding:64px 0;margin:auto;width:calc(100% - max(48px,12vw))}
#cycle>h2,#cycle>.guide-lead,#passport>h2,#passport>.guide-lead{text-align:center;margin-left:auto;margin-right:auto}
.cycle-explorer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;margin-top:28px}
.cycle-wheel{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin:auto}
.cycle-wheel:before{content:"";position:absolute;inset:16%;border:1px solid #b6af9a;border-radius:50%}
.cycle-centre{position:absolute;inset:35% 29%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.cycle-centre img{width:76px;height:48px;object-fit:contain}.cycle-centre span{font-size:12px;color:#646657}
.cycle-wheel button{position:absolute;transform:translate(-50%,-50%);border:0;padding:10px 15px;background:#fff;font:400 clamp(20px,2.4vw,31px)/1.3 Anton,sans-serif;color:#767966;cursor:pointer;border-radius:30px;transition:background .25s,color .25s}
.cycle-wheel button:nth-of-type(1){left:50%;top:16%}.cycle-wheel button:nth-of-type(2){left:80%;top:33%}.cycle-wheel button:nth-of-type(3){left:80%;top:67%}.cycle-wheel button:nth-of-type(4){left:50%;top:84%}.cycle-wheel button:nth-of-type(5){left:20%;top:67%}.cycle-wheel button:nth-of-type(6){left:20%;top:33%}
.cycle-wheel button[aria-pressed=true]{background:#e6d8b8;color:#232922}
.phase-detail{border-left:2px solid #b9ac8a;padding:10px 0 10px 36px;min-height:265px}
#guide-content .phase-name{font:italic 32px/1.3 'Instrument Serif',serif;color:#796b4d;margin:0 0 16px}
.phase-detail h3{font:400 clamp(30px,3vw,42px)/1.23 Anton,sans-serif;margin:0 0 18px}
#example blockquote{max-width:1000px;font-size:clamp(33px,4.7vw,62px);margin-top:24px}
.reading-lab{margin-top:30px}.reading-photo{position:relative;overflow:hidden;border-radius:4px}
.reading-photo>img{width:100%;height:auto;display:block}
.reading-ring{position:absolute;border:2px solid #fff4cc;border-radius:50%;width:12%;height:12%;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s;pointer-events:none;box-shadow:0 0 0 2px #1c2d1344}
.reading-ring[data-ring="0"]{left:43%;top:54%}.reading-ring[data-ring="1"]{left:60%;top:49%}.reading-ring[data-ring="2"]{left:72%;top:20%}
.reading-ring.is-active{opacity:1;transform:scale(1)}
.reading-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.reading-controls button,.passport-index button{font:400 14px/1.5 'Instrument Sans',sans-serif;color:#414b3c;border:1px solid #c9cabd;background:transparent;border-radius:999px;padding:11px 18px;cursor:pointer;transition:background .2s}
.reading-controls button[aria-pressed=true]{background:#293127;color:#fff;border-color:#293127}
#guide-content .reading-caption{min-height:58px;font-size:14px;max-width:800px}
.example-explanation{margin-top:12px}
.passport-notebook{display:grid;grid-template-columns:240px 1fr;max-width:1050px;margin:42px auto 0;align-items:start;gap:0}
.passport-index{display:flex;flex-direction:column;gap:8px;padding:32px 0}
.passport-index button{text-align:left;border-radius:18px 0 0 18px;border-right:0;padding:16px 22px;margin-left:20px}
.passport-index button[aria-pressed=true]{background:#e6d8b8;border-color:#e6d8b8;color:#232922;margin-left:0}
.passport-page{background:#f0eadb;border-radius:4px 18px 18px 4px;padding:38px 44px;min-height:425px;box-shadow:5px 7px 0 #e2ddce,10px 14px 0 #eeeadf}
#guide-content .passport-heading{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px;color:#69614f}
.passport-page h3{font:400 37px/1.25 Anton,sans-serif;margin:0 0 14px}
.passport-observation{border-top:1px solid #c8c0ac;margin-top:25px;padding-top:20px}
.passport-observation>span{font-size:12px;color:#69614f}
#guide-content .passport-observation p{font:italic 27px/1.4 'Instrument Serif',serif;margin:12px 0 20px}
.family-section{align-items:start}
.family-section>div{padding-left:30px;border-left:2px solid #b9ac8a}
.guide-download>img{transform:rotate(-5deg);box-shadow:12px 20px 30px #29271d25}
.method-guide button:focus-visible{outline:2px solid #796b4d;outline-offset:5px}
@media(max-width:750px){.guide-hero{min-height:100svh;padding:170px 28px 65px;align-items:center}.guide-hero>div{max-width:85%}.guide-hero h1{font-size:clamp(43px,8vw,59px)}.guide-hero img{object-position:64% center}.guide-hero:after{background:linear-gradient(90deg,#101b14dc,#101b1460)}.guide-section{padding:40px 0}.cycle-explorer{grid-template-columns:1fr;gap:15px}.cycle-wheel{max-width:370px}.cycle-wheel button{font-size:25px}.phase-detail{min-height:235px;padding-left:22px}.passport-notebook{grid-template-columns:1fr;margin-top:25px}.passport-index{flex-direction:row;flex-wrap:wrap;padding:0 0 15px;gap:8px}.passport-index button,.passport-index button[aria-pressed=true]{border:1px solid #c9cabd;border-radius:20px;margin:0;padding:9px 14px}.passport-page{padding:28px 24px;min-height:430px}.family-section>div{padding-left:20px}.reading-controls{gap:8px}.reading-controls button{font-size:12px;padding:9px 13px}.guide-download>img{margin-left:15px}}
@media(prefers-reduced-motion:reduce){.reading-ring,.cycle-wheel button,.reading-controls button,.passport-index button{transition:none}}
.guide-hero img{object-position:65% center}
@media(max-width:750px){.guide-hero{align-items:flex-start;padding-top:170px}.guide-hero>div{max-width:100%}.guide-hero h1{font-size:clamp(38px,7.5vw,55px);max-width:420px}.guide-hero img{object-position:66% center}.guide-hero:after{background:linear-gradient(180deg,#101b14b8 0%,#101b147a 47%,#101b1420 78%)}}
.situation-lab{margin:32px 0}.situation-switch{display:flex;flex-wrap:wrap;gap:10px}.situation-switch button{font:400 14px/1.5 'Instrument Sans',sans-serif;padding:12px 20px;border:1px solid #c9cabd;border-radius:28px;background:transparent;color:#30382b;cursor:pointer}.situation-switch button[aria-pressed=true]{background:#293127;color:#fff;border-color:#293127}.pitch-stage{perspective:1200px;padding:16px 0 0}.tactical-pitch{display:block;width:100%;height:auto;transform:rotateX(14deg);filter:drop-shadow(0 18px 12px #24332024);overflow:visible}.pitch-tokens>g{transition:transform 850ms cubic-bezier(.22,.7,.2,1)}.pitch-legend{display:flex;flex-wrap:wrap;gap:15px 26px;margin:12px 0}.pitch-legend>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#515a48}.legend-token{width:15px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 3px 0 #858a79}.legend-token-0{background:#dac28e}.legend-token-1{background:#eeeee4}.legend-token-2{background:#333d2e}.situation-description{min-height:58px}.situation-switch button:focus-visible{outline:2px solid #82724c;outline-offset:4px}@media(max-width:750px){.pitch-stage{margin:0 -16px}.situation-switch button{padding:10px 13px;font-size:12px}.pitch-legend{gap:12px}.tactical-pitch{transform:rotateX(8deg)}}@media(prefers-reduced-motion:reduce){.pitch-tokens>g{transition:none}}
.situation-lab .pitch-stage{max-width:760px;width:82%;margin:12px auto 0;padding-top:0}
@media(max-width:750px){.situation-lab .pitch-stage{width:90%;margin:12px auto 0}}
.situation-lab .pitch-legend{justify-content:center;max-width:760px;margin:12px auto;text-align:center}
.passport-page{box-shadow:none;border-radius:16px;background:#f0eadb}
.passport-index button,.passport-index button[aria-pressed=true]{margin-left:0;border-radius:16px;border:1px solid transparent}
.passport-index button[aria-pressed=true]{background:#f0eadb;border-color:transparent}
.passport-notebook{gap:16px}
.cycle-centre{inset:35% 29%;display:grid;place-items:center;text-align:center;gap:0}
@media(pointer:coarse){.situation-switch button,.reading-controls button,.passport-index button{min-height:44px}}
/* The explanation and the evidence occupy the same, deliberately quiet, coaching board. */
.method-coaching-board{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:36px;background:transparent;color:#202723;padding:0;margin-top:30px}
.method-coaching-board .situation-lab{margin:0;min-width:0}
.method-coaching-board .situation-switch{gap:6px}.method-coaching-board .situation-switch button{border-radius:0;border:0;border-bottom:2px solid transparent;padding:10px 8px;color:#515a48;min-height:44px;font-size:12px;background:transparent}
.method-coaching-board .situation-switch button[aria-pressed=true]{color:#202723;border-color:#897342;background:transparent}
.method-coaching-board .situation-lab .pitch-stage{width:100%;max-width:none;margin:22px 0 0;padding:0;perspective:none}
.method-coaching-board .tactical-pitch{transform:none;filter:none;overflow:visible}
.method-coaching-board .pitch-legend{margin:18px 0;justify-content:flex-start;gap:12px}.method-coaching-board .pitch-legend>span{color:#515a48;font-size:11px}
#guide-content .method-coaching-board .guide-note{color:#646657;font-size:11px;line-height:1.65;margin:12px 0}
#guide-content .method-coaching-board .situation-description{color:#202723;font-size:14px;line-height:1.6;min-height:4.8em;margin:18px 0 0;border-top:1px solid #c9cabd;padding-top:16px}
.method-coaching-board .example-explanation{display:flex;flex-direction:column;gap:0;margin:0;padding-top:10px;min-width:0}
.method-coaching-board .example-explanation article{display:block;border-left:2px solid #dedfd6;padding:18px 0 18px 22px;transition:border-color .2s}
.method-coaching-board .example-explanation article.is-current{border-color:#897342}
.method-coaching-board .example-explanation h3{font-size:23px;line-height:1.25;margin-bottom:12px}
.method-coaching-board .example-explanation button{font:inherit;color:#646657;text-align:left;padding:0 24px 0 0;border:0;background:transparent;cursor:pointer;min-height:44px;position:relative;width:100%}
.method-coaching-board .example-explanation button:after{content:none}
.method-coaching-board .example-explanation button[aria-pressed=true]{color:#202723}
#guide-content .method-coaching-board .example-explanation p{font-size:13px;line-height:1.65;color:#515a48;margin:0}
.tactical-controls{display:flex;gap:16px;align-items:center;margin-top:12px}.tactical-controls button{background:#293127;color:#fff;border:0;border-radius:0;min-height:44px;padding:10px 18px;white-space:nowrap;font:600 12px 'Instrument Sans',sans-serif;cursor:pointer}.tactical-controls span{font-size:11px;color:#515a48;line-height:1.5}
.method-coaching-board button:focus-visible{outline:2px solid #82724c;outline-offset:4px}
.tactical-vision{fill:#f1dab716;stroke:#e4d1a157;stroke-width:1}.tactical-focus{fill:none;stroke:#eed7a4;stroke-width:1.5}.tactical-space{fill:#eee2b11c;stroke:#ead7a6;stroke-width:1;stroke-dasharray:5 6}
.tactical-lane{fill:none;stroke:#fff6df;stroke-width:2;stroke-dasharray:6 7}.tactical-lane.is-option{stroke:#ecdfb2;stroke-dasharray:none;opacity:.8}.tactical-lane.is-blocked{stroke:#e8b584;stroke-dasharray:3 7;opacity:.7}.tactical-block{stroke:#f4c28f;stroke-width:3;fill:none}.tactical-pressure{stroke:#f0c096;stroke-width:3;stroke-dasharray:5 4;fill:none}.tactical-label{font:13px 'Instrument Sans',sans-serif;fill:#fff3d9;paint-order:stroke;stroke:#26452a;stroke-width:3px;stroke-linejoin:round}
@media(max-width:1050px){.method-coaching-board{gap:32px;padding:0;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}}
@media(max-width:800px){.method-coaching-board{grid-template-columns:1fr;padding:0;gap:24px;margin-inline:0}.method-coaching-board .example-explanation{padding-top:0}.method-coaching-board .example-explanation article{padding:14px 0 14px 18px}.method-coaching-board .example-explanation h3{font-size:22px}.method-coaching-board .situation-switch button{flex:1;padding-inline:5px;font-size:11px}.method-coaching-board .pitch-legend{gap:8px;font-size:10px}#guide-content .method-coaching-board .situation-description{min-height:0}.tactical-controls{gap:12px}.tactical-controls button{padding-inline:12px}.method-coaching-board .situation-lab .pitch-stage{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.method-coaching-board *{animation:none!important;transition:none!important}}