/* Daily Brief / White editorial. Shared by covers, articles, archive and live pages.
   Inspora's generous whitespace and quiet grid inform the layout, not its artwork. */
:root {
  --ink:#18202c; --muted:#657183; --accent:#2463eb; --blue:var(--accent);
  --line:#e5eaf1; --paper:#fff; --canvas:#fff; --wash:#f7f9fc;
  --forest:#202c42; --soft-green:#eff5ff;
  color:var(--ink); background:var(--canvas);
}
::selection { background:#dce9ff; color:#142d5a; }
.publication-bar { padding-top:18px; font-size:.68rem; color:var(--muted); }
.publication-bar>span:before { background:#29a578; box-shadow:0 0 0 3px #ecf9f3; }
.masthead { min-height:108px; gap:28px; padding-top:23px; padding-bottom:27px; }
.brand { font-size:1.48rem; letter-spacing:-.06em; gap:11px; }
.brand-icon { width:39px; height:39px; }
.brand small { font-size:.55rem; letter-spacing:.2em; }
.app-settings-link { border-radius:10px; background:#fff; border-color:var(--line); }
.app-settings-link:hover { border-color:#c3d4f2; background:var(--wash); }
.category-nav { gap:6px; border-top:0; border-bottom:1px solid var(--line); padding-top:0; padding-bottom:17px; }
.nav-caption { margin-right:18px; font-size:.65rem; }
.category-nav a { border:0; border-radius:8px; padding:11px 16px; font-size:.8rem; background:#f5f6f8; color:#5b6575; }
.category-nav a:hover { background:#ebf1fc; color:var(--accent); }
.category-nav a[aria-current="page"] { color:#fff; background:var(--ink); }
.category-nav a[aria-current="page"] span { color:inherit; }
.category-nav .trends-nav-link { padding-left:16px; border:0; }
.category-nav .youtube-news-nav-link { background:#fff; box-shadow:inset 0 0 0 1px var(--line); }
.category-nav .youtube-news-nav-link[aria-current="page"] { background:var(--ink); color:#fff; box-shadow:none; }
.page-shell { gap:44px; }
.edition-sidebar { padding-top:31px; }
.sidebar-label { font-size:.65rem; letter-spacing:.04em; }
.today-index { border-top-color:var(--line); }
.today-index a { border-bottom-color:#f0f2f6; border-radius:5px; padding-left:6px; }
.today-index a span:first-child { color:#66768d; }
.today-index a:hover { background:var(--wash); }
.sidebar-trends { border:1px solid #e5edfc; border-radius:12px; padding:20px 16px; }
.sidebar-trends p { color:#637494; }
.utility-row { min-height:68px; }
.edition-heading { padding-top:34px; }
h1 { font-weight:750; letter-spacing:-.06em; }
.edition-bottom { border-bottom-color:var(--line); padding-bottom:20px; }
.edition-bottom>span:first-child { display:flex; align-items:center; gap:8px; }
.edition-bottom>span:first-child:before { content:''; width:5px; height:5px; border-radius:50%; background:var(--accent); }
.reading-layout { padding-top:24px; }
#article-list { gap:20px; }
.news-item { border-radius:14px; background:#fff; border-color:var(--line); box-shadow:0 2px 6px #182c4b03; }
.news-item:hover { border-color:#cad8ee; box-shadow:0 8px 28px #182c4b08; }
.story-link { padding:27px; gap:15px; }
.story-number { color:#64748b; }
.story-meta { font-size:.69rem; letter-spacing:.01em; }
.news-item h2 { font-size:1.2rem; letter-spacing:-.035em; line-height:1.55; margin-top:14px; }
.story-excerpt { color:#647084; }
.read-label { font-weight:550; }
.lead-item { color:var(--ink); background:linear-gradient(115deg,#f2f7ff 0%,#fff 78%); border-color:#dce6f7; }
.lead-item:hover { border-color:#c6d7f3; box-shadow:0 8px 28px #182c4b08; }
.lead-item .story-link { padding:32px; gap:25px; }
.lead-item .story-number { color:var(--accent); font-size:2.3rem; font-weight:450; }
.lead-item .story-meta { color:var(--accent); }
.lead-item h2 { font-size:clamp(1.5rem,2.2vw,1.9rem); font-weight:700; color:var(--ink); }
.lead-item .story-link:hover h2 { color:var(--accent); }
.lead-item .story-excerpt { color:#5d6d84; }
.lead-item .read-label { color:var(--ink); border-color:#dfE7f3; }
.lead-item .read-label>span:nth-child(2) { color:var(--accent); }
.lead-item .read-label small { color:var(--muted); }
.prose blockquote { color:#475d80; border-radius:0 10px 10px 0; }
.edition-page-link { border-radius:12px; }
main>footer { border-top-color:var(--line); padding-top:32px; }
.archive-dialog,.app-settings { border-color:var(--line); background:#fff; border-radius:18px; box-shadow:0 30px 100px #16254124; }
.archive-dialog::backdrop,.app-settings::backdrop { background:#182b494d; backdrop-filter:blur(5px); }
.archive-edition:hover,.archive-edition.is-current { background:#f4f7fc; }
.app-settings-action { background:var(--accent); border-color:var(--accent); border-radius:9px; color:#fff; }
.app-settings-action:hover { background:#174fc7; }
.back-to-top { border-radius:10px; background:#fffffff5; box-shadow:0 5px 20px #182c4b0c; }
.masthead .global-search { max-width:470px; }
.global-search #search-form { height:46px; border:1px solid transparent; background:#f5f7fa; border-radius:10px; }
.global-search:focus-within #search-form { background:#fff; border-color:#a8c4ff; box-shadow:0 0 0 3px #2463eb0b; }
.global-search #search::placeholder { color:#7a879a; }
.search-dropdown { background:#fff; border-radius:12px; border-color:var(--line); box-shadow:0 16px 48px #16254115; }
.suggestion-category,.search-result-category { color:#416398; }
.global-search mark,.story-copy mark { color:#174ba6; background:#e5efff; }
@media(max-width:1100px) {
  .masthead { gap:18px; }
  .category-nav { gap:6px; }
  .category-nav a { padding:11px 13px; }
  .page-shell { gap:30px; }
}
@media(max-width:650px) {
  .masthead { padding:20px 20px 18px; gap:15px 10px; }
  .brand { font-size:1.25rem; gap:9px; }
  .brand-icon { width:33px; height:33px; }
  .brand small { display:none; }
  .app-settings-link { background:transparent; }
  .category-nav { padding:0 20px 15px; gap:6px; }
  .category-nav a { padding:10px 14px; font-size:.74rem; }
  .category-nav .trends-nav-link { padding-left:14px; }
  .page-shell { gap:0; }
  .masthead .global-search { max-width:none; }
  .global-search #search-form { height:45px; border-radius:9px; }
  .edition-heading { padding-top:26px; }
  h1 { font-size:2.4rem; }
  .edition-bottom { padding-bottom:15px; }
  #article-list { gap:15px; }
  .reading-layout { padding-top:19px; }
  .story-link { padding:23px 20px; gap:10px; }
  .news-item h2 { font-size:1.13rem; line-height:1.6; }
  .lead-item .story-link { padding:25px 22px; }
  .lead-item .story-number { font-size:1rem; margin-bottom:16px; }
  .lead-item h2 { font-size:1.38rem; }
  .lead-item .story-meta { font-size:.67rem; }
  .edition-page-link { padding:17px 14px; }
  .archive-dialog,.app-settings { border-radius:14px; }
}