/* A quiet first screen, one reading path, optional depth. */
:root{--section-pad:72px;--fs-h2:clamp(30px,3.4vw,43px)}
.suite-header-inner{padding-block:17px;flex-wrap:nowrap}
.suite-location{display:flex;align-items:center;gap:30px;font-size:12px;color:var(--text-muted)}
.guide-menu{position:relative}.guide-menu>summary{cursor:pointer;list-style:none;color:var(--text-2);padding:8px 0 8px 12px;display:flex;gap:10px;align-items:center;font-size:13px}.guide-menu>summary::-webkit-details-marker{display:none}.guide-menu>summary:after{content:'+';color:var(--accent);font:18px var(--font-mono)}.guide-menu[open]>summary:after{content:'−'}
.suite-header .guide-menu nav{position:absolute;top:calc(100% + 12px);right:0;display:grid;gap:0;min-width:225px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;padding:10px;box-shadow:0 18px 50px #0008}.suite-header .guide-menu nav a{padding:10px 12px;border:0;border-radius:6px}.suite-header .guide-menu nav a[aria-current=page]{background:var(--surface-3);color:var(--accent);border:0}
.hero.wrap{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(35px,6vw,88px);padding-block:70px 76px;min-height:530px;border-bottom:1px solid var(--line-subtle)}
.hero .hero-copy{min-width:0;max-width:640px}.hero .eyebrow{border:0;border-radius:0;padding:0;margin-bottom:24px;font-size:11px;color:var(--text-muted);display:block}
.hero h1,.hero h1#hero-title{font-size:clamp(40px,4.7vw,64px);line-height:1.04;letter-spacing:-.05em;margin-bottom:24px;max-width:650px}
.hero-deck{font-size:18px;line-height:1.7;max-width:540px;letter-spacing:0;color:var(--text-muted)}
.hero .hero-note{font-size:13px;line-height:1.6;margin-top:20px;max-width:490px}
.job-sketch{margin:0;padding:26px;background:var(--surface-1);border:1px solid var(--line);border-radius:18px;min-width:0}
.sketch-label{display:block;font:10px/1.7 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 20px}
.sketch-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.sketch-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:15px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.sketch-steps li>span{width:36px;height:40px;border:1px solid var(--line-strong);border-radius:5px;display:grid;place-items:center;font:13px var(--font-mono);color:var(--text-muted)}
.sketch-steps svg{width:22px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sketch-steps b{font-size:16px;line-height:1.4;display:block;font-weight:500;letter-spacing:-.015em}.sketch-steps small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--text-muted)}
.sketch-steps li.model-step{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sketch-steps .model-step small,.sketch-steps .model-step>span{color:var(--on-accent)}.sketch-steps .model-step>span{border-color:#09090b40}
.job-sketch figcaption{font-size:12px;line-height:1.65;color:var(--text-muted);margin:19px 0 0}.job-sketch figcaption strong{color:var(--text-2)}
.incident-sketch .sketch-label{color:var(--warn)}.incident-sketch .sketch-steps li:last-child{border-color:var(--warn-line);background:var(--warn-callout)}.incident-sketch .sketch-steps li:last-child b{color:var(--warn)}
.result-sketch{padding:26px}.result-pair{display:grid;grid-template-columns:1fr 1fr;gap:23px}.result-pair>div+div{border-left:1px solid var(--line);padding-left:23px}.result-pair strong{font-size:60px;line-height:1;letter-spacing:-.06em;color:var(--accent);display:block;margin:10px 0 18px}.result-pair strong small{font-size:24px;letter-spacing:-.03em}.result-pair p{font-size:13px;line-height:1.6;margin:0;color:var(--text-2)}.result-pair .conduct strong{color:var(--warn)}.result-sketch figcaption{border-top:1px solid var(--line);padding-top:18px}
.reading-chapter{display:grid;grid-template-columns:140px minmax(0,760px);gap:50px;padding-block:68px;border-bottom:1px solid var(--line-subtle)}
.reading-chapter>.chapter{margin:5px 0 0;font-size:11px;color:var(--text-faint)}
.reading-chapter h2{font-size:clamp(29px,3.2vw,41px);letter-spacing:-.04em;line-height:1.15;margin:0 0 24px}
.reading-chapter p{font-size:17px;color:var(--text-muted);line-height:1.75;margin:0 0 20px}.reading-chapter p:last-child{margin-bottom:0}.reading-chapter p strong{color:var(--text-2)}
.reading-chapter a{color:var(--text-2);text-underline-offset:4px}.reading-chapter a:hover{color:var(--accent)}
.small-depth{border-block:1px solid var(--line);margin-top:28px}.small-depth>summary{padding:17px 0;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;gap:18px;list-style:none}.small-depth>summary::-webkit-details-marker{display:none}.small-depth>summary:after{content:'+';color:var(--accent)}.small-depth[open]>summary:after{content:'−'}.small-depth>div{padding:0 0 20px}.small-depth p{font-size:14px}
.two-questions{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.two-questions article{border-top:1px solid var(--line);padding-top:24px}.two-questions h3{font-size:23px;line-height:1.2;margin:0 0 13px}.two-questions p{font-size:15px}
.remember-line{margin:34px 0 0!important;color:var(--accent)!important;font-size:24px!important;line-height:1.4!important;font-weight:500;letter-spacing:-.025em}
.guide-reading-list{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}.guide-reading-list li{border-bottom:1px solid var(--line)}.guide-reading-list a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:23px 0;text-decoration:none}.guide-reading-list b{font-size:20px;font-weight:500;display:block;letter-spacing:-.02em}.guide-reading-list small{font-size:14px;color:var(--text-muted);display:block;margin-top:5px;line-height:1.6}.guide-reading-list a>span:last-child{color:var(--accent);align-self:center}.reading-chapter .side-links{font-size:13px;margin-top:28px;line-height:1.9;color:var(--text-muted)}
.reading-depth{max-width:var(--container);width:calc(100% - var(--gutter)*2);margin:0 auto 24px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-1)}
.reading-depth>summary{display:flex;align-items:center;gap:26px;justify-content:space-between;list-style:none;cursor:pointer;padding:25px 28px}.reading-depth>summary::-webkit-details-marker{display:none}.reading-depth>summary b{display:block;font-size:19px;font-weight:500;letter-spacing:-.025em;line-height:1.4}.reading-depth>summary small{display:block;color:var(--text-muted);font-size:13px;line-height:1.6;margin-top:5px}.reading-depth>summary>i{font-style:normal;font:23px var(--font-mono);color:var(--accent)}.reading-depth[open]>summary>i{font-size:0}.reading-depth[open]>summary>i:after{content:'−';font-size:23px}.reading-depth[open]>summary{border-bottom:1px solid var(--line)}
.reading-depth>.section,.reading-depth>.section-space{width:100%;max-width:none;margin:0;border:0;padding:36px 28px;background:transparent}.reading-depth>.section>.wrap,.reading-depth>.section-space>.wrap{width:100%;max-width:none}.reading-depth .section-heading{margin-bottom:28px}.reading-depth .section-heading h2{font-size:32px}.reading-depth .section-heading .chapter{display:none}.reading-depth .section-heading:has(>.chapter){grid-template-columns:1fr}.reading-depth .section-heading p{font-size:14px}
.page-results .walkthrough .section-heading,.page-results .honey-section .section-heading{grid-template-columns:1fr 1fr;gap:50px}.page-results .story-grid{gap:25px}.page-results .story{padding:25px}.page-results .story h3{font-size:27px}.page-results .story p{font-size:14px}.page-results .trap-summary{grid-template-columns:1fr 1fr}.page-results .trap-summary article:last-child{display:none}.page-results .bait-nuance{margin-block:24px}.page-results .reading-note{padding-top:40px}.page-results .technical-notes{padding-block:0 40px}
.page-failures #controls{border-top:0;padding-top:68px}.page-failures #controls .section-heading h2{font-size:37px}.page-failures .repair-types h3{font-size:25px}.page-failures .repair-types small{display:none}.page-failures .repair-types article{padding:25px}.page-failures .repair-types p{font-size:14px}.page-failures #evaluations{padding-top:58px}.page-failures .overview-row{padding-block:22px}.page-failures .overview-name b{font-size:21px}.page-failures .closing{padding-block:42px}.page-failures .closing .button{display:none}
.page-pieces #pieces{padding-top:65px}.page-pieces #managed{border-top:0;padding-top:55px}.page-pieces #platforms{padding-block:48px}.page-pieces .closing{padding-block:50px}.page-pieces .closing .button{display:none}.page-pieces .sources{padding-block:45px}
.next-guide{padding-block:45px;margin-top:15px}.next-guide h2{font-size:29px;max-width:560px}.next-guide>div>p{font-size:10px}.next-guide>a{font-size:14px}.suite-footer{padding-block:28px}
@media(min-width:1000px){.page-overview .hero h1{font-size:68px}.page-failures .hero h1{font-size:60px}}
@media(max-width:1000px){.hero.wrap{gap:32px}.hero h1,.hero h1#hero-title{font-size:49px}.hero-deck{font-size:17px}.job-sketch{padding:22px}.sketch-steps li{padding:13px 12px;gap:12px}.reading-chapter{grid-template-columns:110px minmax(0,1fr);gap:30px}.result-pair{gap:16px}.result-pair>div+div{padding-left:16px}.result-pair strong{font-size:52px}}
@media(max-width:760px){:root{--section-pad:48px}.suite-location>span{display:none}.suite-header-inner{gap:15px;padding-block:12px}.suite-brand{font-size:12px;gap:9px}.suite-symbol{width:26px;height:26px}.guide-menu>summary{font-size:12px}.hero.wrap{grid-template-columns:1fr;gap:30px;padding-block:39px 42px;min-height:0}.hero .eyebrow{margin-bottom:20px;font-size:10px}.hero h1,.hero h1#hero-title{font-size:46px;line-height:1.04;margin-bottom:22px}.hero-deck{font-size:16px;line-height:1.7}.hero .hero-note{font-size:12px;margin-top:15px}.job-sketch{padding:21px;border-radius:14px;max-width:560px;width:100%}.sketch-label{font-size:9px;margin-bottom:16px}.sketch-steps b{font-size:15px}.sketch-steps small{font-size:12px}.job-sketch figcaption{font-size:11px}.result-pair strong{font-size:62px}.result-pair p{font-size:13px}.reading-chapter{display:block;padding-block:43px}.reading-chapter>.chapter{margin:0 0 17px}.reading-chapter h2{font-size:31px;margin-bottom:21px}.reading-chapter p{font-size:16px}.two-questions{grid-template-columns:1fr;gap:25px}.two-questions p{font-size:15px}.small-depth p{font-size:14px}.remember-line{font-size:23px!important}.guide-reading-list b{font-size:19px}.guide-reading-list small{font-size:13px}.reading-depth{margin-bottom:16px;border-radius:11px}.reading-depth>summary{padding:20px;gap:18px}.reading-depth>summary b{font-size:17px}.reading-depth>summary small{font-size:12px}.reading-depth>.section,.reading-depth>.section-space{padding:25px 17px}.reading-depth .section-heading h2{font-size:27px}.page-results .walkthrough .section-heading,.page-results .honey-section .section-heading{grid-template-columns:1fr;gap:0}.page-results .trap-summary{grid-template-columns:1fr;gap:18px}.page-results .story-grid{gap:18px}.page-results .bait-nuance{display:block}.page-failures #controls{padding-top:43px}.page-failures #controls .section-heading h2{font-size:31px}.page-failures #evaluations{padding-top:43px}.page-pieces #pieces{padding-top:43px}.next-guide{display:block;padding-block:35px}.next-guide h2{font-size:28px}.next-guide>a{display:inline-block;margin-top:20px}.suite-footer{font-size:11px}.suite-footer>span{display:none}}
@media(max-width:370px){.hero h1,.hero h1#hero-title{font-size:40px}.sketch-steps li{grid-template-columns:30px minmax(0,1fr);gap:10px}.sketch-steps li>span{width:30px;height:34px}}
@media print{.suite-location{display:none}.hero.wrap{min-height:0;padding-block:20px;gap:25px}.hero h1,.hero h1#hero-title{font-size:36px}.reading-depth{width:100%;margin-bottom:15px;break-inside:auto}.reading-depth>summary{padding:15px}.reading-chapter{padding-block:25px}.reading-depth>.section{padding:20px}.job-sketch{break-inside:avoid}}

/* Consistent disclosure state, including nested and dynamically rendered summaries. */
details>summary .disclosure-icon{display:inline-grid;place-items:center;align-self:center;flex-shrink:0;width:22px;height:22px;vertical-align:middle;font-size:0!important;line-height:1;transform:none!important}
details>summary .disclosure-icon:after{content:'+';font:22px/1 var(--font-mono)}
details[open]>summary .disclosure-icon:after{content:'−'}
