/* The shared daily position takes centre stage, in the site's existing palette. */
.daily-puzzle-section { border-block: 1px solid var(--line); background: var(--deep); }
.daily-puzzle-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px, 6vw, 96px); }
.daily-puzzle-grid h2 { max-width: 600px; }
.daily-puzzle-date { min-height: 24px; color: var(--goban-gold); font: 13px/1.8 var(--mono); }
.daily-puzzle-grid .section-copy .daily-puzzle-status { min-height: 3.4em; margin: 12px 0 24px; color: var(--muted); font-size: 14px; }
.daily-puzzle-grid .section-copy .daily-puzzle-note { margin-top: 16px; color: var(--muted); font-size: 12px; }
.daily-puzzle-board { display: grid; place-items: center; width: 100%; max-width: 536px; aspect-ratio: 1; justify-self: end; overflow: hidden; border-radius: 18px; border: 1px solid var(--line); background: var(--surface); }
.daily-puzzle-board img { width: 100%; height: auto; }
.daily-puzzle-placeholder { color: var(--neural-cyan); font-size: 80px; }
@media (max-width: 760px) {
  .daily-puzzle-grid { grid-template-columns: 1fr; }
  .daily-puzzle-board { justify-self: center; }
  .daily-puzzle-grid .button { max-width: 100%; white-space: normal; text-align: center; }
}