/* Daily More: under the tarot card / dream symbol, and the biorhythm. Theme tokens where present. */
.dm-details{margin:1.25rem 0;padding:1rem 1.2rem;border-radius:14px;background:var(--bg-alt,#f6f6f9);border-left:4px solid var(--sdd-accent,var(--accent,#6b3fa0))}
.dm-details:empty{display:none}
.dm-details h2{margin:0 0 .5rem;font-size:1.25rem}
.dm-details p{margin:.4rem 0}
.dm-facets{margin:.5rem 0;padding-left:1.1rem}
.dm-facets li{margin:.35rem 0}
.dm-facets-title{font-weight:600}
.sdd--js:not(.is-revealed) .dm-details.is-inside{display:none}
.dm-cta{margin:1rem 0}

/* Biorhythm */
.dm-bio{max-width:820px;margin:1.5rem 0}
.dm-bio__form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}
.dm-bio__form label{display:grid;gap:.3rem;font-weight:600}
/* The theme sets appearance:none on every input; iOS Safari then collapses a date field and draws its
   value in the light scheme's black - invisible on the dark theme. Give it a height and the right scheme. */
.dm-bio__form input[type=date]{-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;min-width:12.5em;min-height:2.9em;padding:.6rem .8rem;line-height:1.4;border:1px solid var(--field-border,var(--border,#ccc));border-radius:10px;background:var(--bg,#fff);color:var(--text,#222);font:inherit;color-scheme:light}
.dm-bio__form input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.4em;color:var(--text,#222)}
:root[data-theme=dark] .dm-bio__form input[type=date]{color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .dm-bio__form input[type=date]{color-scheme:dark}}
.dm-bio__form .dm-check{display:flex;gap:.55rem;align-items:center;font-weight:400}
/* Our own checkbox: the theme hides native ones, and iOS draws a black square on the dark theme. */
.dm-bio__form .dm-check input{-webkit-appearance:none;appearance:none;opacity:1;float:none;position:static;z-index:auto;display:inline-grid;place-content:center;flex:0 0 auto;width:22px;height:22px;margin:0;border:2px solid var(--field-border,var(--border,#999));border-radius:6px;background:var(--bg,#fff);cursor:pointer}
.dm-bio__form .dm-check input:checked{border-color:var(--accent,#2d6a4f);background:var(--accent,#2d6a4f) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.dm-bio__form .dm-check input:focus-visible{outline:2px solid var(--accent,#2d6a4f);outline-offset:2px}
.dm-bio__result[hidden]{display:none}
.dm-bio__bars{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);margin:1.2rem 0}
@media(max-width:640px){.dm-bio__bars{grid-template-columns:1fr}}
.dm-bio__bar{padding:.9rem 1rem;border-radius:14px;background:var(--bg-alt,#f6f6f9);border-top:4px solid var(--c)}
.dm-bio__bar h3{margin:0 0 .3rem;font-size:1rem}
.dm-bio__value{font-size:1.8rem;font-weight:700;color:var(--c)}
.dm-bio__bar p{margin:.3rem 0 0;font-size:.92rem}
.dm-bio__chart{width:100%;height:auto;display:block;margin:.5rem 0;overflow:visible}
.dm-bio__chart text{font-size:11px;fill:var(--text-muted,#777)}
.dm-bio__legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;margin:.2rem 0 1rem}
.dm-bio__legend span::before{content:"";display:inline-block;width:14px;height:4px;border-radius:2px;background:var(--c);margin-right:.4rem;vertical-align:middle}
.dm-bio__summary{padding:1rem 1.2rem;border-radius:14px;border-left:4px solid var(--accent,#2d6a4f);background:var(--bg-alt,#f6f6f9)}
.dm-bio__critical li{margin:.25rem 0}

/* Share panel (biorhythm, moon advice) - like the daily cards' */
.dm-share{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:1.2rem;align-items:start;margin:1.5rem 0;padding:1rem;border:1px solid var(--border,#e3e3e3);border-radius:14px}
@media(max-width:640px){.dm-share{grid-template-columns:1fr}.dm-share__preview{max-width:240px}}
.dm-share__preview img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.dm-share__controls h3{margin:0 0 .6rem;font-size:1.05rem}
.dm-share__buttons{display:flex;flex-wrap:wrap;gap:.5rem}
.dm-share__buttons a[aria-disabled=true]{opacity:.5;pointer-events:none}
.dm-share__status{font-size:.9rem;color:var(--text-muted,#666);min-height:1.2em}