/* Slide 5: flat editorial signal board, inheriting the presentation's two themes. */
.analysis-slide { --signal:#ee9476; position:absolute; inset:80px 5vw 74px; display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; gap:14px; }
:root[data-theme="cream"] .analysis-slide { --signal:#aa412b; }
.analysis-header { display:flex; justify-content:space-between; align-items:flex-end; gap:25px; }
.analysis-header .eyebrow { margin:0 0 10px; }
.analysis-header h2 { margin:0; font-size:clamp(32px,4vw,64px); font-weight:550; letter-spacing:-.055em; line-height:1; }
.analysis-title-dot { color:var(--signal); }
.analysis-sample { position:relative; display:flex; align-items:center; gap:12px; padding-right:70px; }
.analysis-sample > strong { font-size:clamp(35px,4vw,60px); font-weight:550; letter-spacing:-.06em; line-height:1; }
.analysis-sample > span { color:var(--subtle); font:10px/1.5 monospace; }
.analysis-sonar { position:absolute; right:0; width:48px; height:48px; border:1px solid var(--line); border-radius:50%; }
.analysis-sonar::before { content:''; position:absolute; inset:10px; border:1px solid var(--line); border-radius:50%; }
.analysis-sonar::after { content:''; position:absolute; top:50%; left:50%; width:22px; height:1px; background:var(--signal); transform-origin:left center; }
.analysis-method { margin:0; font-size:clamp(11px,.95vw,14px); line-height:1.4; color:var(--muted); }
.analysis-method > strong { font-weight:600; color:var(--ink); }
.analysis-board { min-height:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.analysis-card { position:relative; display:flex; flex-direction:column; gap:10px; min-width:0; min-height:0; padding:16px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); cursor:pointer; overflow:hidden; outline-offset:-4px; transition:background .2s; }
.analysis-card:hover, .analysis-card:focus-visible { background:color-mix(in srgb,var(--ink) 5%,var(--page)); }
.analysis-card:focus-visible { outline:1px solid var(--signal); }
.analysis-card > header { display:flex; align-items:center; gap:8px; }
.signal-index { font:9px monospace; color:var(--signal); }
.analysis-card h3 { font-size:clamp(12px,1.05vw,16px); font-weight:550; letter-spacing:-.02em; margin:0; }
.signal-open { margin-left:auto; color:var(--subtle); font-size:13px; opacity:.5; }
.signal-content { flex:1; display:flex; flex-direction:column; justify-content:center; gap:7px; min-height:0; }
.signal-meaning { margin:0; font-size:clamp(11px,1vw,14px); line-height:1.3; letter-spacing:-.015em; max-width:30ch; color:var(--muted); }
.signal-pair { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.signal-pair > div { display:flex; flex-direction:column; gap:7px; }
.signal-pair strong { color:var(--signal); font-size:clamp(32px,3.3vw,53px); font-weight:550; line-height:1; letter-spacing:-.07em; }
.signal-pair span { font-size:11px; line-height:1.35; color:var(--muted); }
.signal-bar { display:grid; grid-template-columns:1fr auto; gap:4px 8px; align-items:center; }
.signal-bar > span { color:var(--muted); font-size:clamp(9px,.8vw,12px); line-height:1.2; }
.signal-bar > strong { font-size:clamp(11px,.95vw,14px); font-weight:600; letter-spacing:-.03em; }
.signal-bar > i { grid-column:1/-1; height:5px; display:block; background:color-mix(in srgb,var(--ink) 8%,var(--page)); overflow:hidden; }
.signal-bar > i > b { display:block; width:var(--amount); height:100%; background:var(--signal); transform-origin:left; }
.signal-bar.soft > i > b { background:var(--subtle); }
.signal-context { margin:0; font-size:11px; line-height:1.4; color:var(--muted); }
.signal-context > b { color:var(--signal); font-size:20px; letter-spacing:-.04em; font-weight:600; }
.signal-chart-label { font:9px/1.3 monospace; color:var(--subtle); margin:0; }
.signal-context.compact { font-size:9px; }
.signal-peak { display:flex; flex-direction:column; gap:16px; }
.peak-number { display:flex; align-items:center; gap:14px; }
.peak-number strong { font-size:clamp(40px,4vw,62px); color:var(--signal); letter-spacing:-.07em; font-weight:550; line-height:1; }
.peak-number span { color:var(--muted); font-size:11px; line-height:1.4; }
.peak-track { display:flex; align-items:flex-end; gap:6px; height:28px; }
.peak-track i { flex:1; display:block; height:12%; background:var(--subtle); opacity:.3; transform-origin:bottom; }
.peak-track i:nth-child(2){height:20%}.peak-track i:nth-child(3){height:30%}.peak-track i:nth-child(4){height:42%}.peak-track i:nth-child(5){height:60%}.peak-track i:nth-child(6){height:80%}.peak-track i:last-child{height:100%;background:var(--signal);opacity:1}
.year-comparison { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.year-comparison > div { display:flex; flex-direction:column; gap:6px; }
.year-tag { font:9px monospace; letter-spacing:.1em; color:var(--subtle); }
.year-comparison strong { font-size:clamp(34px,3.4vw,54px); font-weight:550; line-height:1; letter-spacing:-.07em; color:var(--signal); }
.year-comparison > div > span:last-child { font-size:11px; color:var(--muted); }
.help-first { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:4px; font-size:10px; line-height:1.3; color:var(--muted); }
.help-first > span { width:100%; font:9px monospace; color:var(--subtle); }
.help-first b { font-weight:550; }
.analysis-foot { display:flex; justify-content:space-between; gap:20px; font:9px/1.4 monospace; color:var(--subtle); }
.analysis-foot b { color:var(--signal); margin-left:5px; }
.analysis-play .analysis-card { animation:signal-arrive .5s calc(var(--order)*.075s) both; }
.analysis-play .signal-bar > i > b { animation:signal-fill .85s calc(var(--order)*.075s) both; }
.analysis-play .peak-track i { animation:signal-grow .8s .3s both; }
.analysis-play .analysis-sonar::after { animation:signal-sweep 1.7s ease-out both; }
@keyframes signal-arrive { from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)} }
@keyframes signal-fill { from{transform:scaleX(0)}to{transform:scaleX(1)} }
@keyframes signal-grow { from{transform:scaleY(.1)}to{transform:scaleY(1)} }
@keyframes signal-sweep { from{transform:rotate(-90deg)}to{transform:rotate(270deg)} }
.motion-paused .analysis-slide *, .motion-paused .analysis-slide *::after { animation-play-state:paused!important; }
.analysis-focus { position:absolute; inset:-5px; z-index:8; background:var(--page); display:grid; grid-template-rows:auto 1fr auto; padding:5px; }
.analysis-focus-top,.analysis-focus-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.analysis-focus-top { border-bottom:1px solid var(--line); padding-bottom:18px; }
.analysis-focus-top .eyebrow { margin:0; }
.analysis-close { font-size:12px; }
.analysis-focus-body { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:6vw; padding:35px 0; min-height:0; }
.focus-number { display:block; color:var(--signal); font:12px monospace; margin-bottom:35px; }
.focus-story .eyebrow { margin-bottom:12px; }
.focus-story h3 { margin:0 0 24px; font-size:clamp(32px,4vw,64px); letter-spacing:-.05em; font-weight:550; line-height:1.05; }
.focus-meaning { margin:0 0 18px; font-size:clamp(20px,2.2vw,33px); letter-spacing:-.03em; line-height:1.25; }
.focus-detail { margin:0; color:var(--muted); font-size:clamp(13px,1.2vw,18px); line-height:1.55; max-width:52ch; }
.focus-graphic { display:flex; flex-direction:column; justify-content:center; gap:22px; }
.focus-graphic .signal-bar > span { font-size:clamp(12px,1.3vw,19px); }
.focus-graphic .signal-bar > strong { font-size:clamp(24px,3vw,46px); }
.focus-graphic .signal-bar > i { height:12px; }
.focus-graphic .signal-pair strong,.focus-graphic .year-comparison strong,.focus-graphic .peak-number strong { font-size:clamp(55px,7vw,110px); }
.focus-graphic .signal-pair span,.focus-graphic .year-comparison > div > span:last-child,.focus-graphic .peak-number span { font-size:17px; }
.focus-graphic .signal-context { font-size:16px; }.focus-graphic .signal-context > b{font-size:34px}.focus-graphic .signal-chart-label{font-size:12px}
.focus-graphic .help-first{font-size:18px;gap:14px}.focus-graphic .help-first > span{font-size:12px}
.analysis-focus-nav { border-top:1px solid var(--line); padding-top:15px; }
.analysis-focus-nav button { font-size:12px; }.analysis-focus-nav button:disabled{opacity:.3;cursor:default}.analysis-focus-index{font:11px monospace;color:var(--subtle)}
@media(max-width:1100px){
 .analysis-slide{inset:85px 4vw 85px;gap:13px}.analysis-card{padding:14px;gap:9px}.signal-content{gap:7px}.signal-pair{gap:10px}.signal-pair span{font-size:10px}.signal-meaning{font-size:11px}
}
@media(max-width:760px){
 .slide:has(#analysis:not([hidden])){height:auto;min-height:100dvh;overflow:visible}
 .analysis-slide{position:relative;inset:auto;padding:90px 5vw 115px;grid-template-rows:auto auto auto auto;gap:18px}
 .analysis-header h2{font-size:36px}.analysis-header{gap:10px}.analysis-sample{padding-right:0;gap:7px}.analysis-sample > strong{font-size:36px}.analysis-sample > span{font-size:8px}.analysis-sonar{display:none}
 .analysis-method{font-size:12px;line-height:1.5}.analysis-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(225px,auto))}
 .analysis-card{padding:16px;gap:14px}.analysis-card h3{font-size:13px}.signal-bar > span{font-size:10px}.signal-bar > strong{font-size:12px}.signal-meaning{font-size:12px}.signal-content{gap:10px}.signal-pair strong{font-size:36px}.peak-number strong{font-size:43px}.year-comparison strong{font-size:37px}
 .analysis-foot{font-size:8px}.analysis-focus{position:absolute;inset:80px 5vw 110px;padding:0;grid-template-rows:auto minmax(0,1fr) auto}.analysis-focus-body{grid-template-columns:1fr;align-content:start;gap:30px;padding:25px 0}.focus-number{margin-bottom:18px}.focus-story h3{font-size:37px;margin-bottom:18px}.focus-meaning{font-size:23px}.focus-detail{font-size:14px}.focus-graphic .signal-bar > span{font-size:13px}.focus-graphic .signal-bar > strong{font-size:30px}.focus-graphic .signal-pair strong,.focus-graphic .year-comparison strong,.focus-graphic .peak-number strong{font-size:65px}
}
@media(max-width:420px){
 .analysis-header h2{font-size:30px}.analysis-header .eyebrow{font-size:8px}.analysis-sample > strong{font-size:30px}.analysis-sample > span{font-size:7px}.analysis-board{grid-template-columns:1fr;grid-template-rows:repeat(8,225px)}
 .signal-pair strong{font-size:48px}.year-comparison strong{font-size:48px}.analysis-foot{flex-direction:column;gap:6px}.analysis-focus{position:fixed;inset:20px 20px 85px;overflow:auto;padding:15px;grid-template-rows:auto auto auto}.analysis-focus-top .eyebrow{font-size:8px}.analysis-close{font-size:10px}.focus-graphic .signal-pair span{font-size:12px}.focus-graphic .signal-pair strong{font-size:50px}.analysis-focus-nav button{font-size:10px}
}
@media(max-height:760px) and (min-width:761px){
 .analysis-slide{inset:62px 4vw 74px;gap:11px}.analysis-header h2{font-size:37px}.analysis-header .eyebrow{font-size:9px;margin-bottom:7px}.analysis-sample > strong{font-size:39px}.analysis-sonar{width:38px;height:38px}.analysis-sonar::after{width:17px}.analysis-method{font-size:11px}.analysis-card{padding:12px;gap:8px}.signal-content{gap:6px}.analysis-card h3{font-size:12px}.signal-meaning{font-size:10px}.signal-pair strong{font-size:34px}.year-comparison strong{font-size:34px}.signal-context{font-size:10px}.signal-context > b{font-size:17px}.signal-bar > i{height:4px}.signal-bar > span{font-size:9px}.signal-bar > strong{font-size:11px}.help-first{font-size:9px}.peak-number strong{font-size:42px}.peak-track{height:20px;gap:4px}.analysis-foot{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.analysis-slide *,.analysis-slide *::after{animation:none!important}}
/* Calendar marks are illustrative; only the labelled 59% is a measured value. */
.peak-track { height:22px; gap:6px; }
.peak-track i,.peak-track i:nth-child(2),.peak-track i:nth-child(3),.peak-track i:nth-child(4),.peak-track i:nth-child(5),.peak-track i:nth-child(6) { height:100%; background:transparent; border:1px solid var(--line); opacity:1; }
.peak-track i:last-child { height:100%; border:1px solid var(--signal); background:var(--signal); }
@media(max-width:760px){
 .analysis-focus { position:fixed; inset:22px 5vw 88px; padding:15px; overflow:auto; grid-template-rows:auto auto auto; }
 .analysis-focus-top { position:sticky; top:-15px; z-index:2; padding:15px 0; background:var(--page); }
 .analysis-focus-nav { position:sticky; bottom:-15px; z-index:2; padding:15px 0; background:var(--page); }
}
@media(max-width:760px){.analysis-slide{padding-top:125px}}
.analysis-focus { box-shadow:0 0 0 100vmax var(--page); }
/* A single slide: the catch animation is its opening, the findings its landing. */
.analysis-sequence { position:relative; min-height:100dvh; height:100%; display:flow-root; }
.sequence-skip { position:absolute; top:77px; right:5vw; z-index:10; font-size:11px; opacity:.6; padding:7px 0; }
.sequence-skip:hover,.sequence-skip:focus-visible { opacity:1; }
.sequence-findings-in > .analysis-slide { animation:findings-land .55s ease-out; }
@keyframes findings-land { from { opacity:0; } to { opacity:1; } }
@media(max-width:760px){
 .analysis-sequence { height:auto; }
 .sequence-skip { top:112px; right:5vw; font-size:10px; }
 .analysis-sequence[data-phase="intro"] { height:100dvh; overflow:hidden; }
}
@media(prefers-reduced-motion:reduce){.sequence-findings-in > .analysis-slide { animation:none; }}