.main-nav .nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;font:inherit;font-size:.88rem;font-weight:500;color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}
.main-nav .nav-group-toggle:hover,.main-nav .nav-group-toggle[aria-expanded=true]{color:var(--accent);background:var(--accent-light)}
.main-nav .nav-group-toggle span{transition:transform .15s}.main-nav .nav-group-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.main-nav .has-dropdown:hover .dropdown{display:none}.main-nav .has-dropdown.open .dropdown{display:block}
.main-nav button:focus-visible,.favorite-controls button:focus-visible,.favorite-star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.data-status{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin:8px 0 16px;overflow-wrap:anywhere}.data-status[data-stale=true],#quoteFreshness[data-stale=true]{color:#d69e36}
.article-search-form{display:flex;flex:1;gap:8px;min-width:0;max-width:450px}.article-search-form input,.sr-form input{min-width:0}.article-search-form input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font:inherit}
.article-search-form button,.favorite-controls button,#miniChartRetry{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);padding:8px 12px;cursor:pointer}
.article-toc{padding:18px 22px;margin:22px 0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.article-toc summary{font-weight:700;cursor:pointer}.article-toc ol{padding-left:24px;margin:14px 0 0;columns:2;column-gap:30px}.article-toc li{break-inside:avoid;margin:0 0 9px;line-height:1.5;font-size:.88rem}.article-toc a{color:var(--text-secondary)}.article-toc a:hover{color:var(--accent)}.content-article h2[id]{scroll-margin-top:110px}
.mini-chart-card{max-width:700px;margin:24px auto;padding:18px 22px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;text-align:left}.mini-chart-heading,.mini-chart-range{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.mini-chart-heading h2{font-size:.95rem;margin:0}.mini-chart-heading a{font-size:.8rem;color:var(--accent)}#miniChart{width:100%;height:140px;color:var(--accent)}#miniChart[hidden]{display:none}.mini-chart-range{font: .8rem var(--font-mono);color:var(--text-secondary)}
.favorite-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.favorite-controls span{font-size:.8rem;color:var(--text-secondary)}.favorite-controls button[aria-pressed=true]{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.favorite-star{flex-shrink:0;border:0;background:transparent;color:var(--text-tertiary);font-size:1.15rem;cursor:pointer;padding:5px}.favorite-star[aria-pressed=true]{color:#d69e36}.rates-table tr[hidden]{display:none!important}.quote-age{display:block;font-size:.68rem;font-weight:400;color:var(--text-tertiary)}.quote-age[data-stale=true]{color:#d69e36}
.backup-preview{padding:20px;border:1px solid var(--accent);border-radius:12px;background:var(--bg-card);margin:16px 0}.backup-preview[hidden]{display:none}.backup-preview h2{font-size:1.05rem}.backup-preview p{font-size:.85rem;line-height:1.6;margin:10px 0}.backup-preview td:last-child{white-space:normal;overflow-wrap:anywhere;max-width:250px}.backup-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.pf-actions label:has(+ input:focus-visible){outline:2px solid var(--accent)}
@media(max-width:768px){.main-nav.open{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}.main-nav .nav-group-toggle{width:100%;padding:12px 14px;min-height:44px;text-align:left}.main-nav .dropdown a{white-space:normal;min-height:44px}.main-nav .dropdown{padding-left:16px}.article-toc ol{columns:1}.article-search-form{flex-basis:100%;max-width:none}.mini-chart-card{padding:14px}.favorite-controls{align-items:flex-start}.pf-actions{gap:12px;align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.main-nav .nav-group-toggle span{transition:none}}

.hero-label{max-width:100%;height:auto;text-align:center;white-space:normal}.pf-actions>div{flex-wrap:wrap}.rates-table .currency-name{white-space:nowrap}

.hero-label.quote-delayed .dot{background:#d69e36;animation:none}