/* Shared glass surfaces. The inner lens remains readable over news photography. */
:root{--bg:#fbfbfc;--surface:#fff;--text:#202126;--muted:#6c6d74;--line:#e3e3e8;--accent:#c92332;--active:#c92332;--active-wash:rgba(201,35,50,.1);--glass:rgba(255,255,255,.59);--glass-rim:rgba(255,255,255,.94);--glass-edge:rgba(100,100,115,.2);--lens:rgba(255,255,255,.78)}
html[data-theme=dark]{--bg:#141416;--surface:#202024;--text:#f4f4f7;--muted:#b5b5bd;--line:#34343b;--accent:#ff6370;--active:#ff6370;--active-wash:rgba(255,99,112,.14);--glass:rgba(36,34,39,.63);--glass-rim:rgba(255,255,255,.22);--glass-edge:rgba(255,255,255,.12);--lens:rgba(255,255,255,.12)}
@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#141416;--surface:#202024;--text:#f4f4f7;--muted:#b5b5bd;--line:#34343b;--accent:#ff6370;--active:#ff6370;--active-wash:rgba(255,99,112,.14);--glass:rgba(36,34,39,.63);--glass-rim:rgba(255,255,255,.22);--glass-edge:rgba(255,255,255,.12);--lens:rgba(255,255,255,.12)}}
.glass{background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,0) 55%),var(--glass);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim),inset 0 -1px 0 rgba(255,255,255,.08),0 6px 24px rgba(20,20,30,.09);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)}
.wordmark b{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .icon-link{border-radius:50%;min-width:42px;min-height:42px;justify-content:center;align-items:center}.header-actions a:hover{background:var(--active-wash);text-decoration:none}.theme-picker{position:relative;z-index:40}.theme-picker summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;cursor:pointer;border-radius:30px;list-style:none;font-size:13px;font-weight:600}.theme-picker summary::-webkit-details-marker{display:none}.theme-options{position:absolute;right:0;top:calc(100% + 12px);min-width:165px;padding:7px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 30px #0002;display:grid;gap:4px}.theme-options button{border:0;background:transparent;color:var(--text);justify-content:flex-start;border-radius:16px;font-size:14px;font-weight:500}.theme-options button[aria-pressed=true]{background:var(--active-wash);color:var(--active)}
.segmented{border-radius:999px;padding:6px;gap:4px}.segmented a{border-radius:999px;position:relative;min-height:44px}.segmented a[aria-current]{background:var(--lens);color:var(--active);box-shadow:inset 0 1px 0 var(--glass-rim),0 2px 8px #0000000d;border:1px solid var(--glass-edge);padding-block:7px}.segmented a:not([aria-current]){border:1px solid transparent}
button,.button{border-radius:999px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent)}.cover-link img,.article-cover img{aspect-ratio:var(--cover-ratio,16/9)}
.reading .site-header{display:block}.reader-controls{position:sticky;top:12px;left:auto;transform:none;width:min(720px,calc(100% - 40px));margin:18px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none;z-index:15}.reader-close{grid-column:2;display:flex;align-items:center;gap:8px;min-height:44px;border-radius:999px;padding:9px 19px;font-size:13px;font-weight:600;pointer-events:auto}.reader-close:hover{text-decoration:none}.reader-close svg{width:17px;height:17px}.reader-controls #share-button{grid-column:3;justify-self:end;border-radius:50%;color:var(--text)}.reading .main-column{padding-top:34px}.reading .cookie-banner{bottom:20px}.push-card{border:1px solid var(--line);border-radius:22px;padding:26px;margin:24px 0}.push-card p{color:var(--muted)}.push-card .actions{display:flex;gap:12px;flex-wrap:wrap}.push-status{font-size:14px;margin-top:16px}.push-title-icon{color:var(--accent);margin-bottom:20px}.notifications-list .feed-item h2{font-size:1.5rem}
@media(max-width:767px){.header-inner{padding-inline:18px;height:72px}.wordmark{font-size:22px}.wordmark img{max-width:165px}.header-actions{gap:3px}.theme-picker summary{width:42px;padding:9px;justify-content:center}.theme-picker [data-theme-label]{display:none}.header-actions .icon-link{min-width:38px;width:38px;padding:8px}.header-actions .desktop-header-link{display:none}.segmented{margin-bottom:28px}.segmented a{min-height:42px;padding-block:7px}.segmented a[aria-current]{padding-block:7px}.bottom-nav{left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));padding:6px;border-radius:999px;gap:4px;min-height:72px}.bottom-nav a{border-radius:999px;padding:7px 3px;min-height:58px;gap:4px;border:1px solid transparent}.bottom-nav a[aria-current]{color:var(--active);background:var(--lens);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim),0 2px 7px #0000000b}.bottom-nav a:hover{text-decoration:none}.bottom-nav span{font-size:10px}.bottom-nav svg{width:23px;height:23px}.reader-controls{top:10px;margin-top:16px;width:calc(100% - 36px)}.reader-close{min-height:42px;padding:8px 17px}.reading .main-column{padding-top:28px}.cookie-banner{bottom:calc(100px + env(safe-area-inset-bottom))}.reading .cookie-banner{bottom:18px}}
@media(max-width:350px){.header-inner{padding-inline:14px;gap:8px}.wordmark{font-size:19px;letter-spacing:-.9px}.wordmark img{max-width:133px}.header-actions{gap:0}.header-actions .icon-link{min-width:34px;width:34px}.theme-picker summary{width:36px;padding:7px}.bottom-nav span{font-size:9px}}
@supports not (backdrop-filter:blur(1px)){.glass{background:var(--surface)}}
@media print{.reading .site-header,.reader-controls{display:none!important}}

html[data-theme] .theme-options button{color:var(--text)}html[data-theme] .theme-options button[aria-pressed=true]{color:var(--active)}

/* Keep every theme choice readable, including the selected option. */
html[data-theme=dark] .theme-picker summary,
html[data-theme=dark] .theme-picker .theme-options button[data-theme-mode]{color:#fff}
@media(prefers-color-scheme:dark){
  html[data-theme=system] .theme-picker summary,
  html[data-theme=system] .theme-picker .theme-options button[data-theme-mode]{color:#fff}
}