/* Two distinct surfaces: a photographic reading card and pastel home artwork. */
html .daily-pastel:is(.design-verse,.votd-home) {
  isolation:isolate; overflow:hidden; position:relative;
  background:#f4f1e9!important; color:#233b3b!important;
  padding:24px 22px 28px; min-height:260px;
}
html .daily-pastel:is(.design-verse,.votd-home)::before {
  content:""; position:absolute; inset:0; z-index:-2;
  background:var(--daily-art) center/cover no-repeat; pointer-events:none;
}
html .daily-pastel:is(.design-verse,.votd-home)::after {
  content:""; display:block; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:rgba(255,255,255,.68);
}
html .daily-pastel :is(.votd-home-text,.votd-home-ref,.votd-kicker,.design-verse-kicker,.votd-home-why) { color:#233b3b; opacity:1; }
html .daily-pastel .votd-home-text { display:block; -webkit-line-clamp:unset; overflow:visible; }
html .daily-pastel .votd-home-ref { display:block; margin-top:10px; }
html .daily-pastel .design-cta { background:rgba(255,255,255,.88); color:#233b3b; border:1px solid #758d89; margin-top:auto; min-height:46px; }
html .daily-pastel .design-cta:hover { background:#fff; }
html .votd-card.daily-nature {
  isolation:isolate; background:#253e43!important; color:#fff!important;
  min-height:430px; padding:48px 28px; text-shadow:0 1px 10px rgba(0,0,0,.15);
}
.votd-card.daily-nature::before {
  content:""; position:absolute; inset:-5%; z-index:-2; pointer-events:none;
  background:var(--daily-nature) center/cover no-repeat;
  transform:scale(1.02); animation:verse-nature-drift 38s ease-in-out infinite alternate;
}
html .votd-card.daily-nature::after {
  content:""; display:block; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:rgba(12,25,31,.60);
}
html .daily-nature :is(.votd-text,.votd-ref,.votd-brand) { color:#fff; opacity:1; }
.daily-nature .votd-text { text-wrap:pretty; }
.daily-background-settings { display:grid; gap:12px; }
.daily-background-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; }
.daily-background-heading .link-btn { min-height:44px; font-size:12px; }
.daily-background-options { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.daily-background-option { min-width:0; display:flex; flex-direction:column; align-items:center; gap:5px; padding:0; border:0; background:transparent; }
.daily-background-option span { display:grid; place-items:center; width:100%; height:48px; border-radius:10px; border:2px solid var(--cream); outline:1px solid var(--line); background:var(--sand) center/cover; color:var(--text); font-size:12px; font-weight:700; }
.daily-background-option[aria-pressed="true"] span { outline:2px solid var(--green); }
.daily-background-option small { font-size:9px; line-height:1.3; color:var(--muted); text-align:center; }
.daily-background-settings details summary { font-size:12px; cursor:pointer; padding:8px 0; }
.daily-background-settings .art-dot { min-width:36px; min-height:36px; }
.daily-nature[data-motion-paused="true"]::before,
.daily-nature[data-scene-visible="false"]::before,
html[data-daily-scene-hidden="true"] .daily-nature::before { animation-play-state:paused; }
@keyframes verse-nature-drift { from {transform:scale(1.02) translate(-1%,0);} to {transform:scale(1.12) translate(1%,-1%);} }
@media(prefers-reduced-motion:reduce) { .votd-card.daily-nature::before { animation:none; transform:none; } }
@media(max-width:350px) { .daily-background-options {grid-template-columns:repeat(3,minmax(0,1fr));} html .daily-pastel:is(.design-verse,.votd-home) {padding:20px 16px 26px;} }