.reader-app { overflow-y: scroll; scrollbar-gutter: stable; }
.reader-nav-link { color: var(--muted); text-decoration: none; font-size: .62rem; letter-spacing: .1em; white-space: nowrap; }
.reader-nav-link:hover, .reader-nav-link:focus-visible { color: var(--text); }
.reader-inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 22px; }
.reader-action, .reader-secondary, .reader-primary { display: inline-flex; justify-content: center; align-items: center; gap: 7px; min-height: var(--form-button-height); border: 1px solid var(--line-strong); background: transparent; padding: var(--form-button-padding); color: var(--text); font: inherit; font-size: var(--form-button-size); letter-spacing: var(--form-button-tracking); line-height: var(--form-button-leading); text-decoration: none; cursor: pointer; }
.reader-action:hover, .reader-secondary:hover { border-color: var(--text); background: var(--surface, #111); }
.reader-action[aria-pressed="true"] { border-color: #52695a; color: var(--good); }
.reader-action:disabled, .reader-secondary:disabled, .reader-quiet:disabled { cursor: wait; opacity: .55; }
.reader-primary { background: var(--text); color: var(--bg); border-color: var(--text); }
.reader-primary:hover { background: #d4d4cf; }
.reader-inline-message { color: var(--muted); font-size: .75rem; line-height: 1.5; }
.reader-topbar { grid-template-columns: 1fr auto 1fr; }
.reader-back, .reader-account, .reader-quiet { color: var(--muted); border: 0; background: transparent; font: inherit; font-size: .61rem; letter-spacing: .1em; line-height: 1.5; text-decoration: none; cursor: pointer; }
.reader-back:hover, .reader-account:hover, .reader-quiet:hover { color: var(--text); }
.reader-quiet { padding: 10px 0; }
.reader-shell { padding-bottom: 90px; }
.reader-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 64px 0 46px; }
.reader-intro { max-width: 680px; color: #bdbdb7; font-size: 1.06rem; line-height: 1.6; margin: 24px 0 0; }
.reader-account { flex-shrink: 0; padding-bottom: 5px; }
.reader-message { padding: 15px 18px; border: 1px solid var(--line-strong); color: var(--text); line-height: 1.5; font-size: .85rem; }
.reader-message[data-error="true"] { border-color: #71443e; }
.reader-message a { color: inherit; }
.reader-catch-up-note { padding: 20px 0 24px; border-bottom: 1px solid var(--line); }
.reader-catch-up-note strong { color: var(--text); font-size: .86rem; font-weight: 500; }
.reader-catch-up-note p { color: var(--muted); max-width: 680px; font-size: .82rem; line-height: 1.65; margin: 10px 0 0; }
.reader-catch-up-note .reader-quiet { display: inline-block; margin-top: 7px; }
.reader-change { border-left: 2px solid var(--line-strong); padding: 2px 0 2px 18px; margin: 24px 0; }
.reader-change[data-kind="updated"], .reader-change[data-kind="new"] { border-left-color: var(--urgent); }
.reader-change-label { color: var(--text); font-size: .58rem; letter-spacing: .12em; line-height: 1.5; margin: 0; }
.reader-change-note { color: var(--muted); font-size: .77rem; line-height: 1.6; margin: 10px 0 0; }
.reader-change-details { margin-top: 14px; }
.reader-change-details summary { cursor: pointer; color: #d5d5cf; font-size: .8rem; line-height: 1.5; width: fit-content; }
.reader-change-details summary:hover { color: var(--text); }
.reader-change-details summary:focus-visible, .reader-change-sources a:focus-visible { outline: 2px solid var(--text); outline-offset: 4px; }
.reader-change-field { padding-top: 22px; }
.reader-change-field h3 { margin: 0 0 12px; font-size: .81rem; font-weight: 500; }
.reader-change-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.reader-change-value { min-width: 0; padding-top: 14px; border-top: 1px solid var(--line); }
.reader-change-caption { display: block; color: var(--muted); font-size: .56rem; letter-spacing: .1em; }
.reader-change-value p { margin: 10px 0 0; color: #bdbdb7; font-size: .84rem; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.reader-change-sources { padding-left: 18px; margin: 14px 0 0; }
.reader-change-sources li { margin-top: 8px; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.reader-change-sources a { color: #d5d5cf; overflow-wrap: anywhere; }
@media (max-width: 1000px) { .reader-change-pair { grid-template-columns: 1fr; gap: 18px; } }
.reader-welcome { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(40px, 8vw, 130px); border-top: 1px solid var(--line); padding: 48px 0; }
.reader-welcome h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 450; letter-spacing: -.04em; line-height: 1.1; }
.reader-welcome-copy > p { color: var(--muted); max-width: 530px; font-size: .98rem; line-height: 1.7; margin: 22px 0; }
.reader-welcome-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.reader-back-to-feed { display: inline-block; margin-top: 24px; color: var(--muted); font-size: .8rem; text-underline-offset: 4px; }
.reader-benefits article { display: grid; grid-template-columns: 34px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.reader-benefits article:first-child { padding-top: 0; }
.reader-benefits article > span { padding-top: 4px; color: var(--muted); font-size: .65rem; }
.reader-benefits h3 { margin: 0 0 8px; font-weight: 500; font-size: 1.12rem; }
.reader-benefits p { color: var(--muted); font-size: .9rem; line-height: 1.6; margin: 0; }
/* Product navigation shares the account theme's compact rows and active dot. */
.reader-workspace { display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: start; gap: clamp(30px, 4vw, 64px); }
.reader-workspace-content { min-width: 0; min-height: calc(100vh - 76px); }
.reader-sidebar { position: sticky; top: 76px; align-self: start; display: flex; flex-direction: column; height: calc(100vh - 76px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 38px 22px 28px 0; border-right: 1px solid var(--line); }
.reader-sidebar-disclosure { min-width: 0; }
.reader-mobile-menu-toggle { display: none; }
.reader-sidebar-heading { padding: 0 12px 28px; }
.reader-space-label, .reader-space-caption { display: block; }
.reader-space-label { font-size: 1rem; font-weight: 550; letter-spacing: -.02em; }
.reader-space-caption { margin-top: 8px; color: var(--muted); font-size: .75rem; }
.reader-menu { display: grid; gap: 5px; }
.reader-menu button, .reader-menu-link { position: relative; width: 100%; min-height: 46px; display: flex; align-items: center; gap: 11px; border: 1px solid transparent; border-radius: 7px; padding: 11px 12px; background: transparent; color: var(--muted); font: inherit; font-size: .82rem; line-height: 1.45; text-align: left; text-decoration: none; cursor: pointer; }
.reader-menu button:hover, .reader-menu-link:hover { color: var(--text); background: var(--surface-2); }
.reader-menu button[aria-pressed="true"] { color: var(--text); background: #171717; border-color: #343434; }
.reader-menu button[aria-pressed="true"]::after { content: ""; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; margin-left: auto; background: var(--urgent); }
.reader-nav-icon { width: 19px; height: 19px; flex: 0 0 19px; }
.reader-menu-count { color: var(--muted); font-size: .7rem; margin-left: auto; }
.reader-menu button:has(.reader-menu-count)::after { display: none; }
.reader-menu button[aria-pressed="true"] .reader-menu-count { color: var(--text); }
.reader-pro-badge { margin-left: auto; color: var(--urgent); font-size: .52rem; letter-spacing: .1em; }
.reader-sidebar-account { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 24px; }
.reader-menu-label { display: block; color: var(--muted); font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; padding: 0 12px 12px; }
.reader-external { margin-left: auto; font-size: .7rem; }
.reader-menu-link:disabled { cursor: wait; opacity: .55; }
.reader-sidebar-person { display: flex; align-items: center; gap: 11px; padding: 32px 12px 0; margin-top: auto; }
.reader-person-mark { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: #1b1b1b; color: var(--text); font-size: .75rem; }
.reader-person-name { overflow-wrap: anywhere; color: var(--muted); font-size: .73rem; line-height: 1.5; }
.reader-workspace .reader-hero { min-height: 220px; padding: 46px 0 32px; border-bottom: 1px solid var(--line); }
.reader-workspace .reader-hero h1 { font-size: clamp(2.4rem, 4vw, 3.75rem); line-height: 1.08; letter-spacing: -.05em; }
.reader-workspace .reader-hero .eyebrow { font-size: .61rem; margin-bottom: 18px; }
.reader-workspace .reader-intro { font-size: .94rem; margin-top: 18px; }
#reader-view-title { scroll-margin-top: 100px; }
#reader-view-title:focus { outline: none; }
.reader-layout { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 32px; }
.reader-main { min-width: 0; }
.reader-feed-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 72px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.reader-feed-heading > p { color: var(--muted); font-size: .76rem; margin: 0; line-height: 1.5; }
.reader-feed-heading .reader-secondary { font-size: .57rem; flex-shrink: 0; }
.reader-card { padding: 26px 0; border-bottom: 1px solid var(--line); }
.reader-radar { margin: 0 0 18px; padding: 12px 14px 14px; border: 1px solid var(--line); border-left: 3px solid #777773; background: #0b0b0b; }
.reader-radar.is-high { border-left-color: #e9ad67; }
.reader-radar.is-urgent { border-left-color: var(--urgent); }
.reader-radar-header { display: flex; align-items: center; gap: 12px; }
.reader-radar-header strong { color: #aaa9a4; font-size: .56rem; letter-spacing: .13em; }
.reader-radar.is-high .reader-radar-header strong { color: #e9ad67; }
.reader-radar.is-urgent .reader-radar-header strong { color: var(--urgent); }
.reader-radar-header span { color: #666662; font-size: .5rem; letter-spacing: .1em; }
.reader-radar-focus { max-width: 780px; margin: 9px 0 0; color: #c1c1bc; font-size: .78rem; line-height: 1.55; }
.reader-radar-signals { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.reader-radar-signals span { padding: 5px 7px; border: 1px solid #292929; color: #8d8d89; font-size: .52rem; line-height: 1.25; letter-spacing: .035em; }
.reader-radar-signals .is-changed, .reader-radar-signals .is-new { color: #f1b3ad; border-color: #60302c; }
.reader-radar-signals .is-source_coverage, .reader-radar-signals .is-decision_brief { color: #9edbb1; border-color: #254c33; }
.reader-grouped-updates { margin: 16px 0 0; border: 1px solid var(--line); }
.reader-grouped-updates summary { padding: 10px 12px; color: #aaa9a4; cursor: pointer; font-size: .62rem; letter-spacing: .06em; }
.reader-grouped-updates ul { list-style: none; margin: 0; padding: 0 12px 10px; }
.reader-grouped-updates li { padding: 8px 0; border-top: 1px solid var(--line); }
.reader-grouped-updates a { color: #c7c7c2; font-size: .75rem; line-height: 1.4; text-decoration: none; }
.reader-grouped-updates a:hover { text-decoration: underline; text-underline-offset: 4px; }
.reader-story-card { padding:30px 0; border-bottom:1px solid var(--line); }
.reader-story-card h2 { margin:12px 0; font-size:clamp(1.45rem,2.5vw,2.2rem); font-weight:470; letter-spacing:-.035em; line-height:1.2; }
.reader-story-card h2 a { color:var(--text); text-decoration:none; }
.reader-story-card h2 a:hover { text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.reader-card-meta { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: .63rem; letter-spacing: .06em; }
.reader-card h2 { font-size: clamp(1.25rem, 2vw, 1.7rem); font-weight: 500; letter-spacing: -.025em; line-height: 1.25; margin: 12px 0; }
.reader-card h2 a { color: var(--text); text-decoration: none; }
.reader-card h2 a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.reader-card-summary { color: #aaa9a4; font-size: .94rem; line-height: 1.6; margin: 0; }
.reader-decision-brief { margin-top: 22px; border: 1px solid var(--line-strong); }
.reader-decision-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; border-bottom: 1px solid var(--line); }
.reader-decision-header strong { color: var(--urgent); font-size: .57rem; letter-spacing: .14em; }
.reader-decision-header span { color: var(--muted); font-size: .52rem; letter-spacing: .08em; }
.reader-decision-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reader-decision-field { padding: 17px 16px 19px; border-bottom: 1px solid var(--line); }
.reader-decision-field:nth-child(odd) { border-right: 1px solid var(--line); }
.reader-decision-field h3 { margin: 0 0 8px; color: var(--muted); font-size: .54rem; font-weight: 650; letter-spacing: .12em; }
.reader-decision-field.is-confirmed h3 { color: #82eaa4; }
.reader-decision-field.is-uncertain h3 { color: #e9ad67; }
.reader-decision-field p { margin: 0; color: #aaa9a4; font-size: .78rem; line-height: 1.58; }
.reader-brief-details { margin-top: 16px; }
.reader-brief-details > summary, .reader-alert-settings-details > summary { min-height: 44px; padding: 12px 0; color: var(--text); font-size: .82rem; line-height: 1.5; cursor: pointer; }
.reader-brief-details > summary:focus-visible, .reader-alert-settings-details > summary:focus-visible, .reader-mobile-menu-toggle:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.reader-brief-details .reader-radar { margin-top: 16px; }
.reader-card-brief .reader-card-summary { max-width: 75ch; }
.reader-brief-source-section { padding: 16px 0; border-bottom: 1px solid var(--line); }
.reader-brief-sources { padding: 0 0 0 18px; margin: 0; }
.reader-brief-source-section h3 { margin: 0 0 10px; color: var(--muted); font-size: .65rem; letter-spacing: .08em; }
.reader-brief-sources ul { padding-left: 18px; margin: 0; }
.reader-brief-sources li { margin-top: 8px; color: var(--muted); font-size: .8rem; line-height: 1.6; }
.reader-brief-sources a { color: var(--text); text-underline-offset: 4px; overflow-wrap: anywhere; }
.reader-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.reader-reasons { color: var(--muted); font-size: .7rem; line-height: 1.6; }
.reader-reasons a { color: #b7b7b0; text-underline-offset: 3px; }
.reader-card-footer .reader-action { font-size: .57rem; flex-shrink: 0; min-height: 34px; padding: 8px 10px; }
.reader-aside { padding-top: 28px; }
.reader-aside h2 { font-size: .65rem; font-weight: 500; letter-spacing: .14em; margin: 0 0 18px; color: var(--muted); }
.reader-help { color: var(--muted); font-size: .86rem; line-height: 1.6; }
#reader-watchlist { list-style: none; padding: 0; margin: 0; }
#reader-watchlist li { display: flex; gap: 14px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
#reader-watchlist a { color: var(--text); font-size: .86rem; text-decoration: none; padding: 13px 0; overflow-wrap: anywhere; }
#reader-watchlist button { min-width: 36px; min-height: 38px; border: 0; background: transparent; color: var(--muted); font-size: 1.1rem; cursor: pointer; }
#reader-watchlist button:hover { color: var(--text); }
#reader-add-interests { margin-top: 10px; text-align: left; }
.reader-global-note { border-top: 1px solid var(--line); margin-top: 34px; padding-top: 20px; }
.reader-global-note p { color: var(--muted); font-size: .8rem; line-height: 1.6; }
.reader-global-note a { color: var(--text); text-decoration: none; font-size: .6rem; letter-spacing: .07em; }
.reader-empty { padding: 35px 0; }
.reader-empty h2, #reader-discover h2 { font-size: 1.7rem; font-weight: 450; letter-spacing: -.035em; line-height: 1.2; margin: 0 0 14px; }
.reader-empty .reader-primary { margin-top: 14px; }
.reader-pro-prompt { max-width: 620px; padding: 42px 0; }
.reader-pro-kicker { display: block; color: var(--urgent); font-size: .58rem; letter-spacing: .14em; margin-bottom: 15px; }
.reader-pro-prompt h2 { margin: 0 0 12px; font-size: clamp(1.7rem, 3vw, 2.6rem); font-weight: 450; letter-spacing: -.04em; }
.reader-pro-prompt .reader-primary { margin-top: 18px; }
.reader-list-target { display: grid; gap: 9px; max-width: 360px; margin: 18px 0; color: var(--muted); font-size: .58rem; letter-spacing: .1em; }
.reader-list-target select, .reader-brief-controls select, .reader-list-create input, .reader-list-actions input { min-height: var(--form-control-height); padding: var(--form-control-padding); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); background: var(--surface, #0b0b0b); color: var(--text); font: inherit; font-size: var(--form-control-size); font-weight: 400; letter-spacing: normal; line-height: var(--form-control-leading); }
.reader-list-create { display: flex; gap: 10px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.reader-list-create input { flex: 1; min-width: 0; }
.reader-list-card { padding: 28px 0; border-bottom: 1px solid var(--line); }
.reader-list-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
.reader-list-heading h2 { margin: 0; font-size: 1.45rem; font-weight: 500; letter-spacing: -.03em; }
.reader-list-heading span { color: var(--muted); font-size: .65rem; }
.reader-list-entities { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.reader-list-entities > span { display: inline-flex; align-items: center; border: 1px solid var(--line-strong); }
.reader-list-entities a { color: var(--text); padding: 8px 10px; font-size: .72rem; text-decoration: none; }
.reader-list-entities > .reader-list-compare { border-color: var(--accent); color: var(--accent); letter-spacing: .08em; }
.reader-list-entities button { align-self: stretch; border: 0; border-left: 1px solid var(--line-strong); background: transparent; color: var(--muted); min-width: 32px; cursor: pointer; }
.reader-list-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; }
.reader-list-actions form { display: flex; gap: 8px; flex: 1; max-width: 480px; }
.reader-list-actions input { flex: 1; min-width: 0; }
.reader-list-filters { display: grid; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.reader-list-filters > label { display: grid; gap: 8px; max-width: 260px; font-size: 11px; letter-spacing: .12em; }
.reader-list-filters fieldset { border: 0; padding: 0; margin: 0; display: flex; gap: 8px 16px; flex-wrap: wrap; }
.reader-list-filters legend { width: 100%; margin-bottom: 8px; color: var(--muted); font-size: 10px; letter-spacing: .12em; }
.reader-source-option { display: flex; gap: 7px; align-items: center; font-size: 13px; }
.reader-source-option input { width: auto; }
.reader-brief-controls { padding: 24px 0; border-bottom: 1px solid var(--line); }
.reader-brief-controls label { display: grid; gap: 9px; max-width: 360px; color: var(--muted); font-size: .58rem; letter-spacing: .1em; }
#reader-discover { padding-top: 32px; }
.reader-search { margin: 27px 0 18px; }
.reader-search label { display: block; color: var(--muted); font-size: .58rem; letter-spacing: .1em; margin-bottom: 10px; }
.reader-search > div { display: flex; gap: 10px; }
.reader-search input { flex: 1; min-width: 0; padding: 12px; border: 1px solid var(--line-strong); background: transparent; color: var(--text); font: inherit; font-size: .85rem; }
.reader-entity-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.reader-entity { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--line); padding: 17px 14px; }
.reader-entity > div { min-width: 0; }
.reader-entity small { color: var(--muted); font-size: .55rem; letter-spacing: .08em; }
.reader-entity a { display: block; margin-top: 6px; color: var(--text); text-decoration: none; font-size: .94rem; overflow-wrap: anywhere; }
.reader-entity button { font-size: .56rem; min-height: 36px; padding: 9px; flex-shrink: 0; }
.reader-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 28px; font-size: .76rem; color: var(--muted); }
.reader-pagination button { min-width: 40px; min-height: 40px; border: 1px solid var(--line-strong); color: var(--text); background: transparent; cursor: pointer; }
.reader-pagination button:disabled { opacity: .35; cursor: default; }
[hidden] { display: none !important; }
.reader-action:focus-visible, .reader-menu button:focus-visible, .reader-menu-link:focus-visible, .reader-secondary:focus-visible, .reader-primary:focus-visible, .reader-quiet:focus-visible, .reader-search input:focus-visible, .reader-pagination button:focus-visible { outline: 2px solid var(--text); outline-offset: 4px; }
@media (max-width: 1000px) { .reader-hero { display: block; } .reader-account { display: inline-block; margin-top: 20px; } .reader-layout { grid-template-columns: minmax(0, 1fr) 220px; gap: 30px; } .reader-entity-results { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .reader-layout, .reader-welcome { grid-template-columns: 1fr; } .reader-aside { padding-top: 34px; border-top: 1px solid var(--line); } .reader-welcome { gap: 44px; } .reader-topbar { grid-template-columns: 1fr auto; } .reader-back { display: none; } .reader-hero { padding: 40px 0 32px; } .reader-hero .eyebrow { font-size: .6rem; } .reader-intro { font-size: .96rem; } .reader-topbar .reader-quiet { font-size: .53rem; } .reader-topbar .identity { gap: 9px; } .reader-topbar .topbar-actions { gap: 10px; } .reader-card-footer { gap: 12px; } .reader-feed-heading { align-items: flex-start; flex-wrap: wrap; } }
@media (max-width: 420px) { .reader-nav-link { font-size: .53rem; letter-spacing: .04em; } .topbar:has(.reader-nav-link) .identity span { max-width: 90px; font-size: .7rem; letter-spacing: .12em; } .topbar:has(.reader-nav-link) .topbar-actions { gap: 10px; } .topbar:has(.reader-nav-link) .entities-link { display: none; } .reader-topbar .identity span { max-width: 100px; } .reader-topbar .mark { width: 28px; height: 28px; } .reader-topbar .lang-button { padding: 6px 8px; } .reader-welcome-actions { align-items: stretch; } }

@media (max-width: 1200px) {
  .reader-workspace .reader-layout { grid-template-columns: 1fr; gap: 32px; }
  .reader-workspace .reader-aside { border-top: 1px solid var(--line); padding-top: 24px; }
}
.reader-email-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.reader-email-card { display: grid; gap: 18px; align-content: start; padding: 26px; border: 1px solid var(--line-strong); background: #090909; }
.reader-email-card.reader-email-common { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
.reader-email-field { display: grid; gap: 9px; color: var(--muted); font-size: .64rem; letter-spacing: .1em; }
.reader-email-field:has(input[type="checkbox"]) { grid-template-columns: 1fr auto; align-items: center; color: var(--text); font-size: .74rem; }
.reader-email-field input:not([type="checkbox"]), .reader-email-field select { min-height: var(--form-control-height); padding: var(--form-control-padding); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); background: var(--surface, #0b0b0b); color: var(--text); font: inherit; font-size: var(--form-control-size); font-weight: 400; letter-spacing: normal; line-height: var(--form-control-leading); }
.reader-email-field input[type="checkbox"] { width: 22px; height: 22px; accent-color: var(--urgent); }
.reader-email-card, .reader-email-field, .reader-watch-signals { min-width: 0; }
.reader-email-field input:not([type="checkbox"]), .reader-email-field select { width: 100%; min-width: 0; max-width: 100%; }
.reader-email-field > span { overflow-wrap: anywhere; }
.reader-email-settings > .reader-primary { justify-self: start; }
.reader-alert-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0 0 34px; border:1px solid var(--line); background:var(--line); }
.reader-alert-settings .reader-email-field { min-height:76px; padding:18px; background:var(--bg); }
.reader-alert-settings > button { margin:18px; align-self:center; justify-self:start; }
.reader-alert-settings > .reader-help { grid-column:1/-1; margin:0; padding:15px 18px; background:var(--bg); }
.reader-alert-list { border-top:1px solid var(--line); }
.reader-alert-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0; }
.reader-alert-toolbar h2, .reader-alert-toolbar p { margin: 0; }
.reader-alert-settings-details { margin: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.reader-alert-settings-details[open] > summary { margin-bottom: 18px; }
.reader-alert-card.is-unread { padding-left: 14px; }
.reader-list-count, .reader-form-error { font-size: .8rem; line-height: 1.5; }
.reader-form-error { color: #ffab99; }
.reader-list-count { color: var(--muted); }
.reader-alert-card { position:relative; }
.reader-alert-card.is-unread::before { content:""; position:absolute; left:-1px; top:24px; width:3px; height:42px; background:var(--urgent); }
.reader-alert-story { display:inline-block; margin-top:14px; color:var(--muted); font-size:.63rem; letter-spacing:.1em; text-decoration:none; }
.reader-alert-story:hover { color:var(--text); }
.reader-watch-panel { margin-bottom:42px; }
.reader-section-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:18px; color:var(--muted); font-size:.62rem; letter-spacing:.14em; }
.reader-watch-create { display:grid; grid-template-columns:1fr 1fr; gap:1px; border:1px solid var(--line); background:var(--line); margin-bottom:18px; }
.reader-watch-create > * { background:var(--bg); padding:16px; }
.reader-watch-create > button { margin:16px; justify-self:start; align-self:center; }
.reader-watch-create > .reader-primary { background:var(--text); color:var(--bg); }
.reader-watch-create > .reader-primary:hover { background:#d4d4cf; }
.reader-watch-signals { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:10px 18px; margin:0; padding:16px; border:0; background:var(--bg); }
.reader-watch-signals legend { width:100%; margin-bottom:10px; color:var(--muted); font-size:.56rem; letter-spacing:.1em; }
.reader-watch-signals label { display:flex; gap:7px; align-items:center; font-size:.7rem; color:var(--text); }
.reader-watch-signals input,.reader-watch-toggle input { accent-color:var(--urgent); }
.reader-watch-list { display:grid; gap:12px; }
.reader-watch-rule { border:1px solid var(--line-strong); background:#080808; }
.reader-watch-rule > header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border-bottom:1px solid var(--line); }
.reader-watch-rule h3 { margin:5px 0 0; font-size:1rem; }
.reader-watch-rule small { color:var(--muted); font-size:.54rem; letter-spacing:.12em; }
.reader-watch-rule form { display:grid; grid-template-columns:180px 1fr 170px; gap:1px; background:var(--line); }
.reader-watch-rule form > * { padding:14px; background:var(--bg); }
.reader-watch-rule .reader-watch-signals { grid-column:auto; }
.reader-watch-toggle { display:flex; gap:9px; align-items:center; color:var(--muted); font-size:.58rem; letter-spacing:.1em; }
.reader-watch-actions { display:flex; gap:10px; align-items:center; grid-column:1/-1; }
@media (max-width:760px) {
  .reader-watch-create,.reader-watch-rule form { grid-template-columns:1fr; }
  .reader-watch-create .reader-watch-signals,.reader-watch-rule .reader-watch-signals,.reader-watch-actions { grid-column:1; }
}
.reader-onboarding[hidden] { display:none; }
.reader-onboarding { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:28px; overflow:auto; background:rgba(0,0,0,.82); backdrop-filter:blur(8px); }
.reader-onboarding-card { width:min(920px,100%); padding:clamp(26px,5vw,56px); border:1px solid #333; background:#080808; box-shadow:0 28px 100px rgba(0,0,0,.65); }
.reader-onboarding-card h2 { margin:8px 0 12px; font-size:var(--form-title-size); font-weight:var(--form-title-weight); line-height:var(--form-title-leading); letter-spacing:var(--form-title-tracking); }
.reader-onboarding-card fieldset { margin:34px 0 0; padding:0; border:0; }
.reader-onboarding-card legend,.reader-onboarding-settings label { color:var(--muted); font-size:.62rem; font-weight:700; letter-spacing:.14em; }
.reader-onboarding-settings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:30px; }
.reader-onboarding-settings label { display:grid; gap:9px; }
.reader-onboarding-settings label, .reader-list-target,
.reader-email-field:not(:has(input[type="checkbox"])) { color:var(--text); font-size:var(--form-label-size); font-weight:400; letter-spacing:normal; }
.reader-onboarding-settings select { width: 100%; min-height: var(--form-control-height); padding: var(--form-control-padding); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); background: var(--surface, #0b0b0b); color: var(--text); font: inherit; font-size: var(--form-control-size); font-weight: 400; letter-spacing: normal; line-height: var(--form-control-leading); }
.reader-onboarding-starters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.reader-onboarding-starter { display:flex; min-height:145px; padding:18px; flex-direction:column; align-items:flex-start; gap:9px; border:1px solid var(--line-strong); background:#0b0b0b; color:var(--text); text-align:left; cursor:pointer; }
.reader-onboarding-starter:hover,.reader-onboarding-starter.is-selected { border-color:var(--text); background:#171717; }
.reader-onboarding-starter.is-selected { box-shadow:inset 3px 0 var(--urgent); }
.reader-onboarding-starter strong { font-size:1rem; }
.reader-onboarding-starter span { color:#aaa; font-size:.72rem; line-height:1.45; }
.reader-onboarding-starter small { margin-top:auto; color:var(--muted); font-size:.56rem; line-height:1.4; letter-spacing:.06em; }
.reader-onboarding-interests { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:12px; background:var(--line); border:1px solid var(--line); }
.reader-onboarding-interest { display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:10px; min-height:58px; padding:13px 16px; background:#0b0b0b; cursor:pointer; }
.reader-onboarding-interest:has(input:checked) { background:#181818; box-shadow:inset 3px 0 var(--urgent); }
.reader-onboarding-interest small { color:var(--muted); font-size:.55rem; letter-spacing:.12em; }
.reader-onboarding-actions { display:flex; align-items:center; gap:20px; margin-top:28px; }
@media (max-width: 760px) {
  .reader-workspace { display: block; }
  .reader-workspace-content { min-height: 0; }
  .reader-sidebar { position: static; height: auto; overflow: visible; border: 0; border-bottom: 1px solid var(--line); padding: 8px 0; }
  .reader-mobile-menu-toggle { display: flex; align-items: center; gap: 16px; min-height: 44px; padding: 8px 0; cursor: pointer; list-style: none; }
  .reader-mobile-menu-toggle::-webkit-details-marker { display: none; }
  .reader-mobile-menu-toggle > span:first-child { color: var(--muted); font-size: .6rem; letter-spacing: .1em; }
  #reader-mobile-current { margin-left: auto; font-size: .85rem; text-align: right; }
  .reader-mobile-menu-toggle::after { content: '+'; font-size: 1.2rem; }
  .reader-sidebar-disclosure[open] .reader-mobile-menu-toggle::after { content: '−'; }
  .reader-sidebar-disclosure[open] .reader-mobile-menu-toggle { margin-bottom: 12px; }
  .reader-sidebar-heading { display: none; }
  .reader-space-caption { display: none; }
  .reader-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .reader-menu button { border-color: var(--line); padding: 10px; font-size: .77rem; gap: 8px; }
  .reader-sidebar-account { display: flex; gap: 12px; margin-top: 14px; padding-top: 0; border: 0; }
  .reader-sidebar-account .reader-menu-label, .reader-sidebar-person { display: none; }
  .reader-menu-link { width: auto; min-height: 44px; padding: 6px 0; font-size: .72rem; gap: 7px; }
  .reader-sidebar-account .reader-menu-link:last-child { margin-left: auto; }
  .reader-menu-link .reader-nav-icon { width: 16px; height: 16px; flex-basis: 16px; }
  .reader-external { display: none; }
  .reader-list-create, .reader-list-actions, .reader-list-actions form { align-items: stretch; flex-direction: column; max-width: none; }
  .reader-workspace .reader-hero { min-height: 0; padding: 22px 0 20px; }
  .reader-workspace .reader-hero .eyebrow { margin-bottom: 10px; }
  .reader-workspace .reader-intro { margin-top: 12px; font-size: .85rem; }
  .reader-feed-heading { min-height: 52px; padding: 12px 0; }
  .reader-brief-controls { padding: 16px 0; }
  .reader-card-brief { padding: 20px 0; }
  .reader-card-brief .reader-card-summary { font-size: .86rem; }
  .reader-email-settings { grid-template-columns: 1fr; }
  .reader-email-card.reader-email-common { grid-column: auto; grid-template-columns: 1fr; }
  .reader-decision-grid { grid-template-columns: 1fr; }
  .reader-decision-field:nth-child(odd) { border-right: 0; }
  .reader-alert-settings,.reader-onboarding-settings,.reader-onboarding-starters,.reader-onboarding-interests { grid-template-columns:1fr; }
  .reader-onboarding { padding:0; place-items:stretch; }
  .reader-onboarding-card { min-height:100%; border:0; }
  .reader-onboarding-actions { align-items:stretch; flex-direction:column; }
}

.reader-list-create { flex-wrap: wrap; }
.reader-form-error { flex-basis: 100%; margin: 0; }
.reader-list-actions { flex-wrap: wrap; }
.reader-list-actions > .reader-help { flex-basis: 100%; margin: 0; }
.reader-list-brief { margin-top: 18px; white-space: normal; text-align: center; }
.reader-list-settings { margin-top: 16px; }
.reader-list-settings > summary { min-height: 44px; padding: 12px 0; color: var(--muted); font-size: .8rem; cursor: pointer; }
.reader-list-settings > summary:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.reader-list-actions form { flex-wrap: wrap; }
.reader-brief-details > h3 { margin-top: 20px; font-size: .65rem; color: var(--muted); letter-spacing: .06em; }
.reader-alert-more { margin-top: 20px; }
/* Personal exclusions and explicitly published list snapshots. */
.reader-exclusions { padding:24px 0; border-bottom:1px solid var(--line); }
.reader-exclusions h2 { margin:0; font-size:1.3rem; font-weight:450; letter-spacing:-.03em; }
.reader-exclusions .reader-section-heading { margin-bottom:12px; }
.reader-exclusion-chips { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.reader-exclusion-chips > .reader-help { margin:0; }
.reader-exclusion-chip { display:inline-flex; align-items:center; gap:8px; max-width:100%; border:1px solid var(--line-strong); font-size:.78rem; }
.reader-exclusion-chip > span { padding:8px 10px; overflow-wrap:anywhere; }
.reader-exclusion-chip > button { align-self:stretch; min-width:44px; min-height:44px; border:0; border-left:1px solid var(--line-strong); background:transparent; color:var(--text); cursor:pointer; }
.reader-exclusion-search { display:flex; align-items:end; gap:12px; margin-top:18px; }
.reader-exclusion-search label,.reader-share-link { display:grid; min-width:0; flex:1; gap:8px; color:var(--text); font-size:.8rem; }
.reader-exclusion-search input,.reader-share-link input { width:100%; min-width:0; min-height:var(--form-control-height); padding:var(--form-control-padding); border:1px solid var(--form-control-border); border-radius:var(--form-control-radius); background:var(--surface,#0b0b0b); color:var(--text); font:inherit; }
.reader-exclusion-result { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:.82rem; }
.reader-exclusion-result > span { overflow-wrap:anywhere; }
.reader-exclusion-result small { color:var(--muted); font-size:.55rem; }
.reader-exclusion-result button { margin-left:auto; flex-shrink:0; }
.reader-exclusion-category-form { margin-top:24px; }
.reader-exclusion-categories { border:0; padding:0; margin:0 0 18px; display:flex; flex-wrap:wrap; gap:10px 18px; }
.reader-exclusion-categories legend { width:100%; margin-bottom:12px; color:var(--muted); font-size:.65rem; letter-spacing:.1em; }
.reader-exclusion-categories label { display:flex; align-items:center; gap:8px; min-height:30px; font-size:.8rem; color:var(--text); }
.reader-exclusion-note,.reader-share-status { color:var(--muted); font-size:.8rem; line-height:1.6; overflow-wrap:anywhere; }
.reader-exclusion-note:empty,.reader-share-status:empty { display:none; }
.reader-exclusion-note button { margin-left:8px; }
.reader-list-exclusions-title { margin:22px 0 10px; font-size:.95rem; font-weight:500; }
.reader-list-share { margin-top:16px; }
.reader-list-share > summary { min-height:44px; padding:12px 0; color:var(--text); font-size:.8rem; cursor:pointer; }
.reader-share-content { padding:0 0 18px; }
.reader-share-preview { padding:18px; margin:18px 0; border:1px solid var(--line-strong); background:var(--surface,#0b0b0b); }
.reader-share-preview small { color:var(--muted); font-size:.6rem; letter-spacing:.12em; }
.reader-share-preview h3 { font-size:1.2rem; font-weight:450; margin:12px 0; overflow-wrap:anywhere; }
.reader-share-preview p { font-size:.85rem; line-height:1.6; overflow-wrap:anywhere; }
.reader-share-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:18px; }
.reader-share-actions a,.reader-share-actions button { white-space:normal; text-align:center; }
.reader-share-link { margin-top:20px; }
.reader-list-share > summary:focus-visible,.reader-exclusion-chip button:focus-visible { outline:2px solid var(--text); outline-offset:3px; }
@media(max-width:760px) {
  .reader-exclusion-search { align-items:stretch; flex-direction:column; }
  .reader-exclusion-search button { align-self:flex-start; }
  .reader-exclusion-result { flex-wrap:wrap; }
  .reader-exclusion-result > span { flex-basis:100%; }
  .reader-share-actions { align-items:stretch; flex-direction:column; }
}
.reader-exclusion-controls > summary { min-height:44px; padding:12px 0; font-size:.85rem; cursor:pointer; }
.reader-exclusion-controls > summary:focus-visible { outline:2px solid var(--text); outline-offset:3px; }