/* WCAG audit remediation: functional contrast, focus, reflow and motion. */
:root{--dim:#66666c;--blue-hover:#005fbd;--control-border:#74747a;--focus:#005fbd}
:root[data-theme=dark]{--blue-hover:#0066cc;--control-border:#989ca7;--focus:#9bcbff}
[hidden]{display:none!important}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 2px var(--surface)}
#wheel:focus-visible{outline:3px solid var(--chart-accent);outline-offset:-4px}
:where(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--control-border)!important}
:where(button,summary,.light-button,.outline-button,.profile-button,.header-cta,.text-button){min-height:44px}
.player .icon-button,.chart-toolbar .icon-button,.space-control-buttons button,.placement-dialog-header .icon-button{min-width:44px;min-height:44px;height:auto}
.transport input[type=range]{height:24px;border-radius:12px;touch-action:pan-y;background-size:100% 4px;background-repeat:no-repeat;background-position:center}
.transport input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.transport input[type=range]::-moz-range-thumb{width:24px;height:24px}
input[aria-invalid=true],select[aria-invalid=true]{border:2px solid var(--error)!important}
.table-scroll:focus-visible,.lesson-table:focus-visible{outline-offset:-3px}
.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding-block:10px;gap:12px}.header-actions{flex-wrap:wrap;min-width:0}
.language-control{display:flex;gap:5px;align-items:center;font-size:12px;margin:0;color:var(--text);max-width:190px}.language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.language-control select{font-family:inherit;font-size:12px;width:155px;max-width:100%;min-height:44px;padding:8px;border:1px solid var(--control-border);border-radius:22px;background:var(--surface);color:var(--text)}
.account-trigger{min-height:44px;padding:8px 13px;border:1px solid var(--control-border);border-radius:22px;background:var(--surface);color:var(--text);font:inherit;font-size:12px}
.language-notice{max-width:1440px;margin:14px auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface-soft);color:var(--secondary);font-size:13px;line-height:1.6;border-radius:16px}.language-notice button{white-space:normal;color:var(--link)}
html:not([lang=en]) body{font-family:system-ui,-apple-system,'Nirmala UI','Noto Sans',sans-serif}html:not([lang=en]) :is(h1,h2,h3,.eyebrow){letter-spacing:normal;line-height:1.35}
html[dir=rtl] :is(.planet-row,.chart-wrap,.chart-caption,.transport,.placement-facts,.planet-list,.table-scroll){direction:ltr}
html[dir=rtl] .inspector{padding-inline-start:20px;padding-inline-end:0}html[dir=rtl] .lens-detail-button{text-align:start}
.map-table-link{display:block;text-align:center;font-size:14px;margin:12px 0 22px;color:var(--chart-accent);text-decoration:underline;text-underline-offset:3px}
.account-dialog{width:min(660px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:26px;padding:26px;overscroll-behavior:contain}
.account-dialog::backdrop{background:#03081180;backdrop-filter:blur(8px)}.account-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.account-heading h2{font-size:30px;margin:0;letter-spacing:-1px}.account-heading button{background:var(--surface-soft);color:var(--text);border-radius:50%;font-size:24px;min-width:44px;min-height:44px}
.account-note,#accountStatus{font-size:14px;line-height:1.7;color:var(--secondary)}#accountStatus{min-height:1.5em}.account-identity{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.account-actions,.account-pagination,.history-item>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account-pagination{justify-content:space-between;font-size:12px}.account-dialog h3{font-size:22px;margin-top:28px}
.history-item{padding:18px 0;border-bottom:1px solid var(--line)}.history-item h4{font-size:17px;margin:0;overflow-wrap:anywhere}.history-item p{font-size:13px;color:var(--muted);line-height:1.6}.history-item button{font-size:13px}.account-dialog button:disabled{opacity:.65;cursor:not-allowed}
.cloud-save-form{padding:20px;background:var(--surface-soft);border-radius:16px}.cloud-save-form h3{margin-top:0}.cloud-save-form label{display:block;font-size:14px}.cloud-save-form input{display:block;width:100%;font:inherit;background:var(--surface);color:var(--text);padding:12px;border:1px solid var(--control-border);border-radius:10px;margin:8px 0}.cloud-save-form button{margin:4px 8px 0 0}
.footer-bottom{flex-wrap:wrap;gap:16px}.motion-toggle{font-size:12px}
html[data-reduce-motion=true]{scroll-behavior:auto}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *::before,html[data-reduce-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-reduce-motion=true] .will-reveal{opacity:1;transform:none}
@media(max-width:1100px){.topbar .nav-tabs{order:3;width:100%;justify-content:center;flex-wrap:wrap}.header-actions{gap:8px}.topbar .brand{margin-inline-end:auto}.language-control select{width:140px}}
@media(max-width:780px){.topbar{display:flex;padding:12px 16px;position:relative}.topbar .brand{font-size:17px}.topbar .nav-tabs{order:3;gap:18px;justify-content:flex-start}.nav-tabs a{min-height:44px;display:inline-flex;align-items:center;padding-block:8px}.header-actions{width:100%;justify-content:flex-start;order:2;margin:0}.language-control{flex:1;max-width:220px}.language-control select{width:100%}.profile-button,.header-cta{font-size:12px;min-height:44px}.account-trigger{font-size:12px}.language-notice{margin:12px 16px;flex-wrap:wrap}.chart-toolbar,.transport-top{display:flex;flex-wrap:wrap;gap:12px}.date-control{flex:1 1 100%}.player{flex:1}.speed-control{flex:1 1 100%}.transport .date-control input{font-size:16px;width:100%;max-width:100%}.form-pair{grid-template-columns:1fr}.chart-toolbar .segmented{flex-wrap:wrap}.chart-toolbar .segmented button{min-height:44px;font-size:12px}.view-controls{margin-inline-start:0;flex-wrap:wrap}.placement-actions button{width:100%}.account-dialog{padding:20px}.account-heading h2{font-size:26px}.table-scroll{max-width:100%}.topbar :is(a,button,select){overflow-wrap:anywhere}.footer-links{flex-wrap:wrap}.transport .range-labels{font-size:11px}.map-help,.below-transport .text-button,.space-controls>p,.space-controls>p.space-scale-note{font-size:12px}}
@media(forced-colors:active){:where(button,input,select,textarea,summary){border:1px solid ButtonText!important}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid Highlight!important;box-shadow:none}.planet-row[aria-pressed=true]{border:2px solid Highlight}.switch{forced-color-adjust:auto}}