:root{--paper:#f4f0e8;--surface:#fbf9f5;--ink:#20221f;--muted:#77766e;--line:#d9d5ca;--accent:#b9603d;--accent-soft:#ead5c8;--green:#5e8069;--shadow:0 18px 50px rgba(54,43,29,.09);--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh;transition:background .25s,color .25s}.page-shell{max-width:1200px;margin:auto;padding:26px 48px 34px}.site-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 22px}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);font:600 20px var(--serif);text-decoration:none;letter-spacing:.01em}.wordmark-dot{width:17px;height:17px;border-radius:50% 50% 50% 10%;background:var(--accent);transform:rotate(-45deg);display:inline-block}.header-tools{display:flex;align-items:center;gap:24px}.status-note,.live-label{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 15%,transparent)}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:9px 13px;display:flex;gap:8px;align-items:center;font:500 11px var(--sans);cursor:pointer}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:2px}.feature{display:grid;grid-template-columns:1fr 1.07fr;gap:8%;padding:72px 0 82px;align-items:center}.kicker{margin:0 0 15px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.feature h1{font:500 clamp(51px,7vw,88px)/.92 var(--serif);letter-spacing:-.055em;margin:0 0 24px}.feature h1 em{color:var(--accent);font-style:italic}.feature-lede{max-width:360px;color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 27px}.text-link{color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{color:var(--accent);font-size:17px;margin-left:7px}.feature-art{height:390px;position:relative;background:#c9bda7;overflow:hidden;box-shadow:var(--shadow)}.feature-art:after{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(28,35,32,.16),transparent 48%,rgba(120,58,38,.25));pointer-events:none}.feature-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72) contrast(.95)}.art-caption{position:absolute;z-index:1;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.library-section{border-top:1px solid var(--line);padding-top:29px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-intro h2,.utility-heading h2{font:500 37px/1 var(--serif);letter-spacing:-.035em;margin:0}.section-note{font-size:12px;color:var(--muted);margin:0 0 4px}.section-note span{color:var(--ink);font-weight:700}.library-toolbar{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding:31px 0 15px}.search label{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.search-field{width:min(410px,60vw);display:flex;align-items:center;border-bottom:1px solid var(--ink);padding:2px 0 9px;gap:9px}.search-field>span{font-size:22px;color:var(--accent)}.search-field input{border:0;outline:0;background:transparent;color:var(--ink);font:15px var(--sans);width:100%}.search-field input::placeholder{color:#a4a098}.search kbd,.toolbar-hint kbd{font:10px var(--sans);border:1px solid var(--line);border-radius:3px;padding:2px 5px;color:var(--muted)}.toolbar-hint{font-size:11px;color:var(--muted)}.service-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:10%;}.service-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;min-height:91px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .18s,background .18s}.service-item:hover,.service-item:focus-visible{padding-left:8px;background:var(--surface);outline:0}.service-icon{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font:600 11px var(--sans);letter-spacing:-.04em}.service-name{font-size:14px;font-weight:600;display:block}.service-desc{font-size:11px;color:var(--muted);display:block;margin-top:5px}.service-open{font-size:11px;color:var(--accent);font-weight:600}.empty-state{color:var(--muted);padding:28px 0}.utility-section{margin-top:91px;border-top:1px solid var(--line);padding-top:29px}.utility-heading{margin-bottom:24px}.utility-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px}.utility-card{background:var(--surface);min-height:204px;padding:21px;box-shadow:0 8px 28px rgba(54,43,29,.04)}.card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.card-symbol{color:var(--accent);font-size:19px;line-height:10px}.weather-main{margin-top:28px}.weather-main strong{font:500 25px var(--serif);display:block}.weather-main span,.disk-main span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.weather-placeholder{display:flex;gap:12px;align-items:center;margin-top:22px;color:var(--muted)}.weather-placeholder span{font:28px var(--serif);color:var(--accent)}.weather-placeholder small{font-size:10px;line-height:1.4}.notebook-content{margin-top:24px;max-width:360px}.notebook-content h2{font:500 22px var(--serif);margin:0 0 10px}.notebook-content p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 7px}.notebook-content ul{margin:8px 0 0;padding-left:17px;color:var(--muted);font-size:10px;line-height:1.6}.notebook-content ul li:nth-child(n+5){display:none}.disk-main{display:flex;gap:16px;align-items:center;margin-top:29px}.disk-ring{width:68px;height:68px;border-radius:50%;border:7px solid var(--accent-soft);border-top-color:var(--accent);display:grid;place-items:center;flex:none}.disk-ring span{font-size:9px!important;color:var(--accent)!important;margin:0!important}.disk-main strong{font:500 22px var(--serif);display:block}.disk-main a{display:block;color:var(--accent);font-size:11px;font-weight:600;text-decoration:none;margin-top:14px}.clocks-section{margin-top:91px;border-top:1px solid var(--line);padding-top:29px}.clocks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.clock{border-left:2px solid var(--accent-soft);padding:10px 0 10px 15px}.clock-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.clock-top span:last-child{color:var(--green)}.clock strong{font:500 30px var(--serif);display:block;margin:15px 0 3px;letter-spacing:.02em}.clock small{color:var(--muted);font-size:10px}footer{border-top:1px solid var(--line);margin-top:75px;padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:800px){.page-shell{padding:20px 22px}.feature{grid-template-columns:1fr;padding:57px 0 61px;gap:35px}.feature-art{height:290px}.service-list{grid-template-columns:1fr}.utility-grid{grid-template-columns:1fr}.clocks{grid-template-columns:repeat(2,1fr)}.utility-section,.clocks-section{margin-top:65px}.status-note{display:none}}@media(max-width:480px){.header-tools{gap:0}.theme-toggle{padding:8px 10px}.theme-toggle span:last-child{display:none}.feature h1{font-size:55px}.feature-art{height:230px}.library-toolbar{align-items:start;gap:14px;flex-direction:column}.search-field{width:100%}.section-intro{align-items:start;flex-direction:column}.section-note{margin:0}.clocks{grid-template-columns:1fr 1fr}.clock strong{font-size:24px}footer{gap:12px;flex-direction:column}}
body[data-theme='dark']{--paper:#1e2422;--surface:#27302c;--ink:#f1eee6;--muted:#a8aba1;--line:#3e4842;--accent:#e08a62;--accent-soft:#61473b;--green:#8db89a;--shadow:0 18px 50px rgba(0,0,0,.2)}body[data-theme='dark'] .feature-art{background:#303b35}body[data-theme='dark'] .feature-art img{filter:saturate(.58) brightness(.72)}body[data-theme='dark'] .theme-toggle{color:var(--ink)}

/* Night Shift uses Night Fuel's exact color tokens and theme behavior. */
:root{--olive:#232a26;--olive-2:#8b5b25;--cream:#fff5e9;--paper:#171b19;--ink:#e9e7e0;--muted:#b3b2aa;--line:#404943;--accent:#f5ad2f;--warn:#ff7946;--surface:#202622;--card-bg:#202622;--field-border:#5a625c;--input-bg:#191e1b;--inset-bg:#272d29;--green:#ffc247;--accent-soft:#61431f;--shadow:0 18px 50px rgba(0,0,0,.28);color-scheme:dark}
body[data-theme='day']{--olive:#584523;--olive-2:#94601f;--cream:#fffaf1;--paper:#f5f0e6;--ink:#302a21;--muted:#625b50;--line:#ded4c4;--accent:#8a570c;--warn:#a83e1f;--surface:#fffdf8;--card-bg:#fffdf8;--field-border:#b4a895;--input-bg:#fffefa;--inset-bg:#f0e8da;--green:#69500d;--accent-soft:#d8c49d;--shadow:0 18px 50px rgba(54,43,29,.09);color-scheme:light}
body{font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}.theme-toggle span:last-child{display:grid}.feature-art{display:block;color:inherit;text-decoration:none}.feature-art:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.feature-art img{filter:none;transition:transform .35s}.feature-art:hover img{transform:scale(1.015)}.arr-suite-section{margin-top:42px;border-top:1px solid var(--line);padding-top:27px}.arr-suite-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.arr-suite-heading h2{font:500 37px/1 var(--serif);letter-spacing:-.035em;margin:0}@media(max-width:480px){.arr-suite-heading{align-items:flex-start;flex-direction:column}.arr-suite-heading .section-note{margin:0}}
.page-shell{max-width:1040px;padding:22px 24px 40px}
.site-header{position:relative;z-index:2;gap:12px;padding-bottom:20px}
.wordmark{gap:12px;text-decoration:none;border-radius:5px}
.brand-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;overflow:hidden;border-radius:50%;background:#0c0e10;box-shadow:0 0 0 1px rgba(245,173,47,.28),0 0 22px rgba(224,133,31,.1)}
.brand-mark-image{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}
.brand-copy{display:grid;gap:4px}
.brand-eyebrow{color:var(--accent);font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em}
.brand-wordmark{color:var(--ink);font:500 1.55rem/1.1 Arial,Helvetica,sans-serif;letter-spacing:.16em;white-space:nowrap}
.brand-wordmark span:last-child{color:var(--accent)}
.theme-segmented{display:flex;align-items:center;width:108px;height:52px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--inset-bg)}
.theme-toggle{display:flex;align-items:center;width:100%;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}
.theme-icon{display:grid;place-items:center;flex:1;height:40px;border-radius:999px;color:var(--muted);font:600 1rem/1 Arial,Helvetica,sans-serif;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.theme-icon.active{background:var(--accent);color:#251a0a;box-shadow:0 0 12px rgba(245,173,47,.32)}
body[data-theme='day'] .theme-icon.active{color:var(--cream);box-shadow:0 0 10px rgba(138,87,12,.22)}
.theme-divider{display:block;flex:none;width:1px;height:23px;background:var(--line)}
.feature{gap:7%;padding:56px 0 62px}
.feature-art,.utility-card,.clock{border-radius:9px}
.feature-art{box-shadow:0 12px 32px rgba(0,0,0,.16)}
.feature-art img{border-radius:9px}
.utility-card{background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.service-item:hover,.service-item:focus-visible{background:var(--surface)}
.service-icon{border-radius:6px;background:var(--card-bg)}
.clock{border:1px solid var(--line);border-left:2px solid var(--accent);padding:14px;background:var(--surface)}
footer{color:var(--muted)}
body[data-theme='day'] .brand-icon{background:#f3ead8;box-shadow:0 0 0 1px rgba(138,87,12,.2)}
body[data-theme='day'] .brand-mark-image{mix-blend-mode:multiply}
@media(max-width:700px){.page-shell{padding:15px 18px 32px}.site-header{padding-bottom:17px}.brand-icon{width:50px;height:50px}.brand-wordmark{font-size:1.35rem;letter-spacing:.13em}.brand-eyebrow{font-size:8px}}
@media(max-width:420px){.page-shell{padding-left:14px;padding-right:14px}.brand-icon{width:43px;height:43px}.brand-wordmark{font-size:1.15rem;letter-spacing:.11em}.brand-eyebrow{font-size:7px}.theme-segmented{width:94px;height:46px}.theme-toggle{height:38px}.theme-icon{height:34px}}
.media-management{margin:0 0 46px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.media-management>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:82px;padding:15px 20px;background:var(--surface);cursor:pointer}
.media-management>summary::-webkit-details-marker{display:none}
.media-management>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.media-management[open]>summary{border-bottom:1px solid var(--line)}
.media-management-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:1.2rem}
.media-management-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.media-management-copy .kicker{margin:0;color:var(--muted);font-size:9px}
.media-management-copy h2{margin:0;color:var(--ink);font:500 1.45rem/1.1 Georgia,'Times New Roman',serif}
.media-management-count{color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.media-management-chevron{color:var(--accent);font-size:1.25rem;transition:transform .2s ease}
.media-management[open] .media-management-chevron{transform:rotate(180deg)}
.media-management-content{padding:0 20px 10px}
.media-management-content .service-list{column-gap:8%}
.media-management-content .service-item{min-height:76px}
@media(max-width:700px){.media-management{margin-bottom:38px}.media-management>summary{gap:10px;padding:13px}.media-management-icon{width:36px;height:36px}.media-management-copy h2{font-size:1.24rem}.media-management-count{font-size:8px}.media-management-content{padding:0 13px 9px}.media-management-content .service-list{grid-template-columns:1fr}.media-management-content .service-item{min-height:68px}}
.service-icon.service-logo{width:40px;height:40px;border:0;border-radius:0;background:transparent;overflow:visible}
.service-logo img{display:block;width:40px;height:40px;object-fit:contain;object-position:center}
@media(max-width:700px){.service-icon.service-logo,.service-logo img{width:38px;height:38px}}
.media-use-note{max-width:380px;margin:0 0 22px;padding:9px 11px;border-left:2px solid var(--accent);background:var(--surface);color:var(--muted);font-size:10px;line-height:1.55;letter-spacing:.045em}
.media-use-note strong{color:var(--accent);font-weight:700}
footer{flex-wrap:wrap;align-items:center;gap:10px 18px}
.legal-notice{display:block;flex-basis:100%;max-width:850px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55;letter-spacing:0;text-transform:none}

/* Compact clocks at the top and a dedicated premium-streaming row. */
.clocks-section{margin:20px 0 0}
.clocks-section .section-intro{margin-bottom:12px}
.clocks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.clock{min-width:0;padding:10px 12px}
.clock strong{display:block;margin:6px 0;font-size:clamp(1rem,2vw,1.3rem);font-variant-numeric:tabular-nums;white-space:nowrap}
.clock small{display:block;font-size:10px;line-height:1.4}
.streaming-section{margin:0 0 46px;padding:19px 20px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.streaming-section .section-intro{margin-bottom:13px}
.streaming-section .section-intro h2{margin:0;font:500 29px/1.1 var(--serif);letter-spacing:-.03em}
.streaming-section .kicker{margin-bottom:6px}
.streaming-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.streaming-link{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}
.streaming-link span{flex:none;color:var(--accent);font-size:14px}
.streaming-link:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-1px)}
.streaming-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.clocks-section{margin-top:14px}.clocks{gap:5px}.clock{padding:8px 4px}.clock strong{font-size:.9rem}.clock small,.clock-top span:last-child{display:none}.streaming-section{margin-bottom:38px;padding:16px}.streaming-section .section-intro{align-items:flex-start;flex-direction:column;gap:5px}.streaming-links{grid-template-columns:repeat(2,minmax(0,1fr))}.streaming-link{min-height:48px;padding:10px;font-size:.8rem}}
@media(max-width:420px){.clock{padding:7px 2px}.clock strong{font-size:.78rem}.clock-top span:first-child{font-size:8px}.streaming-links{gap:7px}}

/* No-tile logo bar; keep the clocks to half the desktop measure. */
.clocks-section{width:100%;max-width:50%;margin:20px 0 0}
.streaming-section{margin:0 0 46px;padding:17px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.streaming-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.streaming-link{display:flex;min-height:104px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 8px;background:transparent;border:0;border-radius:0;color:var(--ink);text-align:center;font-size:.78rem;font-weight:600}
.streaming-logo{display:block;width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .16s ease}
body[data-theme='day'] .streaming-logo{filter:none}
.streaming-link .streaming-name{color:var(--ink);font-size:.76rem;line-height:1.2}
.streaming-link:hover{background:transparent;border-color:transparent;transform:none}
.streaming-link:hover .streaming-logo{transform:scale(1.07)}
@media(max-width:700px){.clocks-section{max-width:100%}.clocks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.streaming-section{margin-bottom:38px;padding:14px 0}.streaming-links{grid-template-columns:repeat(3,minmax(0,1fr))}.streaming-link{min-height:92px;padding:9px 4px}.streaming-logo{width:54px;height:54px}.streaming-link .streaming-name{font-size:.7rem}}
@media(max-width:420px){.clocks{gap:5px}.clock strong{font-size:.78rem}.streaming-logo{width:50px;height:50px}}
.clock small,.clock-top span:last-child{display:none}
.streaming-logo{width:72px;height:72px}
.streaming-link{min-height:116px}
@media(max-width:900px){.clocks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.clock{padding:8px 5px}}
@media(max-width:700px){.streaming-logo{width:58px;height:58px}.streaming-link{min-height:100px}}
@media(max-width:420px){.streaming-logo{width:52px;height:52px}}

/* Places: monochrome service marks in a two-column editorial list. */
.library-section .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8%;row-gap:0}
.library-section .service-item{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:15px 0;background:transparent}
.library-section .service-item:hover,.library-section .service-item:focus-visible{background:transparent}
.library-section .service-icon.service-logo,.library-section .service-logo img{width:52px;height:52px;object-fit:contain}
body[data-theme='night'] .library-section .service-logo img{filter:grayscale(1) brightness(0) invert(1)}
body[data-theme='day'] .library-section .service-logo img{filter:grayscale(1) brightness(0)}
body[data-theme='night'] .library-section .service-logo img[src*='night-fuel-mark'],body[data-theme='night'] .library-section .service-logo img[src*='convertx']{filter:grayscale(1) brightness(1.25)}
body[data-theme='day'] .library-section .service-logo img[src*='night-fuel-mark'],body[data-theme='day'] .library-section .service-logo img[src*='convertx']{filter:grayscale(1)}
@media(max-width:700px){.library-section .service-list{grid-template-columns:1fr}.library-section .service-item{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;min-height:74px;padding:12px 0}.library-section .service-icon.service-logo,.library-section .service-logo img{width:44px;height:44px}}

/* Slim, full-width timezone ribbon: inline clocks, no tiles. */
.clocks-section{width:100%;max-width:none;margin:10px 0 18px;padding:0;border:0;background:transparent}
.clocks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:100%;min-height:40px;gap:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.clock{appearance:none;display:flex;min-width:0;min-height:38px;flex-direction:row;align-items:baseline;justify-content:center;gap:7px;padding:7px 8px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;text-align:center;cursor:pointer;transition:background-color .15s ease}
.clock:last-child{border-right:0}
.clock:focus-visible{position:relative;z-index:1;outline:2px solid var(--accent);outline-offset:-2px}
.clock.is-selected{background:var(--accent-soft)}
.clock-code{color:var(--muted);font:700 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;white-space:nowrap}
.clock-time{color:var(--ink);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.clocks-section{max-width:none;margin:9px 0 15px}.clocks{grid-template-columns:repeat(5,minmax(0,1fr));min-height:38px}.clock{min-height:36px;gap:4px;padding:7px 2px}.clock-code{font-size:.49rem}.clock-time{font-size:.7rem}}
@media(max-width:380px){.clock{flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 1px}.clock-code{font-size:.46rem}.clock-time{font-size:.68rem}}

/* Full-width weather ribbon directly below the timezone clocks. */
.clocks-section{margin-bottom:0}
.weather-bar{display:grid;grid-template-columns:auto auto minmax(8rem,1fr) auto auto auto auto;align-items:center;gap:12px;width:100%;margin:0 0 18px;padding:11px 0 12px;border-bottom:1px solid var(--line);background:transparent}
.weather-place{display:grid;gap:3px;white-space:nowrap}
.weather-label{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.weather-place strong{font-size:12px;font-weight:600}
.weather-symbol{color:var(--accent);font-size:21px;line-height:1}
.weather-condition{min-width:0;color:var(--muted);font-size:12px}
.weather-temperature{color:var(--ink);font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.weather-reading{display:grid;justify-items:start;gap:1px}
.imperial-note{color:var(--muted);font-size:8px;line-height:1.15;white-space:nowrap}
.weather-details{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:10px;white-space:nowrap}
.weather-detail{display:grid;gap:2px}
.weather-updated{color:var(--muted);font-size:9px;white-space:nowrap}
.weather-source{color:var(--accent);font-size:10px;font-weight:600;text-decoration:none;white-space:nowrap}
.weather-source:hover,.weather-source:focus-visible{text-decoration:underline}
.weather-error{grid-column:1/-1;margin:0;color:var(--warn);font-size:11px}
@media(max-width:900px){.weather-bar{grid-template-columns:auto auto minmax(7rem,1fr) auto;gap:9px 12px}.weather-details{grid-column:1/3}.weather-updated{grid-column:3}.weather-source{grid-column:4;justify-self:end}}
@media(max-width:600px){.weather-bar{grid-template-columns:auto auto minmax(0,1fr);gap:9px 10px}.weather-place{grid-column:1}.weather-symbol{grid-column:2}.weather-condition{grid-column:1/3;grid-row:2}.weather-reading{grid-column:3;grid-row:1;justify-self:end;text-align:right}.weather-temperature{grid-column:auto;grid-row:auto;justify-self:end}.weather-details{grid-column:1/-1;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line);font-size:9px}.weather-updated{grid-column:1/3}.weather-source{grid-column:3;justify-self:end}}