/* Shared hierarchy for the homepage's editorial and coverage sections. */
#daily-editorial-picks, #latest-coverage, #editorial-picks {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
#daily-editorial-picks > h2, #latest-coverage h2, #editorial-picks > h2 {
  font-size: clamp(18px, 1.5vw, 21px) !important;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.025em;
  color: #334155;
  margin: 0 0 16px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
}
#daily-editorial-picks, #latest-coverage, #editorial-picks {
  margin-top: 32px !important;
}
.editorial-card {
  font-size: 14px;
  line-height: 1.75;
  color: #475569;
}
.editorial-card h3 {
  margin: 10px 0 8px;
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.editorial-card h3 a { color: #0f172a; text-decoration: none; }
.editorial-card a { color: #475569; text-underline-offset: 3px; }
.editorial-card a:hover { color: #1d4ed8; text-decoration: underline; }
.editorial-card p { margin: 12px 0; }
.editorial-card strong { font-size: 13px; font-weight: 600; color: #334155; }
.editorial-card time { font-size: 12px; color: #64748b; font-variant-numeric: tabular-nums; }
#daily-editorial-picks > p { font-size: 13px; }
#daily-editorial-picks > p a { color: #475569; text-underline-offset: 3px; }
.live-cards h3 { font-size: 15px !important; font-weight: 600; line-height: 1.5 !important; letter-spacing: -0.01em; }

/* Restrained color accents separate mission, editorial and coverage. */
.page-title { color: #1e40af !important; }
#daily-editorial-picks > h2, #editorial-picks > h2 { color: #0f766e; border-bottom-color: #cce8e3; }
#latest-coverage h2 { color: #4338ca; border-bottom-color: #ddd9fa; }
.editorial-card h3 a { color: #155e75; }
.editorial-card.with-portrait { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 24px; align-items: start; }
.author-portrait { margin: 0; }
.author-portrait img { display: block; width: 100%; height: auto; border-radius: 10px; }
.author-portrait figcaption { margin-top: 7px; font-size: 10px; line-height: 1.5; color: #64748b; }
.author-portrait figcaption a { color: inherit; }
.editorial-copy { min-width: 0; }
.pick-summary summary { cursor: pointer; color: #0f766e; font-size: 13px; font-weight: 600; }
.pick-summary { margin: 12px 0; }
@media (max-width: 600px) {
  .editorial-card.with-portrait { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .author-portrait { width: 110px; }
}

.pick-engagement { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #dce7ef; }
.pick-engagement .share-label { font-size: 12px; color: #64748b; margin-right: 2px; }
.pick-engagement a, .pick-engagement button { font: inherit; font-size: 12px; line-height: 1.4; padding: 6px 10px; border: 1px solid #cbd5e1; border-radius: 20px; background: white; color: #155e75; text-decoration: none; cursor: pointer; }
.pick-engagement a:hover, .pick-engagement button:hover { background: #ecfdf5; border-color: #0f766e; }
.pick-engagement button:disabled { opacity: .6; cursor: wait; }
.engagement-status { flex-basis: 100%; font-size: 12px; color: #475569; }
.engagement-status:empty { display: none; }
.share-copy-fallback { width: 100%; min-width: 0; font-size: 12px; padding: 8px; }

.pick-engagement [data-like][aria-pressed='true'] { background: #fdf2f8; color: #be185d; border-color: #f9a8d4; }
.pick-engagement .local-like-note { color: #64748b; font-size: 11px; margin-right: 8px; }

.editorial-video { margin: 16px 0; overflow: hidden; border-radius: 10px; background: #0f172a; }
.editorial-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; border: 0; }

.pick-engagement [data-wechat] {color:#15803d;border-color:#86efac}
.wechat-share {box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #dce7ef;border-radius:16px;background:#fff;color:#334155;text-align:center;box-shadow:0 20px 70px #0f172a33}
.wechat-share::backdrop {background:#0f172a88}
.wechat-share h3 {clear:both;font-size:20px;color:#15803d;margin:18px 0 10px}
.wechat-share p {font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.wechat-share .wechat-title {font-weight:600}
.wechat-share .wechat-qr {display:block;width:246px;max-width:100%;height:auto;margin:12px auto;image-rendering:pixelated}
.wechat-share [data-wechat-close] {float:right}
.wechat-share .wechat-copy-fallback {box-sizing:border-box;width:100%;height:90px;margin-top:12px;padding:8px}
.wechat-share .wechat-status:empty {display:none}
.wechat-share [hidden] {display:none}

/* Daily magazine: topic colors, readable covers and restrained motion. */
.digest-section {margin:32px 0;--accent:#2563eb}
#watch-listen {--accent:#7c3aed;padding:24px;border-radius:20px;background:linear-gradient(125deg,#f5f3ff,#eef2ff 55%,#e0f2fe);border:1px solid #ddd6fe}
#research-brief {--accent:#0f766e}
.digest-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.digest-heading h2 {font-size:clamp(23px,3vw,30px);letter-spacing:-.035em;margin:0;color:var(--accent)}
.digest-heading p,.digest-freshness {font-size:13px;line-height:1.7;color:#64748b;margin:6px 0}
.digest-heading > a {font-size:12px;color:var(--accent);white-space:nowrap}
.digest-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.digest-card {--topic:#2563eb;min-width:0;overflow:hidden;border:1px solid #dbe4ef;border-top:3px solid var(--topic);border-radius:14px;background:white;box-shadow:0 4px 15px #1e3a8a06;transition:transform .2s ease,box-shadow .2s ease}
.digest-card.tone-harness {--topic:#7c3aed}
.digest-card.tone-physical {--topic:#b45309}
.digest-card:hover,.digest-card:focus-within {transform:translateY(-4px);box-shadow:0 12px 28px #1e3a8a14}
.digest-destination {display:block;height:100%;color:#172554;text-decoration:none}
.digest-destination:focus-visible {outline:3px solid #2563eb;outline-offset:-3px}
.digest-card-copy {padding:18px}
.digest-card h3 {font-size:17px;line-height:1.5;letter-spacing:-.015em;margin:12px 0;color:#172554}
.topic-chip {display:inline-block;padding:4px 8px;border-radius:6px;color:var(--topic);background:color-mix(in srgb,var(--topic) 8%,white);font-size:11px;font-weight:700}
.digest-source {font-size:12px;line-height:1.6;color:#64748b}
.digest-action {display:block;margin-top:14px;font-size:12px;font-weight:700;color:var(--topic)}
.media-art {position:relative;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(120deg,#1e3a8a,#0e7490);color:#fff}
.podcast-art {background:radial-gradient(ellipse at 70% 10%,#a78bfa88,transparent 60%),linear-gradient(120deg,#4c1d95,#4338ca)}
.media-art::after {content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff40;border-radius:50%;right:-20px;top:-50px;pointer-events:none}
.media-art img {width:100%;height:100%;object-fit:cover}
.media-symbol {font-size:52px;letter-spacing:8px;text-shadow:0 3px 20px #ffffff44;transition:transform .25s}
.digest-card:hover .media-symbol {transform:scale(1.12)}
.media-format {position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:20px;background:#0f172acc;color:#fff;font-size:11px}
.listen-link {display:inline-block;padding:12px 20px;border-radius:24px;background:#6d28d9;color:#fff;text-decoration:none}
@media(prefers-reduced-motion:no-preference) {.digest-section {animation:digest-arrive .45s ease-out both}@keyframes digest-arrive {from {opacity:0;transform:translateY(10px)}to {opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce) {.digest-card,.media-symbol {transition:none}.digest-card:hover,.digest-card:focus-within,.digest-card:hover .media-symbol {transform:none}}
@media(max-width:700px) {#watch-listen {padding:16px;margin-left:-4px;margin-right:-4px}.digest-heading {align-items:flex-start;flex-direction:column;gap:6px}.media-grid {grid-template-columns:1fr}.media-art {height:170px}.home-content > #watch-listen {order:2}.home-content > #latest-coverage {order:3}.home-content > #research-brief {order:4}.home-content > .risk-panel {order:5;margin-top:24px}}

.digest-provenance {font-size:10px;color:#64748b}.digest-action {margin-top:8px}

.pick-cover {margin:16px 0}.pick-cover img {display:block;width:100%;max-height:460px;object-fit:contain;background:#e2e8f0;border-radius:12px}.pick-cover figcaption {margin-top:7px;font-size:11px;line-height:1.5;color:#64748b}
