/* Daily design preview: shared Deals palette, compact rankings by date. */
.daily-board .daily-backdrop {
  background:
    radial-gradient(ellipse at 8% 12%, #f9e2cd70, transparent 52%),
    radial-gradient(ellipse at 94% 30%, #ded6fa80, transparent 58%);
  padding-bottom: 64px;
}

.daily-board .page-intro { text-align: center; padding-bottom: 40px; }
.daily-board .page-intro .eyebrow { justify-content: center; }
.daily-board .page-intro h1,
.daily-board .page-intro > p { margin-inline: auto; }
.daily-board .page-intro > p { max-width: 710px; }
.daily-board .daily-feed { max-width: 1040px; margin-inline: auto; }

.daily-board .daily-day {
  margin-bottom: 24px;
  padding: 26px;
  background: #fff;
  border: 1px solid #e8e2ee;
  border-radius: 22px;
  box-shadow: 0 10px 30px -22px #53436845;
}

.daily-board .daily-day-live { border-color: var(--purple); }
.daily-board .daily-day-heading,
.daily-board .daily-day-heading > div { display: flex; align-items: center; gap: 10px; }
.daily-board .daily-day-heading { justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.daily-board .daily-day-heading h2 { font-size: 21px; letter-spacing: -.035em; }
.daily-board .daily-day-heading > p { font-size: 14px; text-align: right; }
.daily-board .daily-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--purple);
  color: #fff;
  padding: 3px 9px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
}
.daily-board .daily-live > span { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.daily-board .daily-open-note { margin: -9px 0 20px; color: var(--purple-dark); font-size: 14px; }

.daily-board .daily-ranks { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.daily-board .daily-rank {
  display: grid;
  grid-template-columns: 54px 44px minmax(0, 1fr) 90px;
  align-items: center;
  gap: 16px;
  min-height: 96px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}
.daily-board .daily-rank-1 { background: #e9e7fb; border-color: #e1dcf7; }
.daily-board .daily-rank-2 { background: #f3f1fc; border-color: #e8e3f5; }
.daily-board .daily-rank-3 { background: #f8f7fd; border-color: #ece8f5; }
.daily-board .daily-position { font-size: 16px; font-weight: 650; text-align: center; color: var(--ink); }
.daily-board .daily-rank:is(.daily-rank-1, .daily-rank-2, .daily-rank-3) .daily-position {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 750;
  line-height: 1;
}
.daily-board .daily-rank-1 .daily-position { background: #5545ed; color: #fff; box-shadow: 0 4px 10px #5545ed38; }
.daily-board .daily-rank-2 .daily-position { background: #d6d0fb; color: #4031cf; }
.daily-board .daily-rank-3 .daily-position { background: #e6e1fc; color: #4031cf; }
.daily-board .daily-rank .product-logo { width: 44px; height: 44px; border-radius: 12px; }
.daily-board .daily-product { min-width: 0; }
.daily-board .daily-product h3 { font-size: 18px; letter-spacing: -.025em; }
.daily-board .daily-product h3 a:hover { color: var(--purple-dark); }
.daily-board .daily-product p { margin-top: 5px; font-size: 14px; line-height: 1.5; }
.daily-board .daily-amount { text-align: right; }
.daily-board .daily-amount strong { display: block; font-size: 22px; line-height: 1.2; letter-spacing: -.035em; }
.daily-board .daily-amount span { display: block; margin-top: 4px; font-size: 12px; color: var(--muted); }

.daily-board .daily-more { margin-top: 14px; }
.daily-board .daily-more-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid var(--line);
  border-radius: 100px;
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
.daily-board .daily-more-link:hover { background: var(--lavender); }
.daily-board .daily-more-link svg { width: 15px; height: 15px; }
.daily-board .daily-day { scroll-margin-top: 24px; }
.daily-board .daily-join { margin-top: 14px; }
.daily-board .daily-board-note { text-align: center; margin-top: 32px; }
.daily-board .daily-board-note p { font-size: 13px; line-height: 1.7; margin-bottom: 18px; }

body.daily-board:has(#preview-dark-mode:checked) .daily-backdrop {
  background:
    radial-gradient(ellipse at 8% 12%, #a9764326, transparent 52%),
    radial-gradient(ellipse at 94% 30%, #9670da2b, transparent 58%);
}
body.daily-board:has(#preview-dark-mode:checked) .daily-day { background: #211e2b; border-color: var(--line); box-shadow: none; }
body.daily-board:has(#preview-dark-mode:checked) .daily-day-live { border-color: var(--purple); }
body.daily-board:has(#preview-dark-mode:checked) .daily-live { background: #6552ef; }
body.daily-board:has(#preview-dark-mode:checked) .daily-rank { background: #211e2b; }
body.daily-board:has(#preview-dark-mode:checked) .daily-rank-1 { background: #342b4f; border-color: #52406e; }
body.daily-board:has(#preview-dark-mode:checked) .daily-rank-2 { background: #292338; border-color: #44375c; }
body.daily-board:has(#preview-dark-mode:checked) .daily-rank-3 { background: #25202f; border-color: #393145; }
body.daily-board:has(#preview-dark-mode:checked) .daily-rank-1 .daily-position { background: #7763f6; color: #fff; box-shadow: 0 4px 10px #0003; }
body.daily-board:has(#preview-dark-mode:checked) .daily-rank-2 .daily-position { background: #554778; color: #eee9ff; }
body.daily-board:has(#preview-dark-mode:checked) .daily-rank-3 .daily-position { background: #3e345c; color: #e4deff; }
body.daily-board:has(#preview-dark-mode:checked) .daily-more-link { background: #272332; border-color: #484050; }
body.daily-board:has(#preview-dark-mode:checked) .daily-more-link:hover { background: #342948; }

@media (max-width: 650px) {
  .daily-board .page-intro { padding-bottom: 28px; }
  .daily-board .daily-day { padding: 18px; margin-bottom: 18px; border-radius: 20px; }
  .daily-board .daily-day-heading { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 16px; }
  .daily-board .daily-day-heading h2 { font-size: 19px; }
  .daily-board .daily-day-heading > p { text-align: left; font-size: 12px; }
  .daily-board .daily-open-note { margin: -3px 0 16px; font-size: 12px; }
  .daily-board .daily-rank { grid-template-columns: 40px 34px minmax(0, 1fr) 57px; gap: 9px; padding: 14px 12px; min-height: 88px; }
  .daily-board .daily-position { font-size: 13px; }
  .daily-board .daily-rank:is(.daily-rank-1, .daily-rank-2, .daily-rank-3) .daily-position { min-height: 28px; font-size: 14px; }
  .daily-board .daily-rank .product-logo { width: 34px; height: 34px; border-radius: 9px; }
  .daily-board .daily-product h3 { font-size: 16px; }
  .daily-board .daily-product p { font-size: 12px; }
  .daily-board .daily-amount strong { font-size: 20px; }
  .daily-board .daily-amount span { font-size: 10px; }
}

@media (max-width: 420px) {
  .daily-board .daily-day { padding: 16px 12px; }
  .daily-board .daily-rank { grid-template-columns: 40px minmax(0, 1fr) 58px; gap: 10px; }
  .daily-board .daily-rank .product-logo { grid-column: 2; grid-row: 1; }
  .daily-board .daily-product { grid-column: 2; grid-row: 1; }
  .daily-board .daily-product h3 { min-height: 34px; padding-left: 42px; display: flex; align-items: center; }
  .daily-board .daily-product p { margin-top: 8px; }
  .daily-board .daily-position,
  .daily-board .daily-rank .product-logo,
  .daily-board .daily-amount { align-self: start; }
  .daily-board .daily-position { padding-top: 7px; }
  .daily-board .daily-amount { grid-column: 3; grid-row: 1; padding-top: 4px; }
}