#metrics,#history,#metricExplorer{scroll-margin-top:24px}
#alphabetControls[hidden],#download[hidden]{display:none}
.alphabet-metric-intro{max-width:75ch}
.alphabet-metric-intro p{font-size:13px;color:var(--muted)}
.alphabet-period-controls{justify-content:space-between;align-items:center}
.alphabet-period-controls p{max-width:54ch;font-size:12px;color:var(--muted)}
#metricExplorer{min-width:0;margin:16px 0 22px}
#metricExplorer .controls{margin-top:0}
#metricExplorer .controls .grow{min-width:200px}
#metricExplorer select{width:100%}
.alphabet-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 10px}
#historyChart .alphabet-chart-heading h3{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.4px;line-height:1.2;margin:7px 0}
.alphabet-history-range{font-size:11px;color:var(--muted);white-space:nowrap}
#historyChart .alphabet-meaning{font-size:13px;line-height:1.7;max-width:75ch}
.alphabet-history-svg{max-width:720px;margin:18px auto 8px}
.alphabet-history-svg .alphabet-grid{stroke:var(--line);stroke-dasharray:3 4}
.alphabet-history-svg .alphabet-zero{stroke:#879588;stroke-width:1.3}
.alphabet-history-svg .alphabet-basis-break{stroke:#a38b64;stroke-dasharray:3 4;stroke-width:1}
.alphabet-history-svg .alphabet-series-line{stroke:var(--ink);stroke-width:2.5;fill:none}
.alphabet-history-svg .alphabet-bar{fill:#b7c8a7}
.alphabet-history-svg .alphabet-latest,.alphabet-history-svg .alphabet-point{fill:var(--ink)}
.alphabet-history-svg .alphabet-value{fill:var(--ink);font-size:12px;font-weight:600}
.alphabet-history-svg .alphabet-axis,.alphabet-history-svg .alphabet-year{font-size:11px}
.alphabet-history-svg [tabindex]:focus{outline:none;stroke:#8a612d;stroke-width:2.5}
#historyChart .alphabet-comparability{background:#f1ecdf;border-left:3px solid #a38b64;padding:12px 14px;font-size:12px;line-height:1.7;border-radius:0 9px 9px 0}
.alphabet-definition summary{min-height:44px;display:flex;align-items:center}
.alphabet-chart-table{margin-top:16px}
.alphabet-chart-table td{vertical-align:top}
.alphabet-cell-source,.alphabet-cell-note,#historyTable th .small,.alphabet-chart-table th .small{display:block;margin-top:6px;font-size:10px;font-weight:400;color:var(--muted);line-height:1.5}
.alphabet-cell-source a{overflow-wrap:anywhere;text-underline-offset:3px}
.alphabet-cell-note{max-width:220px;min-width:110px}
.alphabet-exact-value{white-space:nowrap;font-weight:600}
#cards .label{font-size:13px;color:var(--ink);margin-top:5px}
#cards .alphabet-history-button{display:flex;width:100%;margin-top:13px;min-height:44px;font-size:11px;background:var(--bg)}
#historyTable td{vertical-align:top}
#historyScope{font-size:12px;color:var(--muted)}
#alphabetSourceLinks{padding-left:20px;font-size:12px}
#alphabetSourceLinks li{padding:7px 0;overflow-wrap:anywhere}
#alphabetSourceLinks p{font-size:11px;margin-top:5px}
#alphabetDataNotes p{line-height:1.7}
@media(max-width:600px){.alphabet-chart-heading{display:block}.alphabet-history-range{display:block;margin-top:8px}.alphabet-period-controls{align-items:stretch}.alphabet-period-controls label{flex:1 0 100%}.alphabet-period-controls p{margin-top:0}#metricExplorer{padding:16px 12px}#metricExplorer .controls{display:grid;grid-template-columns:minmax(0,1fr)}#metricExplorer .controls .grow{min-width:0}.alphabet-history-svg{margin-left:-4px;width:calc(100% + 8px)}.alphabet-history-svg .alphabet-value{font-size:16px}.alphabet-history-svg .alphabet-axis{font-size:14px}.alphabet-history-svg .alphabet-year{font-size:16px}.alphabet-chart-table th:first-child,.alphabet-chart-table td:first-child{min-width:112px;max-width:135px}.alphabet-chart-table td{min-width:110px}.alphabet-chart-table th,.alphabet-chart-table td{padding:10px}#historyChart .alphabet-chart-heading h3{font-size:24px}}
