.digest-page { max-width: 1080px; margin: auto; padding: 24px 20px 60px; }
.digest-nav { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.digest-hero { border: 1px solid var(--border); border-radius: 24px; padding: 36px; background: linear-gradient(125deg, var(--panel), color-mix(in srgb, var(--primary) 12%, var(--panel))); }
.digest-eyebrow { font-size: .72rem; font-weight: 800; letter-spacing: .1em; color: var(--primary); }
.digest-hero h1 { font-size: clamp(2rem, 5vw, 3.3rem); letter-spacing: -.04em; margin: 12px 0; line-height: 1.1; }
.digest-intro { font-size: 1.12rem; max-width: 580px; line-height: 1.6; }
.digest-picker { max-width: 640px; margin-top: 28px; }
.digest-picker label { display: block; font-weight: 700; margin-bottom: 8px; }
.digest-picker > div { display: flex; gap: 10px; }
.digest-picker input { min-width: 0; flex: 1; padding: 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); color: var(--text); font: inherit; }
#status { color: var(--muted); min-height: 1.5em; }
.digest-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 28px 0 18px; }
.digest-heading h2 { font-size: 1.8rem; margin: 0; }
.digest-heading p { margin-bottom: 0; }
.digest-stats { display: grid; grid-template-columns: 1fr 2fr; gap: 18px; }
.digest-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.digest-card { border: 1px solid var(--border); border-radius: 18px; background: var(--panel); padding: 24px; margin-bottom: 18px; min-width: 0; }
.digest-card h3 { margin: 0 0 20px; font-size: 1.05rem; }
.digest-card p { line-height: 1.7; }
.digest-total strong { display: block; font-size: 3.7rem; letter-spacing: -.06em; line-height: 1.2; margin-top: 12px; }
.digest-total p { margin: 4px 0 0; color: var(--muted); }
.digest-chart { display: grid; gap: 15px; }
.digest-chart-row { display: grid; grid-template-columns: 105px 1fr 32px; gap: 10px; align-items: center; font-size: .85rem; }
.digest-chart-row progress { width: 100%; height: 16px; accent-color: var(--primary); }
.digest-chart-row span:last-child { text-align: right; font-weight: 700; }
.digest-list { list-style: none; margin: 0; padding: 0; }
.digest-list li { display: flex; justify-content: space-between; gap: 18px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.digest-list li:last-child { border-bottom: 0; }
.digest-list a { overflow-wrap: anywhere; }
.digest-list time { white-space: nowrap; color: var(--muted); font-size: .85rem; }
.digest-explainer { max-width: 760px; color: var(--muted); line-height: 1.7; margin-top: 28px; }
.digest-explainer h2 { font-size: 1.05rem; color: var(--text); }
.digest-warning { padding: 14px; border: 1px solid #c0882f; border-radius: 12px; }
@media (max-width: 640px) { .digest-page { padding: 16px 14px 40px; } .digest-hero { padding: 24px 20px; } .digest-picker > div { flex-direction: column; } .digest-stats, .digest-columns { grid-template-columns: 1fr; gap: 0; } .digest-heading { align-items: flex-start; } .digest-card { padding: 20px; } }