/* Shared section rhythm and type hierarchy for data, charts and explanations. */
h2{font:600 22px var(--font);letter-spacing:-.4px;line-height:1.3}
.section-heading{gap:16px;padding:22px 24px 18px}
.section-heading p{font:400 13px/1.6 var(--font)}
.bottom-grid{margin:28px 0 24px;gap:24px;grid-template-columns:minmax(0,2.6fr) minmax(300px,1fr)}
.history-panel .section-heading{align-items:flex-start}
.exchange-history{margin-bottom:28px;border-radius:10px}
.exchange-history .chart-controls{flex-wrap:wrap;justify-content:flex-end}
.exchange-chart-legend{display:flex;align-items:center;gap:12px;padding:0 24px 14px;color:var(--muted);font-size:12px}
.chart-controls select{height:36px;font-size:13px;min-width:90px}
.chart-summary strong{font:600 34px var(--font)}
.rank-row{padding:12px 24px;min-height:54px;gap:10px}
.rank-row .rate{font:600 14px var(--font);font-variant-numeric:tabular-nums}
.rank-coin{font:600 14px var(--font)}
.market-balance{margin-top:24px;padding-top:0}
.sort-heading{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-height:32px;border:0;padding:0;background:none!important;color:inherit;font:500 13px var(--font)}
.sort-heading .exchange{gap:6px}.sort-arrow{font-size:12px;color:var(--muted)}
th[aria-sort="ascending"] .sort-arrow,th[aria-sort="descending"] .sort-arrow{color:var(--text);font-weight:700}
.sort-heading:hover{color:var(--text)}
.chart-empty{width:100%;display:grid;place-items:center;min-height:420px;color:var(--muted);font-size:14px}
.faq-section{border-top:1px solid var(--line);padding-top:8px;margin-top:28px}
.faq-section .section-heading{padding:20px 0}
.faq-section details{border-bottom:1px solid var(--line)}
.faq-section summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:20px 0;color:var(--text);font:600 15px/1.6 var(--font)}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:after{content:'+';font:400 22px var(--font);color:var(--muted)}
.faq-section details[open] summary:after{content:'−'}
.faq-section details p{max-width:1050px;margin:0;padding:0 32px 20px 0;font:400 14px/1.85 var(--font);color:var(--muted)}
.faq-section summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:1100px){.bottom-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.exchange-history .section-heading{flex-wrap:wrap}}
@media(max-width:760px){h2{font-size:20px}.section-heading{padding:20px 16px 16px}.bottom-grid{grid-template-columns:minmax(0,1fr);gap:24px}.chart-controls{flex-wrap:wrap;gap:8px}.chart-controls select{min-width:0}.exchange-history .chart-controls{width:100%;justify-content:flex-start}.exchange-history .chart-controls select{flex:1}.exchange-chart-legend{padding:0 16px 14px;gap:8px}.chart-summary strong{font-size:30px}.chart-empty{min-height:300px}.rank-row{padding:12px 16px}.faq-section summary{padding:18px 0;font-size:14px}.faq-section details p{font-size:13px;padding-right:0;line-height:1.8}}