/* SignalData — next-version theme (editor-approved mockups, Oct. 24, 2026):
   Dark = "Night Glass" (frosted panels, lime and teal glow), Light = "Paper Prism" (white glossy cards over pastel light).
   Loaded after site.css on every page; it restyles shared parts and the homepage without changing their markup.
   html.gloss / html.paper prefixes keep these rules ahead of the older theme rules in site.css. */

/* ---------- Tokens ---------- */
html.gloss {
  --surface:#08141b; --panel:#12252e; --stage:#1c323c; --line:#263b44; --line-strong:#3d5560;
  --chip:#1c323c; --track:#1b2f38;
  --acc:#3a2131; --acc-line:#7c3a5a; --tint-peach:#3a2633;
  --glass:linear-gradient(170deg, rgba(255,255,255,.055), rgba(255,255,255,.015)), rgba(18,37,46,.78);
  --glass-line:rgba(237,243,234,.11);
  --glass-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 44px rgba(0,0,0,.32);
  --glass-lift:inset 0 1px 0 rgba(255,255,255,.09), 0 26px 56px rgba(0,0,0,.42);
  --btn:linear-gradient(180deg, #e6ff9c, #c9ee62); --btn-ink:#11212a;
  --btn-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 8px 22px rgba(217,250,128,.22);
}
html.paper {
  --glass:#ffffff;
  --glass-line:rgba(23,32,36,.075);
  --glass-shadow:inset 0 1px 0 #fff, 0 22px 46px -30px rgba(23,32,36,.42);
  --glass-lift:inset 0 1px 0 #fff, 0 32px 60px -28px rgba(23,32,36,.42);
  --btn:linear-gradient(180deg, #2a363b, #172024); --btn-ink:#faf9f5;
  --btn-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 12px 26px -12px rgba(23,32,36,.6);
}

/* ---------- Page light: soft glows that repeat down the page ---------- */
html.gloss body {
  background-color:#08141b; background-repeat:no-repeat;
  background-image:
    radial-gradient(900px 620px at 86% 0%, rgba(217,250,128,.13), transparent 62%),
    radial-gradient(800px 700px at -8% 14%, rgba(100,212,193,.10), transparent 62%),
    radial-gradient(900px 700px at 104% 36%, rgba(120,169,239,.08), transparent 62%),
    radial-gradient(900px 700px at -4% 58%, rgba(159,156,206,.07), transparent 62%),
    radial-gradient(900px 700px at 100% 82%, rgba(100,212,193,.07), transparent 62%);
}
html.paper body {
  background-color:#faf9f5; background-repeat:no-repeat;
  background-image:
    radial-gradient(820px 560px at 8% 0%, #e5edfc, transparent 70%),
    radial-gradient(820px 560px at 96% 2%, #eee9f7, transparent 70%),
    radial-gradient(900px 700px at 50% 16%, #e9f0e1, transparent 70%),
    radial-gradient(900px 700px at 100% 38%, #e8eefb, transparent 70%),
    radial-gradient(900px 700px at 0% 60%, #f0ecf7, transparent 70%),
    radial-gradient(900px 700px at 100% 84%, #e9f0e1, transparent 70%);
}

/* ---------- Header: frosted and sticky ---------- */
html { scroll-padding-top: 88px; }
html.gloss .site-header, html.paper .site-header { position: sticky; top: 0; z-index: 60; backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); }
html.gloss .site-header { background: rgba(8,20,27,.72); border-bottom: 1px solid rgba(237,243,234,.08); }
html.paper .site-header { background: rgba(250,249,245,.78); border-bottom: 1px solid rgba(23,32,36,.07); }
html.gloss .hdr-search input { background-color: rgba(255,255,255,.05); border-color: rgba(237,243,234,.14); border-radius: 30px; }
html.paper .hdr-search input { border-radius: 30px; }
html.gloss .site-header .hdr-signup, html.paper .site-header .hdr-signup { background: var(--btn); color: var(--btn-ink); box-shadow: var(--btn-shadow); border: 0; }
html.gloss .site-header .hdr-signup { background: linear-gradient(180deg, #e6ff9c, #c9ee62); color: #11212a; }
@media (max-width: 860px) {
  html.gloss .hdr-menu.open, html.paper .hdr-menu.open { padding-bottom: 12px; }
}

/* ---------- Buttons: glossy ---------- */
html.gloss .btn, html.paper .btn { border-radius: 12px; box-shadow: var(--btn-shadow); }
html.gloss .btn:not(.ghost) { background-image: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 60%); }
html.paper .btn:not(.ghost) { background-image: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 60%); }
html.gloss .btn.ghost, html.paper .btn.ghost { box-shadow: none; }
html.gloss .chip, html.paper .chip, html.gloss .xtry a, html.paper .xtry a { border-radius: 30px; }

/* ---------- Cards and panels: frosted (Dark) or white gloss (Light) ---------- */
html.gloss .panel, html.paper .panel,
html.gloss .numbers, html.paper .numbers,
html.gloss .scard, html.paper .scard,
html.gloss .state, html.paper .state,
html.gloss .tcard, html.paper .tcard,
html.gloss .tcd, html.paper .tcd:not(.lead),
html.gloss .fedcard, html.paper .fedcard,
html.gloss .file-card:not(.feature):not(.t-peach):not(.t-sage):not(.t-lilac), html.paper .file-card:not(.feature):not(.t-peach):not(.t-sage):not(.t-lilac) {
  background: var(--glass); border-color: var(--glass-line); box-shadow: var(--glass-shadow); border-radius: 18px;
}
html.gloss .file-card, html.paper .file-card { border-radius: 18px; box-shadow: var(--glass-shadow); }
html.gloss .panel, html.paper .panel { border-radius: 20px; }
html.gloss a.tcard:hover, html.paper a.tcard:hover, html.gloss a.tcd:hover, html.paper a.tcd:hover,
html.gloss a.scard:hover, html.paper a.scard:hover, html.gloss a.file-card:hover, html.paper a.file-card:hover,
html.gloss a.fedcard:hover, html.paper a.fedcard:hover { box-shadow: var(--glass-lift); transform: translateY(-3px); }
html.gloss a.tcard:hover, html.gloss a.tcd:hover, html.gloss a.scard:hover, html.gloss a.fedcard:hover { border-color: rgba(217,250,128,.4); }
html.gloss dialog, html.paper dialog { border-radius: 22px; box-shadow: 0 40px 90px rgba(0,0,0,.45); }
html.gloss .note, html.gloss .caveat, html.paper .note, html.paper .caveat { border-radius: 14px; }
html.gloss .xsearch, html.paper .xsearch { border-radius: 16px; box-shadow: var(--glass-shadow); }
html.gloss .xsearch { background: rgba(8,20,27,.6); border-color: rgba(237,243,234,.14); }
html.gloss .xsearch button { background: linear-gradient(180deg, #e6ff9c, #c9ee62); color: #11212a; }
html.paper .xsearch button { background: linear-gradient(180deg, #2a363b, #172024); }

/* ---------- Homepage hero ---------- */
html.gloss .home-hx, html.paper .home-hx { background: transparent; }
html.gloss .home-hx .hx-bg, html.paper .home-hx .hx-bg { display: none; }
html.gloss #e26-days { background: linear-gradient(92deg, #d9fa80 10%, #64d4c1 95%); -webkit-background-clip: text; background-clip: text; color: transparent; }
html.paper #e26-days { color: #c4432c; }
html.gloss .home-hx .blook-row, html.paper .home-hx .blook-row { padding: 8px; border-radius: 18px; gap: 8px; }
html.gloss .home-hx .blook-row { background: rgba(23,44,54,.55); border: 1px solid rgba(237,243,234,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.35); backdrop-filter: blur(12px); }
html.paper .home-hx .blook-row { background: #fff; border: 1px solid rgba(23,32,36,.08); box-shadow: inset 0 1px 0 #fff, 0 30px 60px -30px rgba(23,32,36,.4); }
html.gloss .home-hx .blook-row input, html.paper .home-hx .blook-row input { border-radius: 12px; }
html.gloss .home-hx .blook-row input { background: rgba(8,20,27,.6); border-color: transparent; }
html.gloss .home-hx .blook-row .btn, html.paper .home-hx .blook-row .btn { border-radius: 12px; }
html.gloss .home-hx .blook-row .btn { background: linear-gradient(180deg, #e6ff9c, #c9ee62); color: #11212a; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 8px 22px rgba(217,250,128,.22); }
html.paper .home-hx .blook-row .btn { background: linear-gradient(180deg, #d9573c, #b83a24); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 14px 30px -12px rgba(184,58,36,.6); }
html.gloss .hdate-card, html.paper .hdate-card { border-radius: 22px; }
html.gloss .hdate-card { background: linear-gradient(180deg, rgba(31,58,70,.82), rgba(16,31,40,.88)); border: 1px solid rgba(237,243,234,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 40px 80px rgba(0,0,0,.45); backdrop-filter: blur(20px); }
html.paper .hdate-card { background: #fff; border: 1px solid rgba(23,32,36,.08); box-shadow: inset 0 1px 0 #fff, 0 50px 90px -40px rgba(23,32,36,.4), 14px 14px 0 -2px rgba(229,237,252,.9); }

/* ---------- Jump bar and live ticker ---------- */
html.gloss .trk-jump, html.paper .trk-jump { background: transparent; border: 0; }
html.gloss .trk-jump .wrap, html.paper .trk-jump .wrap { padding: 10px 14px; border-radius: 18px; }
html.gloss .trk-jump .wrap { background: rgba(23,44,54,.55); border: 1px solid rgba(237,243,234,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter: blur(12px); }
html.paper .trk-jump .wrap { background: rgba(255,255,255,.88); border: 1px solid rgba(23,32,36,.07); box-shadow: inset 0 1px 0 #fff, 0 18px 40px -30px rgba(23,32,36,.4); }
@media (min-width: 1290px) { html.gloss .trk-jump .wrap, html.paper .trk-jump .wrap { max-width: 1240px; } }
@media (max-width: 1289px) { html.gloss .trk-jump, html.paper .trk-jump { padding: 0 16px; } }
html.gloss .tj-a { background: rgba(255,255,255,.04); border-color: rgba(237,243,234,.14); }
html.paper .tj-a { background: #fff; box-shadow: 0 8px 18px -14px rgba(23,32,36,.5); }

/* ---------- Section rhythm: each big homepage block sits in its own rounded panel ---------- */
html.gloss .home-states, html.paper .home-states, html.gloss .spot, html.paper .spot { background: transparent; border: 0; }
html.gloss .spot > .wrap, html.paper .spot > .wrap { border-radius: 26px; padding-top: 34px; padding-bottom: 34px; }
html.gloss .spot > .wrap { background: linear-gradient(180deg, rgba(31,58,70,.55), rgba(16,31,40,.55)); border: 1px solid rgba(237,243,234,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 40px 80px rgba(0,0,0,.3); }
html.paper .spot > .wrap { background: #fff; border: 1px solid rgba(23,32,36,.07); box-shadow: inset 0 1px 0 #fff, 0 50px 90px -50px rgba(23,32,36,.45); }
@media (max-width: 1289px) { html.gloss .spot, html.paper .spot { padding-left: 12px; padding-right: 12px; } }
html.gloss .nat .cv-wrap, html.gloss .nat > div:first-child { border-radius: 22px; }

/* ---------- Trackers: rounded panels; Light gets white panels ---------- */
html.gloss .trk, html.paper .trk { background: transparent; border: 0; padding: 22px 0; overflow: visible; }
html.gloss .trk > .wrap, html.paper .trk > .wrap { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 34px 32px; }
@media (max-width: 1289px) { html.gloss .trk, html.paper .trk { padding-left: 12px; padding-right: 12px; } }
@media (max-width: 600px) { html.gloss .trk > .wrap, html.paper .trk > .wrap { padding: 22px 16px; border-radius: 20px; } }
html.gloss .trk-alpr > .wrap { background: radial-gradient(700px 500px at 20% 60%, rgba(255,138,112,.10), transparent 60%), linear-gradient(180deg, #15233a, #101b2c); border: 1px solid rgba(237,243,234,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 40px 80px rgba(0,0,0,.35); }
html.gloss .trk-dc > .wrap { background: radial-gradient(700px 500px at 25% 60%, rgba(217,250,128,.09), transparent 60%), linear-gradient(180deg, #13302c, #0d211e); border: 1px solid rgba(237,243,234,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 40px 80px rgba(0,0,0,.35); }
html.gloss .trk-side { background: rgba(23,44,54,.5); border-color: rgba(237,243,234,.12); border-radius: 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter: blur(14px); }

html.paper .trk { color: #172024; }
html.paper .trk-alpr > .wrap { background: radial-gradient(700px 500px at 20% 60%, #fbe6e0, transparent 65%), #fff; border: 1px solid rgba(23,32,36,.07); box-shadow: inset 0 1px 0 #fff, 0 50px 90px -50px rgba(23,32,36,.45); }
html.paper .trk-dc > .wrap { background: radial-gradient(700px 500px at 25% 60%, #e5eedb, transparent 65%), #fff; border: 1px solid rgba(23,32,36,.07); box-shadow: inset 0 1px 0 #fff, 0 50px 90px -50px rgba(23,32,36,.45); }
html.paper .trk h2 { color: #172024; }
html.paper .trk-dek { color: #4a5355; }
html.paper .trk-alpr .trk-eye { color: #b83a24; }
html.paper .trk-dc .trk-eye { color: #355126; }
html.paper .trk .mm-leg { color: #4a5355 !important; }
html.paper .trk-bg { opacity: .16; }
html.paper .trk-side { background: rgba(255,255,255,.9); border: 1px solid #e6e5df; border-radius: 20px; box-shadow: inset 0 1px 0 #fff, 0 24px 50px -34px rgba(23,32,36,.4); }
html.paper .trk-side h3 { color: #4a5355; }
html.paper .trk-stats { border-bottom-color: #e6e5df; }
html.paper .trk-stats b { color: #172024; }
html.paper .trk-stats span, html.paper .trk-leg { color: #4a5355; }
html.paper .trk-leg b { color: #172024; }
html.paper .trk-row { color: #172024; border-top-color: #ecebe5; }
html.paper .trk-row:hover { background: #f6f5f0; }
html.paper .trk-row em { color: #4a5355; }
html.paper .trk-sbar { background: #efece3; }
html.paper .k-active { background: #e0694f; } html.paper .k-reducing { background: #d9a21b; } html.paper .k-suspended { background: #7f8fe0; }
html.paper .k-ended { background: #8cb83a; } html.paper .k-unconfirmed { background: #c3c6bd; }
html.paper .k-dc { background: #4d8b7c; } html.paper .k-go { background: #5f9e2a; } html.paper .k-pend { background: #e0a52b; } html.paper .k-halt { background: #d9533a; }
html.paper .trk-late time { color: #666c6d; }
html.paper .trk-late b { color: #172024; }
html.paper .trk-late span { color: #4a5355; }
html.paper .trk-link { color: #172024; }
html.paper .trk-alpr .btn { background: linear-gradient(180deg, #d9573c, #b83a24); color: #fff; }
html.paper .trk-dc .btn { background: linear-gradient(180deg, #e3ff95, #c8ef5c); color: #13221a; }
html.paper .trk-alpr .mm-st path { fill: #dcdbd3; stroke: #fff; }
html.paper .trk-alpr .mm-st.mm-on path { fill: #e0694f; }
html.paper .trk-alpr .mm-st:hover path, html.paper .trk-alpr .mm-st:focus-visible path { fill: #285e55; }
html.paper .trk-dc .mm-st path { fill: #e3e6e1; stroke: #fff; }
html.paper .trk-dc .mm-st.mm-on path { fill: #c9dccf; }
html.paper .trk-dc .mm-st:hover path { fill: #a9c9b4; }
html.paper .mm-leg .mm-on-k { background: #e0694f; }
html.paper .mm-leg .mm-off-k { background: #dcdbd3; }
html.paper .trk-dc .mm-go circle, html.paper .trk-dc .mm-leg .mm-go { fill: #5f9e2a; background: #5f9e2a; }
html.paper .trk-dc .mm-pend circle, html.paper .trk-dc .mm-leg .mm-pend { fill: #e0a52b; background: #e0a52b; }
html.paper .trk-dc .mm-halt circle, html.paper .trk-dc .mm-leg .mm-halt { fill: #d9533a; background: #d9533a; }
html.paper .trk-dc .mm-dot circle { stroke: #fff; }

/* ---------- Featured investigation bands ---------- */
html.gloss .band, html.paper .band { border-radius: 24px; }
html.gloss .band { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 40px 80px rgba(0,0,0,.35); border: 1px solid rgba(237,243,234,.12); }
html.paper .band { box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 40px 80px -46px rgba(23,32,36,.55); }
html.gloss .band-stats div, html.paper .band-stats div { border-radius: 14px; }

/* ---------- Issues we track (topic cards) ---------- */
html.gloss .tcd, html.paper .tcd { border-radius: 20px; overflow: hidden; }
html.gloss .tcd.lead { background: linear-gradient(170deg, rgba(217,250,128,.16), rgba(23,44,54,.6)); }
html.paper .tcd:not(.lead) { background: linear-gradient(170deg, #eef4e6, #fff 78%); }
html.paper .tcd:nth-child(2) { background: linear-gradient(170deg, #fbe9e3, #fff 78%); }
html.paper .tcd:nth-child(3) { background: linear-gradient(170deg, #e8effc, #fff 78%); }
html.paper .tcd:nth-child(4) { background: linear-gradient(170deg, #f0ecf8, #fff 78%); }

/* ---------- Our investigations: a bento grid of glossy cards (replaces the Oct. 20 square grid) ---------- */
.topics.inv-grid.bento, .topics.inv-grid.bento:has(> .tcard:nth-child(9)) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.topics.inv-grid.bento > .tcard { display: flex; aspect-ratio: auto; min-height: 250px; padding: 14px; gap: 12px; border-radius: 20px; }
.topics.inv-grid.bento > .tcard .ph { flex: 0 0 auto; aspect-ratio: 16 / 9; border-radius: 12px; }
.topics.inv-grid.bento > .tcard .tb { padding: 0 4px 2px; padding-right: 26px; }
.topics.inv-grid.bento .tcard .tk { font-size: 10.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #c8432c; }
html.gloss .topics.inv-grid.bento .tcard .tk { color: #ff9a84; }
.topics.inv-grid.bento > .tcard .tt { font-size: 17px; }
.topics.inv-grid.bento > .tcard .td { -webkit-line-clamp: 3; }
.topics.inv-grid.bento > .tcard.big { grid-column: span 2; grid-row: span 2; padding: 18px; }
.topics.inv-grid.bento > .tcard.big .ph { flex: 1 1 auto; aspect-ratio: auto; min-height: 240px; }
.topics.inv-grid.bento > .tcard.big .tt { font-family: "Source Serif 4", Georgia, serif; font-size: 36px; letter-spacing: -0.02em; line-height: 1.05; }
.topics.inv-grid.bento > .tcard.big .td { font-size: 15px; -webkit-line-clamp: 4; }
.topics.inv-grid.bento > .tcard.wide { grid-column: span 2; flex-direction: row; align-items: stretch; }
.topics.inv-grid.bento > .tcard.wide .ph { flex: 0 0 44%; aspect-ratio: auto; }
.topics.inv-grid.bento > .tcard.wide .tb { flex: 1 1 auto; justify-content: center; }
.topics.inv-grid.bento > .tcard.wide .tt { font-family: "Source Serif 4", Georgia, serif; font-size: 26px; letter-spacing: -0.01em; line-height: 1.1; }
.topics.inv-grid.bento > .tcard.wide .td { font-size: 14px; -webkit-line-clamp: 4; }
html.gloss .topics.inv-grid.bento > .tcard.big { background: radial-gradient(500px 300px at 90% 100%, rgba(217,250,128,.2), transparent 70%), linear-gradient(160deg, #1d3a46, #12262f); }
html.paper .topics.inv-grid.bento > .tcard.big { background: radial-gradient(500px 300px at 90% 100%, rgba(217,250,128,.3), transparent 70%), linear-gradient(140deg, #172024, #1f3a46); color: #edf3ea; border-color: transparent; }
html.paper .topics.inv-grid.bento > .tcard.big .td { color: #c9d3cf; }
html.paper .topics.inv-grid.bento > .tcard.big .tk { color: #ff9a84; }
html.paper .topics.inv-grid.bento > .tcard:not(.big) { background: linear-gradient(165deg, #fbe9e3, #fff 78%); color: #172024; border-color: rgba(23,32,36,.075); }
html.paper .topics.inv-grid.bento > .tcard:not(.big) .tt { color: #172024; }
html.paper .topics.inv-grid.bento > .tcard:not(.big) .td { color: #4a5355; }
html.paper .topics.inv-grid.bento > .tcard:not(.big) .ta { color: #285e55; }
html.paper .topics.inv-grid.bento > .tcard.big .tt, html.paper .topics.inv-grid.bento > .tcard.big .ta { color: #fff; }
html.paper .topics.inv-grid.bento > .tcard:nth-child(4n+2):not(.big) { background: linear-gradient(165deg, #e8effc, #fff 78%); }
html.paper .topics.inv-grid.bento > .tcard:nth-child(4n+3):not(.big) { background: linear-gradient(165deg, #f0ecf8, #fff 78%); }
html.paper .topics.inv-grid.bento > .tcard:nth-child(4n):not(.big) { background: linear-gradient(165deg, #eef4e6, #fff 78%); }
@media (max-width: 1080px) {
  .topics.inv-grid.bento, .topics.inv-grid.bento:has(> .tcard:nth-child(9)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .topics.inv-grid.bento > .tcard:nth-child(n) { display: flex; }
  .topics.inv-grid.bento > .tcard.wide { flex-direction: column; }
  .topics.inv-grid.bento > .tcard.wide .ph { flex: 0 0 auto; aspect-ratio: 16 / 9; }
}
@media (max-width: 600px) {
  .topics.inv-grid.bento, .topics.inv-grid.bento:has(> .tcard:nth-child(9)) { grid-template-columns: 1fr; gap: 10px; }
  .topics.inv-grid.bento > .tcard { min-height: 0; flex-direction: row; align-items: center; padding: 10px; border-radius: 16px; }
  .topics.inv-grid.bento > .tcard.big, .topics.inv-grid.bento > .tcard.wide { grid-column: auto; grid-row: auto; }
  .topics.inv-grid.bento > .tcard:not(.big) .ph, .topics.inv-grid.bento > .tcard.wide .ph { flex: 0 0 96px; height: 96px; aspect-ratio: auto; border-radius: 10px; }
  .topics.inv-grid.bento > .tcard .tb { padding-right: 0; }
  .topics.inv-grid.bento > .tcard .tt, .topics.inv-grid.bento > .tcard.wide .tt { font-family: inherit; font-size: 15px; display: block; -webkit-line-clamp: unset; }
  .topics.inv-grid.bento > .tcard .td { display: -webkit-box; font-size: 12.5px; -webkit-line-clamp: 2; }
  .topics.inv-grid.bento > .tcard .ta { display: none; }
  .topics.inv-grid.bento > .tcard.big { flex-direction: column; align-items: stretch; padding: 14px; }
  .topics.inv-grid.bento > .tcard.big .ph { min-height: 150px; }
  .topics.inv-grid.bento > .tcard.big .tt { font-family: "Source Serif 4", Georgia, serif; font-size: 28px; }
}

/* ---------- Compact signup band (page tools: alerts + share) ---------- */
html.gloss .ptools, html.paper .ptools { background: transparent; border-top: 0; padding: 10px 0 28px; }
html.gloss .ptools-watch, html.paper .ptools-watch { position: relative; overflow: hidden; isolation: isolate; flex: 1 1 520px; align-content: center; max-width: none; padding: 22px 24px; border-radius: 22px; }
html.gloss .ptools-watch { background: linear-gradient(120deg, #1a3440, #102530); border: 1px solid rgba(217,250,128,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
html.paper .ptools-watch { background: linear-gradient(120deg, #172024, #1f3a46); color: #edf3ea; box-shadow: 0 40px 80px -40px rgba(23,32,36,.6); }
html.gloss .ptools-watch::before, html.paper .ptools-watch::before { content: ""; position: absolute; right: -100px; top: -140px; width: 360px; height: 360px; border-radius: 50%; z-index: -1; background: radial-gradient(circle, rgba(217,250,128,.28), transparent 65%); }
html.gloss .ptools-watch .btn, html.paper .ptools-watch .btn { background: linear-gradient(180deg, #e6ff9c, #c9ee62); color: #11212a; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 8px 22px rgba(217,250,128,.22); }
html.paper .ptools-watch .muted, html.paper .ptools-watch .small { color: #c9d3cf; }
html.paper .ptools-watch a { color: #d9fa80; }
html.paper .ptools-watch input { background: rgba(8,20,27,.5); border-color: #49606a; color: #edf3ea; }
html.gloss .ptools-watch input { background: rgba(8,20,27,.6); }
html.gloss .ptools-watch input, html.paper .ptools-watch input { border-radius: 12px; }
html.gloss .ptools-share, html.paper .ptools-share { align-self: center; }

/* ---------- Footer ---------- */
html.gloss .site-footer { background: rgba(5,13,18,.6); border-top-color: rgba(237,243,234,.08); }
html.paper .site-footer { background: rgba(255,255,255,.6); }
html.gloss .theme-toggle, html.paper .theme-toggle { border-radius: 30px; }

/* ---------- Phones: keep the wordmark, Sign in, Preview and the menu button on one row ---------- */
@media (max-width: 480px) {
  html.gloss .site-header .wrap, html.paper .site-header .wrap { gap: 10px 10px; min-height: 64px; padding-left: 14px; padding-right: 14px; }
  html.gloss .wordmark .wm, html.paper .wordmark .wm { font-size: 22px; }
  html.gloss .wordmark .wm-tag, html.paper .wordmark .wm-tag { font-size: 7.5px; letter-spacing: 1.2px; }
  html.gloss .hdr-auth a, html.paper .hdr-auth a { padding: 0 10px; min-height: 40px; border-radius: 10px; }
  html.gloss .nav-btn, html.paper .nav-btn { width: 44px; height: 44px; border-radius: 12px; }
  html.gloss .hdr-menu.open .nav a, html.paper .hdr-menu.open .nav a { min-height: 48px; display: flex; align-items: center; }
}
@media (max-width: 860px) {
  html.gloss .ptools-watch, html.paper .ptools-watch { flex: 0 0 auto; width: 100%; }
}