.context-overview{margin:28px 0}.context-overview h2{font-size:22px}.context-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.context-card,.context-panel{border:1px solid var(--line);overflow-wrap:anywhere;background:#f7f9fa;border-radius:6px;min-width:0;padding:20px}a.context-card{color:var(--ink);text-decoration:none}.context-card h3{margin:0 0 14px;font-size:16px}.context-card strong{font-size:18px;line-height:1.6}.context-card p,.context-card small,.context-note{font-size:12px;line-height:1.8}.context-card small{color:var(--muted);display:block}.context-note{color:var(--muted)}.context-detail{max-width:1100px;margin:auto;line-height:1.8}.context-detail h1{font-size:clamp(24px,4vw,36px)}.context-detail nav{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.context-detail section{margin-top:38px;scroll-margin-top:20px}.context-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.context-score{margin:10px 0;font-size:26px;font-weight:750}.context-detail dl{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px;display:grid}.context-detail dd{text-align:right;margin:0}.context-detail dt{color:var(--muted)}.context-detail table{border-collapse:collapse;width:100%;font-size:12px}.context-detail th,.context-detail td{border-bottom:1px solid var(--line);text-align:left;padding:9px 6px}.context-table-wrap{max-width:100%;overflow:auto}.context-chart{max-width:100%;margin:18px 0}.context-chart svg{width:100%;height:auto;display:block}.context-chart figcaption{font-size:12px;font-weight:700}.context-chart text{fill:#59676e;font-size:11px}.context-chart small{font-size:11px}.context-detail details{margin:14px 0;font-size:12px}.context-detail summary{cursor:pointer;font-weight:700}.context-detail label{margin:12px 0;font-size:13px;display:block}.context-detail select{font:inherit;border:1px solid var(--line);background:#fff;max-width:100%;padding:8px}.context-detail [hidden]{display:none!important}.context-gain{background:#e3f3eb}.context-loss{background:#f9e8e6}.context-quadrant{max-width:600px;margin:16px auto}.context-quadrant svg{width:100%;height:auto}.context-quadrant text{fill:#293f46;font-size:12px}@media (width<=700px){.context-cards,.context-pair{grid-template-columns:minmax(0,1fr)}.context-card,.context-panel{padding:16px}.context-detail th,.context-detail td{padding:7px 4px}.context-detail dl{font-size:12px}}
