/* Contexta · O dia. Usa os tokens, a linha do tempo de style.css e a coluna "Últimas notícias" de home.css. */
.dia-page { padding-top: var(--s6); padding-bottom: var(--s8); }
.dia-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--s4); padding-bottom: var(--s5); margin-bottom: var(--s6); border-bottom: 1px solid var(--line-strong); }
.dia-head .label { margin-bottom: var(--s2); color: var(--accent-ink, var(--smart-blue)); }
.dia-title { margin: 0; font: 600 44px/1.05 var(--sans); letter-spacing: -0.03em; color: var(--deep-navy); }
.dia-meta { margin: var(--s2) 0 0; font: var(--data); color: var(--text-muted); }
/* Setas do dia: ‹ data › */
.dia-nav { display: inline-flex; align-items: center; gap: var(--s2); }
.dia-arrow { width: 40px; height: 40px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--white); color: var(--deep-navy); font: 600 22px/1 var(--sans); cursor: pointer; }
.dia-arrow:hover:not(:disabled) { background: var(--deep-navy); color: var(--white); }
.dia-arrow:disabled { opacity: 0.3; cursor: default; }
.dia-date { min-width: 150px; text-align: center; font: 500 13px/1.3 var(--mono); color: var(--deep-navy); }

.dia-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s7); }
.dia-latest { order: 2; }
@media (min-width: 1000px) {
  .dia-grid { grid-template-columns: 280px minmax(0, 1fr); gap: var(--s7) 40px; align-items: start; }
  .dia-latest { order: 0; position: sticky; top: 80px; max-height: calc(100vh - 100px); overflow-y: auto; padding-right: var(--s2); }
}

/* Cartões: o primeiro grande; os outros em grade. */
.dia-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--s4); }
.dia-card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--radius, 12px); overflow: hidden; background: var(--white); }
.dia-card-big { grid-column: 1 / -1; }
@media (min-width: 760px) { .dia-card-big.has-image { flex-direction: row; } .dia-card-big.has-image .dia-img { width: 46%; aspect-ratio: auto; } }
.dia-img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--bg-light); }
.dia-body { display: grid; gap: var(--s2); align-content: start; padding: var(--s4); flex: 1; min-width: 0; }
.dia-count { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin: 0; font: var(--data); color: var(--text-muted); }
.dia-count strong { font: 600 13px/1.2 var(--sans); color: var(--deep-navy); }
.dia-card-title { margin: 0; font: 600 17px/1.3 var(--sans); }
.dia-card-big .dia-card-title { font: 600 26px/1.2 var(--sans); letter-spacing: -0.01em; }
.dia-card-title a { color: var(--deep-navy); text-decoration: none; }
.dia-card-title a:hover { color: var(--smart-blue); }
.dia-summary { margin: 0; font: var(--read); color: var(--text); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.dia-versions summary { cursor: pointer; font: 500 13px/1.4 var(--sans); color: var(--smart-blue); }
.dia-versions ul { list-style: none; margin: var(--s2) 0 0; padding: 0; display: grid; gap: var(--s2); }
.dia-versions li { font: var(--ui-sm); }
.dia-versions a { color: var(--text); text-decoration: none; }
.dia-versions a:hover { color: var(--smart-blue); }
.dia-versions b { font-weight: 600; color: var(--deep-navy); }
.dia-stories .fine { margin-top: var(--s5); }