.data-nav{display:flex;gap:20px;padding:20px 0 0;color:#8f9c99;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.data-nav a{color:#8f9c99;text-decoration:none}.data-nav span{color:#c9e9ce}.data-hero{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:22px;align-items:center;padding:38px 0 32px;border-bottom:1px solid var(--line)}.data-hero h1{margin:0 0 10px;font-size:clamp(35px,4.4vw,57px);line-height:.98;letter-spacing:-.06em}.data-hero>div:nth-child(2)>p:not(.eyebrow){margin:0;color:var(--muted);font-size:15px}.result-section,.priority-section,.metric-section,.set-piece-section{padding:27px 0;border-top:1px solid var(--line)}.result-section{border-top:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.section-head h2{font-size:27px}.section-head>span,.section-note{color:#98a6a3;font:500 9px 'DM Mono',monospace;letter-spacing:.07em}.result-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-filter{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:#b7c4c1;font:500 10px 'DM Mono',monospace;letter-spacing:.06em;cursor:pointer}.result-filter b{font-size:20px}.result-filter.active{border-color:#7da886;background:#17241d;color:#d7f0db}.result-filter.win.active{border-color:#6ba978;background:#183321}.result-filter.draw.active{border-color:#7184a9;background:#1d283a}.result-filter.loss.active{border-color:#bd7a71;background:#33201e}.result-reading{display:flex;align-items:center;gap:18px;margin-top:10px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.result-reading>strong{color:#cdebd2;font:500 40px 'DM Mono',monospace}.result-reading p{margin:0 0 4px;font-size:16px;font-weight:700}.result-reading span{color:var(--muted);font-size:13px;line-height:1.5}.priority-grid,.metric-grid,.set-piece-grid{display:grid;gap:10px}.priority-grid{grid-template-columns:repeat(3,1fr)}.priority-grid article,.metric-card,.set-piece-grid article{border:1px solid var(--line);border-radius:13px;background:var(--panel)}.priority-grid article,.set-piece-grid article{padding:20px}.priority-grid h3,.set-piece-grid h3{margin:0 0 8px;font-size:18px;letter-spacing:-.04em}.priority-grid article>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.55}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-card{padding:17px}.metric-card>p{margin:0 0 13px;color:var(--muted);font-size:12px}.metric-card>div{display:flex;align-items:baseline;gap:8px}.metric-card strong{font-size:29px;letter-spacing:-.06em}.metric-card span{color:#99a6a4;font:12px 'DM Mono',monospace}.metric-card small{display:block;margin-top:12px;font:500 9px 'DM Mono',monospace;letter-spacing:.08em}.metric-card.positive small{color:#9bd5a5}.metric-card.attention small{color:#e0b979}.recent-dot,.previous-dot{display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%}.recent-dot{background:#d97770}.previous-dot{background:#5d84d1}.set-piece-grid{grid-template-columns:1fr 1fr}.set-piece-grid article:first-child{border-top:2px solid #c9a866}.set-piece-grid article:last-child{border-top:2px solid #86c996}.set-piece-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.set-piece-grid dl div{display:grid;gap:6px}.set-piece-grid dt{color:var(--muted);font-size:11px}.set-piece-grid dd{margin:0;font-size:19px;font-weight:700}.set-piece-grid dd span{color:#9aa5a3;font:11px 'DM Mono',monospace}.method-note{margin:28px 0 0;padding:20px;border:1px solid #496451;border-radius:13px;background:linear-gradient(105deg,rgba(152,207,162,.12),rgba(17,23,24,.3))}.method-note p:last-child{max-width:740px;margin:0;color:#c8d4d1;font-size:14px;line-height:1.5}@media(max-width:800px){.data-hero{grid-template-columns:56px minmax(0,1fr);gap:15px;padding:26px 0}.data-hero .pdf-download{grid-column:1/-1}.result-controls,.priority-grid,.metric-grid,.set-piece-grid,.set-piece-grid dl{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:25px}.result-reading{align-items:flex-start}.metric-card strong{font-size:31px}.data-nav{padding-top:14px}}
