:root {
  color-scheme: light dark;
  --ink: #13110C;
  --muted: #3D3D3D;
  --dim: #5F5F5F;
  --ground: #FFFFFF;
  --surface: #F0F0F0;
  --line: #E0E0E0;
  --violet: #1A4FBF;
  --cyan: #2563EB;
  --lime: #2563EB;
  --serif: "Roboto", sans-serif;
  --sans: "Roboto", sans-serif;
}

* { box-sizing: border-box; }

html { background: var(--ground); }

body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 14% 4%, rgba(167, 139, 250, 0.11), transparent 25rem),
    radial-gradient(circle at 90% 22%, rgba(85, 220, 232, 0.08), transparent 22rem),
    var(--ground);
  font-family: var(--sans);
  line-height: 1.5;
}

body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: 0.27;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 30px 30px;
  content: "";
}

.page-glow { position: fixed; z-index: -1; width: 28rem; height: 28rem; border-radius: 50%; filter: blur(100px); opacity: .12; pointer-events: none; }
.page-glow--violet { top: 26rem; left: -18rem; background: var(--violet); }
.page-glow--cyan { right: -16rem; bottom: 8rem; background: var(--cyan); }

.digest-shell { width: min(100% - 2.5rem, 1080px); margin: 0 auto; padding: 1.6rem 0 2.5rem; }

.masthead { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: .6rem; color: var(--ink); font-size: 1.12rem; font-weight: 700; letter-spacing: -.04em; text-decoration: none; }
.brand-mark { display: flex; align-items: end; gap: 2px; height: 18px; }
.brand-mark i { display: block; width: 4px; border-radius: 2px; background: var(--lime); }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 15px; }.brand-mark i:nth-child(3) { height: 11px; }
.eyebrow { margin: 0; font-size: .67rem; font-weight: 700; letter-spacing: .04em; color: var(--muted); }

.hero { display: grid; gap: 2.4rem; padding: 4.8rem 0 3.3rem; }
.date-line { display: inline-flex; align-items: center; min-height: 2rem; margin: 0; padding: .3rem .65rem; border: 1px solid rgba(85, 220, 232, .4); border-radius: 999px; color: var(--cyan); background: rgba(85, 220, 232, .08); box-shadow: inset 0 0 1.2rem rgba(85, 220, 232, .06); font-size: .72rem; font-weight: 700; letter-spacing: .08em; line-height: 1; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 10ch; margin: .9rem 0 0; font-family: var(--serif); font-size: clamp(3.15rem, 13vw, 7.6rem); font-weight: 400; letter-spacing: -.065em; line-height: .88; }
h1 em { color: var(--violet); font-weight: inherit; }

.listen-panel { display: grid; gap: 1.3rem; padding: 1.4rem; border: 1px solid rgba(167, 139, 250, .36); border-radius: 4px; background: linear-gradient(115deg, rgba(167,139,250,.13), rgba(29,31,42,.88) 50%); box-shadow: 0 1.2rem 4rem rgba(0,0,0,.17); }
.listen-panel__signal { display: flex; align-items: center; gap: 4px; height: 38px; }.listen-panel__signal span { width: 4px; border-radius: 5px; background: var(--lime); }.listen-panel__signal span:nth-child(1), .listen-panel__signal span:nth-child(7) { height: 11px; }.listen-panel__signal span:nth-child(2), .listen-panel__signal span:nth-child(6) { height: 23px; }.listen-panel__signal span:nth-child(3), .listen-panel__signal span:nth-child(5) { height: 16px; }.listen-panel__signal span:nth-child(4) { height: 37px; }
.listen-panel h2, .section-heading h2 { margin: 0 0 .35rem; font-family: var(--serif); font-size: clamp(1.8rem, 6vw, 2.6rem); font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.listen-panel__copy p:last-child { margin: 0; color: var(--muted); font-size: .9rem; }.audio-wrap { min-width: 0; }.audio-wrap audio { width: 100%; height: 42px; accent-color: var(--violet); }

.news-section { padding-top: 5rem; }.section-heading { margin-bottom: 1.25rem; }
.news-list { border-top: 1px solid var(--line); }.news-item { display: grid; grid-template-columns: 2.3rem 1fr; gap: .6rem; padding: 1.65rem 0 1.8rem; border-bottom: 1px solid var(--line); transition: padding .22s ease, background .22s ease; }.news-item.news-item--featured { position: relative; margin: .8rem 0; padding: 1.65rem .75rem 1.8rem; border: 1px solid rgba(85, 220, 232, .46); border-radius: 6px; background: linear-gradient(115deg, rgba(85, 220, 232, .1), rgba(167, 139, 250, .1) 58%, rgba(29, 31, 42, .74)); box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .2), inset 0 0 2.5rem rgba(85, 220, 232, .035); }.news-item__number { padding-top: .26rem; color: var(--violet); font-size: .63rem; font-weight: 700; letter-spacing: .1em; }.news-item--featured .news-item__number { color: var(--lime); }.news-item__media { aspect-ratio: 16 / 9; margin-bottom: 1.1rem; overflow: hidden; border: 1px solid rgba(85, 220, 232, .17); border-radius: 4px; background: var(--surface); box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .16); }.news-item__media img { display: block; width: 100%; height: 100%; object-fit: cover; }.news-item h3 { max-width: 28ch; margin-bottom: .7rem; font-family: var(--serif); font-size: clamp(1.55rem, 5.2vw, 2.25rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.03; }.news-item--featured h3 { color: #fffdfa; }.news-item__impact { max-width: 48ch; margin: 0 0 1rem; padding: .62rem .75rem .66rem; border-left: 2px solid var(--lime); background: rgba(215, 245, 107, .07); }.impact-label { display: block; color: var(--lime); font-size: .63rem; font-weight: 700; letter-spacing: .09em; line-height: 1.1; text-transform: uppercase; }.news-item__impact p { margin: .25rem 0 0; color: var(--ink); font-family: var(--serif); font-size: .94rem; font-style: italic; line-height: 1.4; }.news-item p { max-width: 65ch; margin-bottom: 1rem; color: var(--muted); font-size: .95rem; line-height: 1.67; }.source-row { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .65rem; }.source-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--lime); font-size: .74rem; font-weight: 700; letter-spacing: .035em; text-decoration: none; }.source-link svg { width: 1rem; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .2s ease; }.source-meta { display: inline-flex; align-items: center; gap: .35rem; min-width: 0; }.source-favicon { width: 1rem; height: 1rem; border-radius: 3px; object-fit: cover; }.source-domain { color: var(--dim); font-size: .7rem; line-height: 1; white-space: nowrap; }

.digest-nav { display: flex; margin-top: 3.5rem; }.digest-nav__prev { display: inline-flex; align-items: center; min-height: 2.7rem; padding: .55rem .85rem; border: 1px solid rgba(85, 220, 232, .32); border-radius: 4px; color: var(--cyan); background: rgba(85, 220, 232, .055); box-shadow: inset 0 0 1.4rem rgba(85, 220, 232, .035); font-size: .76rem; font-weight: 700; letter-spacing: .015em; text-decoration: none; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }.digest-nav__prev:hover { border-color: var(--cyan); color: var(--ink); background: rgba(85, 220, 232, .13); transform: translateX(-3px); }.digest-nav + .footer { margin-top: 2rem; }.footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 4.2rem; padding-top: 1.4rem; border-top: 1px solid var(--line); color: var(--dim); font-size: .7rem; }.footer p { margin: 0; }.footer-mark { flex: 0 0 .45rem; width: .45rem; height: .45rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 .23rem rgba(85,220,232,.14); }.footer__signature { display: inline-flex; align-items: center; gap: .65rem; min-width: 0; }.footer__signature p { max-width: 55ch; }.footer__links { display: flex; flex-wrap: wrap; gap: .4rem .9rem; }.footer__links a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--cyan); font-size: .76rem; font-weight: 600; text-decoration: none; text-underline-offset: .2em; transition: color .18s ease, text-decoration-color .18s ease; }.footer__links a:hover { color: var(--violet); text-decoration: underline; }

a:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; border-radius: 2px; }

@media (max-width: 699px) {
  .footer__links { width: 100%; }
}

@media (min-width: 700px) {
  .digest-shell { width: min(100% - 5rem, 1080px); padding-top: 2.2rem; }.hero { grid-template-columns: 1fr auto; align-items: end; padding: 7rem 0 4.7rem; }.listen-panel { grid-template-columns: 76px minmax(0, 1fr); align-items: center; padding: 1.8rem 2rem; }.listen-panel__signal { justify-content: center; }.audio-wrap { grid-column: 2; }.news-item { grid-template-columns: 5.6rem minmax(0, 1fr); padding: 2.25rem .8rem 2.35rem 0; }.news-item.news-item--featured { padding: 2.25rem 1.55rem 2.35rem .75rem; }.news-item__body:has(.news-item__media) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 230px); column-gap: 2rem; }.news-item__body:has(.news-item__media) .news-item__media { grid-column: 2; grid-row: 1 / span 4; margin: 0; }.news-item__body:has(.news-item__media) h3, .news-item__body:has(.news-item__media) .news-item__impact, .news-item__body:has(.news-item__media) p, .news-item__body:has(.news-item__media) .source-row { grid-column: 1; }.news-item:hover { padding-left: .9rem; background: linear-gradient(90deg, rgba(167,139,250,.09), transparent 74%); }.news-item.news-item--featured:hover { padding-left: 1.65rem; background: linear-gradient(115deg, rgba(85, 220, 232, .14), rgba(167, 139, 250, .13) 58%, rgba(29, 31, 42, .8)); }.news-item:hover .source-link svg { transform: translate(3px, -3px); }
}

@media (min-width: 980px) {
  .listen-panel { grid-template-columns: 82px minmax(270px, .8fr) minmax(390px, 1.2fr); }.audio-wrap { grid-column: auto; }.news-item { grid-template-columns: 9.5rem minmax(0, 1fr); }.news-item__number { padding-top: .45rem; }.footer { margin-top: 5.5rem; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* subscribe form */
.subscribe-panel { display: grid; gap: 1.2rem; margin-top: 1.4rem; padding: 1.2rem; border: 1px solid rgba(85,220,232,.28); border-radius: 4px; background: linear-gradient(115deg, rgba(85,220,232,.07), rgba(29,31,42,.82) 55%); }
.subscribe-panel h2 { max-width: 22ch; margin: 0 0 .45rem; font-family: var(--serif); font-size: clamp(1.55rem, 5vw, 2.1rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.06; }
.subscribe-panel__copy p { margin: 0; color: var(--muted); font-size: .86rem; }
.subscribe-form { display: grid; gap: .75rem; min-width: 0; }
.subscribe-form__field { display: grid; gap: .38rem; min-width: 0; }
.subscribe-form label { color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .025em; }
.subscribe-form input[type="email"] { width: 100%; min-width: 0; min-height: 2.9rem; padding: .65rem .8rem; border: 1px solid var(--muted); border-radius: 3px; color: var(--ink); background: rgba(17,19,26,.72); font: inherit; font-size: 1rem; }
.subscribe-form button { width: 100%; min-height: 2.9rem; padding: .7rem 1rem; border: 0; border-radius: 3px; color: var(--ground); background: var(--lime); font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; transition: background .18s ease, transform .18s ease, opacity .18s ease; }
.subscribe-form button:hover:not(:disabled) { background: var(--cyan); transform: translateY(-1px); }
.subscribe-form button:disabled { cursor: wait; opacity: .68; }
.subscribe-form input[type="email"]:focus-visible, .subscribe-form button:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.subscribe-status { min-height: 1.4em; margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.4; }
.subscribe-status[data-state="success"] { color: var(--lime); }
.subscribe-noscript { margin: 0; color: var(--muted); font-size: .75rem; }
.subscribe-form__honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 700px) {
  .subscribe-panel { grid-template-columns: minmax(0, 1fr) minmax(19rem, 1fr); align-items: center; gap: 2rem; padding: 1.5rem 1.8rem; }.subscribe-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: .6rem; row-gap: .65rem; }.subscribe-form button { width: auto; white-space: nowrap; }.subscribe-status, .subscribe-form noscript { grid-column: 1 / -1; }
}

/* tema claro/escuro automatico (antes theme.css) */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/roboto-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/roboto-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light dark;
  --ds-primary: #2563EB;
  --ds-primary-hover: #1A4FBF;
  --ds-navy: #001C4D;
  --ds-blue-support: #1E4094;
  --ds-blue-light: #D4E6FF;
  --ds-white: #FFFFFF;
  --ds-input-border: #8A8A8A;
  --ds-rgb-navy: 0, 28, 77;
  --ds-rgb-text: 19, 17, 12;
  --ds-rgb-primary: 37, 99, 235;
  --ds-rgb-blue-light: 212, 230, 255;
  --ds-rgb-white: 255, 255, 255;
  --ds-text: #13110C;
  --ds-text-secondary: #3D3D3D;
  --ds-text-muted: #5F5F5F;
  --ds-success: #27AE60;
  --ds-success-bg: #E8F8F0;
  --ds-success-text: #176B3A;
  --ds-error: #C0392B;
  --ds-error-bg: #FDECEA;
  --ds-focus: #2563EB;
  --ds-link: #2563EB;
  --ink: var(--ds-text);
  --muted: var(--ds-text-secondary);
  --dim: var(--ds-text-muted);
  --ground: #FFFFFF;
  --surface: #F0F0F0;
  --line: #E0E0E0;
  --violet: var(--ds-primary-hover);
  --cyan: var(--ds-primary);
  --lime: var(--ds-primary);
  --serif: "Roboto", "Roboto Fallback", sans-serif;
  --sans: "Roboto", "Roboto Fallback", sans-serif;
}

html, body { background: var(--ground); }
body { background: var(--ground); font-family: var(--sans); }
body::before, .page-glow { display: none; }
.brand-mark i { background: var(--ds-primary); }
.date-line { border-color: var(--ds-blue-light); color: var(--ds-blue-support); background: var(--ds-blue-light); box-shadow: none; }
h1 { max-width: 16ch; font-family: var(--sans); font-size: clamp(3rem, 8vw, 6rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.02; }
h1 em { color: var(--ds-primary); font-style: italic; }
.listen-panel { border-color: var(--ds-blue-support); color: var(--ds-white); background: linear-gradient(115deg, var(--ds-blue-support), var(--ds-navy) 58%); box-shadow: 0 1.2rem 3rem rgba(var(--ds-rgb-navy), .16); }
.listen-panel h2 { color: var(--ds-white); font-family: var(--sans); font-weight: 700; }
.listen-panel .listen-panel__copy p { color: var(--ds-blue-light); }
.listen-panel__signal span { background: var(--ds-blue-light); }
.audio-wrap audio { accent-color: var(--ds-blue-light); }
.subscribe-panel { border-color: var(--line); background: var(--surface); }
.subscribe-panel h2, .section-heading h2 { color: var(--ds-text); font-family: var(--sans); font-weight: 700; }
.subscribe-panel__copy p, .subscribe-form label { color: var(--ds-text-secondary); }
.subscribe-form input[type="email"] { border-color: var(--ds-input-border); color: var(--ds-text); background: var(--ds-white); }
.subscribe-form input[type="email"]::placeholder { color: var(--ds-text-muted); }
.subscribe-form button { color: var(--ds-white); background: var(--ds-primary); }
.subscribe-form button:hover:not(:disabled) { background: var(--ds-primary-hover); }
.subscribe-form input[type="email"]:focus-visible,
.subscribe-form button:focus-visible,
a:focus-visible { outline: 3px solid var(--ds-focus); outline-offset: 3px; }
.news-list { border-color: var(--line); }
.news-item h3 { color: var(--ds-text); font-family: var(--sans); font-size: clamp(1.35rem, 4.6vw, 1.9rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.12; }
.news-item.news-item--featured { border-color: var(--ds-primary); background: linear-gradient(115deg, var(--ds-blue-light), var(--ds-white) 78%); box-shadow: 0 .75rem 2rem rgba(var(--ds-rgb-navy), .08); }
.news-item--featured h3 { color: var(--ds-text); }
.news-item--featured .source-link { color: var(--ds-primary-hover); }
.news-item__number { color: var(--ds-primary-hover); }
.news-item--featured .news-item__number { color: var(--ds-primary-hover); }
.news-item__media { border-color: var(--line); background: var(--surface); box-shadow: 0 .5rem 1.5rem rgba(var(--ds-rgb-text), .08); }
.news-item__impact { border-left-color: var(--ds-primary); background: rgba(var(--ds-rgb-white), .78); }
.impact-label { color: var(--ds-primary-hover); }
.news-item__impact p { color: var(--ds-text); }
.news-item p { color: var(--ds-text-secondary); }
.source-link { color: var(--ds-link); }
.source-link:hover { color: var(--ds-primary-hover); text-decoration: underline; text-underline-offset: .2em; }
.source-domain { color: var(--ds-text-muted); }
.digest-nav__prev { border-color: var(--ds-primary); color: var(--ds-primary-hover); background: var(--ds-blue-light); box-shadow: none; }
.digest-nav__prev:hover { border-color: var(--ds-primary-hover); color: var(--ds-white); background: var(--ds-primary-hover); }
.footer { color: var(--ds-text-secondary); }
.footer-mark { background: var(--ds-primary); box-shadow: 0 0 0 .23rem rgba(var(--ds-rgb-primary), .14); }
.subscribe-status[data-state="success"] { padding: .25rem .5rem; border-left: 2px solid var(--ds-success); color: var(--ds-success-text); background: var(--ds-success-bg); }
.subscribe-status[data-state="error"] { padding: .25rem .5rem; border-left: 2px solid var(--ds-error); color: var(--ds-error); background: var(--ds-error-bg); }
.subscribe-status[data-state="loading"] { color: var(--ds-text-secondary); }
.subscribe-noscript { color: var(--ds-text-secondary); }

@media (min-width: 700px) {
  .news-item:hover { background: linear-gradient(90deg, rgba(var(--ds-rgb-blue-light), .55), transparent 74%); }
  .news-item.news-item--featured:hover { background: linear-gradient(115deg, var(--ds-blue-light), var(--ds-white) 82%); }
}

::selection { color: var(--ds-text); background: var(--ds-blue-light); }

@media (prefers-color-scheme: dark) {
  :root {
    --ds-primary: #2563EB;
    --ds-primary-hover: #1A4FBF;
    --ds-navy: #001C4D;
    --ds-blue-support: #1E4094;
    --ds-blue-light: #D4E6FF;
    --ds-success: #27AE60;
    --ds-success-text: #8FE9AD;
    --ds-rgb-success: 39, 174, 96;
    --ds-error: #C0392B;
    --ds-error-text: #FFB1A8;
    --ds-rgb-error: 192, 57, 43;
    --ds-focus: #D4E6FF;
    --ds-link: #D4E6FF;
    --ds-rgb-primary: 37, 99, 235;
    --ds-rgb-support: 30, 64, 148;
    --ds-rgb-blue-light: 212, 230, 255;
    --ds-rgb-navy: 0, 28, 77;
    --ink: #FFFFFF;
    --muted: #D4E6FF;
    --dim: #B8C9E5;
    --ground: var(--ds-navy);
    --surface: var(--ds-blue-support);
    --line: rgba(212, 230, 255, .24);
    --violet: var(--ds-blue-light);
    --cyan: var(--ds-blue-light);
    --lime: var(--ds-blue-light);
    --serif: Georgia, "Times New Roman", serif;
    --sans: "Trebuchet MS", "Segoe UI", sans-serif;
  }

  html, body { background: var(--ground); }
  body {
    background:
      radial-gradient(circle at 14% 4%, rgba(var(--ds-rgb-support), .48), transparent 25rem),
      radial-gradient(circle at 90% 22%, rgba(var(--ds-rgb-primary), .18), transparent 22rem),
      var(--ground);
    font-family: var(--sans);
  }
  body::before { display: block; opacity: .12; }
  .page-glow { display: block; }
  .page-glow--violet { background: var(--ds-blue-support); }
  .page-glow--cyan { background: var(--ds-primary); }

  .brand-mark i { background: var(--ds-blue-light); }
  .date-line {
    border-color: rgba(var(--ds-rgb-blue-light), .55);
    color: var(--ds-blue-light);
    background: rgba(var(--ds-rgb-primary), .25);
    box-shadow: inset 0 0 1.2rem rgba(var(--ds-rgb-blue-light), .08);
  }
  h1 {
    max-width: 16ch;
    font-family: var(--serif);
    font-size: clamp(3.15rem, 13vw, 7.6rem);
    font-weight: 400;
    letter-spacing: -.065em;
    line-height: .88;
  }
  h1 em { color: var(--ds-blue-light); font-weight: inherit; }

  .listen-panel {
    border-color: rgba(var(--ds-rgb-blue-light), .46);
    background: linear-gradient(115deg, rgba(var(--ds-rgb-support), .78), rgba(var(--ds-rgb-navy), .96) 58%);
  }
  .listen-panel h2,
  .section-heading h2,
  .subscribe-panel h2 {
    color: var(--ink);
    font-family: var(--serif);
    font-weight: 400;
  }
  .listen-panel .listen-panel__copy p { color: var(--muted); }
  .listen-panel__signal span { background: var(--ds-blue-light); }
  .audio-wrap audio { accent-color: var(--ds-blue-light); }

  .subscribe-panel {
    border-color: rgba(var(--ds-rgb-blue-light), .38);
    background: linear-gradient(115deg, rgba(var(--ds-rgb-support), .5), rgba(var(--ds-rgb-navy), .94) 60%);
  }
  .subscribe-panel__copy p,
  .subscribe-form label { color: var(--muted); }
  .subscribe-form input[type="email"] {
    border-color: var(--ds-blue-light);
    color: var(--ink);
    background: rgba(0, 12, 35, .8);
  }
  .subscribe-form input[type="email"]::placeholder { color: var(--dim); }
  .subscribe-form button { color: var(--ds-white); background: var(--ds-primary); }
  .subscribe-form button:hover:not(:disabled) { background: var(--ds-primary-hover); }
  .subscribe-form input[type="email"]:focus-visible,
  .subscribe-form button:focus-visible { outline: 3px solid var(--ds-focus); outline-offset: 3px; }
  .subscribe-status[data-state="success"] { padding: .25rem .5rem; border-left: 2px solid var(--ds-success); color: var(--ds-success-text); background: rgba(var(--ds-rgb-success), .14); }
  .subscribe-status[data-state="error"] { padding: .25rem .5rem; border-left: 2px solid var(--ds-error); color: var(--ds-error-text); background: rgba(var(--ds-rgb-error), .16); }
  .subscribe-status[data-state="loading"] { color: var(--muted); }
  .subscribe-noscript { color: var(--muted); }

  .news-item h3 {
    color: var(--ink);
    font-family: var(--serif);
    font-size: clamp(1.55rem, 5.2vw, 2.25rem);
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 1.03;
  }
  .news-item.news-item--featured {
    border-color: var(--ds-blue-light);
    background: linear-gradient(115deg, rgba(var(--ds-rgb-support), .8), rgba(var(--ds-rgb-primary), .22) 58%, var(--ds-navy));
    box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, .22), inset 0 0 2.5rem rgba(var(--ds-rgb-blue-light), .06);
  }
  .news-item--featured h3 { color: var(--ds-white); }
  .news-item__number { color: var(--ds-blue-light); }
  .news-item--featured .news-item__number { color: var(--ds-white); }
  .news-item__media {
    border-color: rgba(var(--ds-rgb-blue-light), .28);
    background: var(--surface);
    box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .16);
  }
  .news-item__impact { border-left-color: var(--ds-blue-light); background: rgba(var(--ds-rgb-blue-light), .1); }
  .impact-label { color: var(--ds-blue-light); }
  .news-item__impact p { color: var(--ink); }
  .news-item p { color: var(--muted); }
  .source-link,
  .news-item--featured .source-link { color: var(--ds-link); }
  .source-link:hover,
  .news-item--featured .source-link:hover { color: var(--ds-white); text-decoration: underline; text-underline-offset: .2em; }
  .source-domain { color: var(--dim); }

  .digest-nav__prev { border-color: rgba(var(--ds-rgb-blue-light), .45); color: var(--ds-blue-light); background: rgba(var(--ds-rgb-primary), .16); }
  .digest-nav__prev:hover { border-color: var(--ds-blue-light); color: var(--ds-white); background: rgba(var(--ds-rgb-primary), .32); }
  .footer { color: var(--dim); }
  .footer-mark { background: var(--ds-blue-light); box-shadow: 0 0 0 .23rem rgba(var(--ds-rgb-blue-light), .16); }
  a:focus-visible { outline: 3px solid var(--ds-focus); outline-offset: 4px; }
  .news-item--featured a:focus-visible { outline-color: var(--ds-blue-light); }
  ::selection { color: var(--ds-navy); background: var(--ds-blue-light); }

  @media (min-width: 700px) {
    .news-item:hover { background: linear-gradient(90deg, rgba(var(--ds-rgb-support), .35), transparent 74%); }
    .news-item.news-item--featured:hover { background: linear-gradient(115deg, rgba(var(--ds-rgb-support), .9), rgba(var(--ds-rgb-primary), .3) 58%, var(--ds-navy)); }
  }
}
