/* Growth evidence in the listening room. No changes to the pegboard or audio. */
.wall-page.studio-pass .intro h1 { max-width:540px; font-size:clamp(42px,4.8vw,64px); }
.wall-page.studio-pass .intro .short-bio { max-width:370px; }
.wall-page.studio-pass .intro .availability { max-width:340px; line-height:1.65; }
.intro-evidence { display:block; max-width:360px; margin:20px 0 24px; color:#e8d0b9; font-size:14px; line-height:1.65; text-decoration-thickness:1px; }
.wall-page .contact-availability { max-width:320px; line-height:1.65; }
.growth-feature { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:clamp(32px,6vw,90px); padding:48px 0 50px; border-top:1px solid #62564a; }
.case-kicker { font:11px/1.6 var(--font); letter-spacing:.025em; color:#c5b7a8; }
.growth-story h3 { font:clamp(32px,3.4vw,45px)/1.13 var(--serif); color:#f0e9df; margin:18px 0 24px; letter-spacing:-.015em; }
.growth-story>p:not(.case-kicker) { max-width:540px; margin-bottom:17px; color:#c9c3ba; font:15px/1.8 var(--font); }
.case-link { display:inline-block; color:#ead4bd; font:14px/1.5 var(--font); text-underline-offset:6px; margin-top:14px; }
.growth-outcome { border-left:1px solid #4c4840; padding-left:clamp(24px,4vw,52px); align-self:center; }
.account-change { display:flex; gap:20px; align-items:baseline; font:clamp(68px,8vw,108px)/1.2 var(--serif); color:#e4b58c; margin:12px 0 4px; }
.account-change>span:first-child { color:#a89e90; }
.account-change>span:nth-child(2) { font:30px var(--font); color:#a89e90; }
.account-change strong { font-weight:400; }
.outcome-label { color:#e1dbd2; font-size:16px; line-height:1.6; }
.enrollment { color:#e4b58c; font-size:17px; margin-top:24px; }
.evidence-limit { color:#aaa297; font:12px/1.7 var(--font); margin-top:12px; max-width:240px; }
.supporting-case { border-top:1px solid #403d37; border-bottom:1px solid #403d37; padding:32px 0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:36px; align-items:center; }
.supporting-case h3 { font:29px/1.2 var(--serif); color:#e7dfd4; margin:8px 0 12px; }
.supporting-case p:not(.case-kicker) { max-width:690px; font:14px/1.8 var(--font); color:#bdb6ac; }
.ai-work-heading { padding:70px 0 36px; }
.ai-work-heading h3 { font:33px/1.2 var(--serif); color:#e7dfd4; }
.ai-work-heading p { margin-top:12px; max-width:600px; color:#aaa398; font:14px/1.7 var(--font); }
.reasoning-sheet { display:flex; flex-direction:column; text-align:left; width:100%; background:#242725; color:#e2e5dd; border:1px solid #515850; padding:clamp(22px,3vw,38px); border-radius:3px; }
.reasoning-top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font:10px/1.6 var(--mono); color:#b7c1b3; padding-bottom:22px; }
.reasoning-row { display:flex; align-items:baseline; gap:24px; padding:16px 0; border-top:1px solid #4b514b; font:14px/1.6 var(--font); }
.reasoning-row strong { font:38px/1.2 var(--serif); min-width:110px; }
.reasoning-error { color:#e8bc98; }
.reasoning-insight { font:24px/1.35 var(--serif); max-width:360px; padding-top:22px; }
.reasoning-bottom { display:flex; justify-content:space-between; gap:14px; color:#b7c1b3; font:11px/1.7 var(--font); margin-top:30px; }
.evidence-sequence>.release:nth-child(2)>.reasoning-sheet { grid-column:1; grid-row:1 / span 5; align-self:center; }
.quiz-framing { font-size:12px; line-height:1.6; color:inherit; opacity:.75; margin:18px 0 12px; }
.options button .option-copy { font:inherit; color:inherit; width:auto; height:auto; background:none; border:0; padding:0; border-radius:0; display:block; letter-spacing:normal; }
.option-copy small { display:block; font-size:11px; margin-top:5px; opacity:.8; }
.your-choice { padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #84786955; }
.your-choice p { margin-top:8px; }
.choice-result .case-link { color:#705139; }
@media(max-width:750px) {
  .evidence-sequence>.release:nth-child(2)>.reasoning-sheet { order:2; margin-top:25px; }
}
@media(max-width:700px) {
  .growth-feature { grid-template-columns:1fr; gap:30px; padding:32px 0; }
  .growth-outcome { border-left:0; border-top:1px solid #4c4840; padding:26px 0 0; }
  .account-change { font-size:78px; }
  .growth-outcome .evidence-limit { max-width:none; }
  .supporting-case { grid-template-columns:1fr; gap:8px; }
  .ai-work-heading { padding-top:52px; }
  .reasoning-row { gap:16px; }
}

/* Shareable case pages use the same type and quiet, dark palette. */
body.case-page { background:#191918; color:#d4cdc2; --wall:#191918; --ink:#eee6da; --muted:#aaa297; --red:#e4b58c; }
.case-page .page { max-width:1060px; padding-bottom:56px; }
.case-page .site-top .address { color:#bbb2a6; }
.case-page .site-top { border-bottom:1px solid #403d37; }
.case-back { display:inline-block; margin:40px 0; color:#bbb2a6; font-size:13px; }
.case-heading { max-width:780px; padding-bottom:48px; }
.case-heading h1 { font:clamp(43px,6.3vw,72px)/1.08 var(--serif); letter-spacing:-.02em; margin:18px 0 26px; color:#f0e9df; }
.case-heading .case-deck { font-size:19px; line-height:1.7; max-width:660px; }
.case-summary { border-block:1px solid #534a40; padding:24px 0; margin-bottom:58px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.case-summary dt { font:12px/1.6 var(--font); color:#aaa297; margin-bottom:10px; }
.case-summary dd { font:23px/1.35 var(--serif); color:#e4b58c; margin:0; }
.case-body { max-width:700px; margin-left:auto; }
.case-body section { margin-bottom:48px; scroll-margin-top:30px; }
.case-body h2 { color:#f0e9df; font:32px/1.2 var(--serif); margin-bottom:18px; }
.case-body p { font:16px/1.85 var(--font); margin-bottom:18px; }
.case-body .case-aside { color:#aaa297; font-size:14px; }
.case-body .case-insight { border-left:2px solid #b78660; padding:8px 0 8px 24px; font:28px/1.4 var(--serif); color:#e4c8ad; margin:28px 0; }
.case-body .case-boundary { border-top:1px solid #49433b; padding-top:28px; }
.case-body .case-boundary h2 { font-size:26px; }
.case-page footer { border-top:1px solid #403d37; padding-top:28px; display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; }
.case-page footer a { color:#e4b58c; }
.metric-details { margin-top:14px; color:#c5bbae; font:13px/1.7 var(--font); }
.metric-details summary { cursor:pointer; width:fit-content; color:#e4b58c; text-decoration:underline; text-underline-offset:5px; padding:8px 0; }
.metric-details summary::marker { font-size:10px; }
.metric-details dl { margin:12px 0 0; padding-top:2px; border-top:1px solid #49433b; }
.metric-details dl>div { padding-top:14px; }
.metric-details dt { color:#e5ddd2; font-weight:500; }
.metric-details dd { margin:4px 0 0; }
.case-page .case-summary { margin-bottom:16px; }
.case-metrics { max-width:700px; margin-bottom:58px; }
.case-metrics>p { color:#aaa297; font:13px/1.7 var(--font); }
.case-metrics .metric-details { margin-top:4px; }
.case-share { padding:0 0 32px; }
.case-share button { color:#e4b58c; min-height:44px; font-size:14px; }
.case-share button:disabled { opacity:.65; }
#share-feedback { color:#bdb3a5; max-width:530px; font:13px/1.6 var(--font); }
#share-fallback { margin-top:16px; max-width:650px; }
#share-fallback label { display:block; margin-bottom:7px; font-size:13px; }
#case-link-value { width:100%; color:#eee6da; background:#242321; border:1px solid #706253; padding:12px; font:13px/1.5 var(--font); border-radius:3px; }
#case-link-value:focus-visible { outline:2px solid #e4b58c; outline-offset:3px; }
@media(max-width:600px) {
  .case-page .page { padding:0 24px 40px; }
  .case-page .site-top { height:auto; padding:24px 0; flex-wrap:wrap; }
  .case-page .site-top nav { gap:18px; }
  .case-summary { grid-template-columns:1fr; gap:22px; margin-bottom:40px; }
  .case-heading { padding-bottom:24px; }
  .case-heading .case-deck { font-size:17px; }
  .case-back { margin:28px 0; }
}
