:root{--panel:#102b3c;--surface:#fff;--button-text:#fff;--button-hover:#075852;--notice-bg:#fff8df;--notice-ink:#4b3d13;--notice-line:#dbc679;--selection:#b5e4dd;--selection-ink:#142f40;color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--paper:#07131f;--surface:#102538;--wash:#0b1c2b;--panel:#102b3c;--ink:#edf5fb;--muted:#b7cbd8;--teal:#83ddd5;--line:#304b5e;--focus:#ffdb77;--button-text:#071c29;--button-hover:#a7ece6;--notice-bg:#332d1c;--notice-ink:#f7e7b0;--notice-line:#776433;--selection:#286b72;--selection-ink:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#07131f;--surface:#102538;--wash:#0b1c2b;--panel:#102b3c;--ink:#edf5fb;--muted:#b7cbd8;--teal:#83ddd5;--line:#304b5e;--focus:#ffdb77;--button-text:#071c29;--button-hover:#a7ece6;--notice-bg:#332d1c;--notice-ink:#f7e7b0;--notice-line:#776433;--selection:#286b72;--selection-ink:#fff}}
body{color:var(--ink);background:var(--paper)}::selection{background:var(--selection);color:var(--selection-ink)}
.card,.screenshot-card,.menu-toggle,.theme-control select{background:var(--surface);color:var(--ink)}
.button{color:var(--button-text)}.button:hover{background:var(--button-hover)}
.product-panel,.cta-band{background:var(--panel)}
.screenshot-section{background:var(--wash);border-color:var(--line)}
.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-grid figure{max-width:none}
.screenshot-card{border-color:var(--line)}.screenshot-card p,.screenshot-type,.screenshot-grid figcaption,.prose p,.prose li{color:var(--muted)}
.widget-art .screenshot-image-link{height:18rem}.widget-art img{border:0;border-radius:0}
.screenshot-card h3{color:var(--ink)}.screenshot-card figcaption>a{color:var(--teal)}
.screenshot-card a:focus-visible{outline-color:var(--focus)}
.development-notice{background:var(--notice-bg);color:var(--notice-ink);border-color:var(--notice-line)}
.theme-control{display:flex;align-items:center;gap:.45rem;flex:none}.theme-control label{font-size:.8rem;margin:0;color:var(--muted)}
.theme-control select{font-size:.875rem;min-height:2.75rem;width:auto;max-width:11rem;padding:.45rem .5rem;border-color:var(--line)}
.site-header .header-inner{gap:1rem;flex-wrap:wrap}.site-header .brand{margin-right:auto}.site-nav{order:3;flex:1 1 auto;justify-content:flex-end}
.theme-control{order:4}.menu-toggle{order:5}
.release-list{margin-top:2rem;border-top:1px solid var(--line)}.release-list summary{color:var(--ink);font-size:1.05rem}.release-list .answer p{margin-top:1rem}
.prose{padding-bottom:3rem}.prose code{font-size:.9em}
@media(max-width:74rem){.site-nav{width:100%;order:6;justify-content:flex-start}.js .menu-toggle{display:inline-flex;align-items:center}.js .site-nav:not(.is-open){display:none}.theme-control{order:2}.site-header .header-inner{padding-block:.6rem}}
@media(max-width:54rem){.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-image-link{height:22rem}}
@media(max-width:42rem){.screenshot-grid{grid-template-columns:1fr}.screenshot-image-link{height:25rem}}
@media(max-width:24rem){.theme-control label{display:none}.theme-control select{font-size:.8rem;max-width:9rem}.header-inner{gap:.5rem!important}.brand-logo-frame{width:72px;height:48px}.menu-toggle{padding:.4rem .5rem}}
@media print{body{color:#000;background:white}.theme-control{display:none}}

/* Recent release highlights share the site's light and dark palettes. */
.performance-update{margin-top:2rem;padding:1.5rem;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:1rem;background:var(--wash)}
.performance-update h3{font-size:1.5rem;margin:.5rem 0}.performance-update p{max-width:75ch;line-height:1.65}.performance-update .muted{color:var(--muted)}
.upcoming-update{margin-top:1.5rem;border:1px solid var(--notice-line);border-radius:.75rem;padding:1rem 1.25rem;background:var(--notice-bg);color:var(--notice-ink)}
.upcoming-update summary{font-weight:700;cursor:pointer;min-height:2.75rem;align-content:center}.upcoming-update .answer{padding-top:.5rem}
.release-list li{margin-bottom:.65rem;line-height:1.65}.development-notice a{color:inherit;text-underline-offset:.2em}

/* Larger image windows keep the new map controls legible in the gallery. */
@media(min-width:54.01rem){.screenshot-image-link{height:28rem}}