/* Task 8: bounded glass, never layered on scrolling text. */
:root{--surface:var(--paper)}
.home-offers{padding-block:var(--sp-8)}.home-offers>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}.home-offers article{min-width:0}.home-offers img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:8px}.home-offers h3{font-size:var(--fs-title-sm);margin-block:var(--sp-3) var(--sp-2)}.home-offers p{font-size:var(--fs-body);margin:0}.home-offers .text-link{min-height:44px}.home-close{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-7);margin-block:var(--sp-8);border:1px solid var(--line);border-radius:16px}.hero-tagline{font-size:var(--fs-lead);font-weight:600;margin:var(--sp-3) 0}.home-page .cinema-hero .hero-explainer{max-width:54ch;font-size:var(--fs-body)}.home-page .principal-intro{margin-block:var(--sp-3);justify-content:center}.research-decision-rows{display:grid;gap:var(--sp-2);margin-block:var(--sp-5)}.research-decision-rows dt{font-weight:700;margin-top:var(--sp-3)}.research-decision-rows dd{margin:0;color:var(--ink)}.research-link{padding-block:var(--sp-5)}.guide-group-thumb{width:128px;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:8px;margin-block:var(--sp-3)}
/* A small fixed surface; chart glass is restricted to its caption, not its full plot. */
.site-header,.home-page .hero-tagline,.z-chart figcaption,.home-close{background:var(--surface)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.home-page .hero-tagline,.z-chart figcaption{background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);box-shadow:0 1px 2px rgb(0 0 0 / .04),0 8px 24px rgb(0 0 0 / .06)}}
.home-page .hero-tagline{display:inline-block;color:var(--ink);padding:var(--sp-3) var(--sp-4);border-radius:12px}.z-chart figcaption{padding:var(--sp-3);border-radius:8px}.site-header :is(.nav-panel,.language-menu){background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce){.site-header,.home-page .hero-tagline,.z-chart figcaption{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.site-header,.home-page .hero-tagline,.z-chart figcaption,.home-close{transition:none}}
@media(max-width:767px){.home-offers>div{grid-template-columns:1fr 1fr;gap:var(--sp-4)}.home-close{display:block;padding:var(--sp-5)}.home-close .button{margin-top:var(--sp-4)}.home-page .cinema-hero{min-height:auto}.home-page .cinema-hero h1{font-size:var(--fs-display)}.home-page .hero-tagline{font-size:var(--fs-body)}}

.method-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.method-hero>.principal-intro{width:min(1140px,calc(100% - 64px));margin-inline:auto;margin-block:var(--sp-4)}.report-figure-summary{font-size:var(--fs-sm);padding:var(--sp-4);border:1px solid var(--line)}@media(max-width:767px){.method-hero-grid{display:flex;flex-direction:column}.method-hero-grid>div{width:100%;min-width:0}.method-hero .workflow-experience{display:none}.method-hero{padding-block:var(--sp-6)}.method-hero h1{font-size:var(--fs-display);max-width:none}.method-hero .doc-sub{max-width:none}.method-hero>.principal-intro{margin-block:var(--sp-3)}}
@media(max-width:767px){.z-chart figcaption{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}

.guide-library .guide-group>summary{grid-template-columns:128px minmax(0,1fr) auto 24px}.guide-library .guide-group>summary .guide-number{display:none}.guide-library .guide-group-thumb{width:100%;margin:0}@media(max-width:767px){.guide-library .guide-group>summary{grid-template-columns:72px minmax(0,1fr) 24px;padding:var(--sp-4);gap:var(--sp-3)}.guide-group-thumb{grid-row:1/3}.guide-library .guide-group>summary h2{grid-column:2;grid-row:1;font-size:var(--fs-title-sm)}.guide-library .guide-count{grid-column:2;grid-row:2}.guide-expand{grid-column:3;grid-row:1/3}}

/* Chart supporting content shares the plot's reading width. Native disclosures
   remain operable without JavaScript; a summary is styled, not replaced. */
.profile-chart>.profile-values,.profile-chart>.profile-inputs{max-width:760px;margin-inline:auto}
.profile-chart>.profile-values{grid-template-columns:minmax(0,1fr) auto;gap:0;margin-block:var(--sp-4);padding:var(--sp-4);border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.profile-chart>.profile-values dt,.profile-chart>.profile-values dd{padding-block:var(--sp-2);border-bottom:1px solid var(--line);line-height:1.5}
.profile-chart>.profile-values dt{font-size:var(--fs-sm);font-weight:400;color:var(--muted);padding-inline-end:var(--sp-4)}
.profile-chart>.profile-values dd{font-size:var(--fs-sm);font-weight:700;text-align:end}
.profile-chart>.profile-values dt:last-of-type,.profile-chart>.profile-values dd:last-of-type{border:0}
.z-chart :is(.profile-inputs,.chart-custom,.home-chart-detail)>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:fit-content;min-height:48px;padding:var(--sp-3) var(--sp-5);border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:var(--fs-sm);font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.z-chart :is(.profile-inputs,.chart-custom,.home-chart-detail)>summary::-webkit-details-marker{display:none}
.z-chart :is(.profile-inputs,.chart-custom,.home-chart-detail)>summary::after{content:'+';font-size:var(--fs-lead)}
.z-chart :is(.profile-inputs,.chart-custom,.home-chart-detail)[open]>summary::after{content:'−'}
.z-chart :is(.profile-inputs,.chart-custom,.home-chart-detail)>summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.z-chart figure>figcaption{padding:var(--sp-3) 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--muted);font-size:var(--fs-2xs);font-weight:400;line-height:1.6}
@media(hover:hover){.z-chart :is(.profile-inputs,.chart-custom,.home-chart-detail)>summary:hover{background:var(--accent-hi);border-color:var(--accent-hi)}}
@media(max-width:600px){.profile-chart>.profile-values{padding:var(--sp-3)}.z-chart :is(.profile-inputs,.chart-custom,.home-chart-detail)>summary{width:100%}}

/* Input panels for full-size charts and embedded homepage cards.
   Compact report inputs remain in charts.css; reports do not load this sheet. */
.z-chart .z-chart-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--sp-3);max-width:760px;margin:var(--sp-4) auto;padding:0}
.z-chart .z-chart-controls label{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(28px,auto) 44px;align-content:start;align-items:center;gap:var(--sp-1) var(--sp-2);min-width:0;margin:0;padding:var(--sp-3);border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:var(--fs-sm);font-weight:500;line-height:1.4}
.z-chart-controls output{padding:var(--sp-1) var(--sp-2);border-radius:4px;background:var(--panel-2);font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.z-chart .z-chart-controls input{grid-column:1/-1;min-width:0;margin:0}
.z-chart-controls label>span{font-size:var(--fs-sm);font-weight:500;color:var(--ink)}
.z-chart-controls label:not(:has(output))>span{grid-column:1/-1}

/* September density pass: only the services catalogue and method components. */
main:has(>.catalog-intro)>:is(.service-catalog,.role-paths,.entry-reviews){padding-block:var(--sp-7);margin-block:0}
main:has(>.catalog-intro)>.guide-updates{margin-block:0}
@media(min-width:1051px){.visual-catalog .service-summary{grid-template-rows:148px 40px minmax(64px,max-content) minmax(42px,auto) auto 44px}}
.method-heading{margin-bottom:var(--sp-3)}
.method-heading>.eyebrow,.method-research>.eyebrow{margin-bottom:var(--sp-3)}
.method-checks{gap:var(--sp-2)}
.method-checks details,.method-research>details{padding-block:var(--sp-2)}
.method-roadmap article{padding:var(--sp-4)}
.method-research .research-roles{margin-block:var(--sp-3)}
.workflow-lab .workflow-detail{min-height:0;padding:var(--sp-4)}
.workflow-detail dl{margin-top:var(--sp-3)}
.workflow-document-label{margin-bottom:var(--sp-3)}
.method-heading h2{margin-bottom:var(--sp-3)}
.method-roadmap h3{margin-block:var(--sp-2)}
.method-roadmap p{margin-block:var(--sp-1)}
@media(min-width:901px){.workflow-lab{padding:var(--sp-6)}}
.workflow-detail dl{gap:var(--sp-4)}
.workflow-detail dt{margin-bottom:var(--sp-1)}

/* The diagnostic matrix keeps its labels at the existing type size. */
#rework-map>figure{max-width:560px}
#rework-map .profile-values{grid-template-columns:minmax(0,1fr) auto}
#rework-map .profile-values dd{text-align:end}