/* DSM On This Day — skins.
   Each skin is scoped by [data-skin]. Base holds shared structure;
   skins override palette, type, and layout only. */

.dsm-otd { --otd-fg:#e8e6ea; --otd-muted:#9a94a3; --otd-accent:#b9121b;
  --otd-bg:#0e0d12; --otd-line:#241f2b; --otd-radius:2px;
  color:var(--otd-fg); }
.dsm-otd *{box-sizing:border-box;}
.dsm-otd__heading{font:600 .78rem/1.3 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.22em;text-transform:uppercase;color:var(--otd-muted);
  margin:0 0 .9rem;}
.dsm-otd__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;}
.dsm-otd__item{position:relative;}
.dsm-otd__fact{margin:0;font:400 1.02rem/1.5 Georgia,'Times New Roman',serif;}
.dsm-otd__meta{margin:.35rem 0 0;font:500 .72rem/1.3 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;color:var(--otd-muted);}
.dsm-otd__cite{margin:.3rem 0 0;font:italic 400 .74rem/1.4 Georgia,serif;
  color:var(--otd-muted);opacity:.85;}
.dsm-otd__empty{font:italic 400 .95rem/1.5 Georgia,serif;color:var(--otd-muted);
  padding:.5rem 0;}

/* Verification badge (red/amber/green) */
.dsm-otd__badge{display:inline-block;margin:0 0 .4rem;padding:.12rem .5rem;
  font:600 .62rem/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;
  text-transform:uppercase;border-radius:999px;border:1px solid currentColor;}
.dsm-otd__badge--verified{color:#4ecb71;}
.dsm-otd__badge--review{color:#e0a94e;}
.dsm-otd__badge--unverified{color:#d1495b;}

/* ---------- Skin: Obelisk (single tall card) ---------- */
.dsm-otd[data-skin="obelisk"] .dsm-otd__item{
  background:var(--otd-bg);border:1px solid var(--otd-line);
  border-left:3px solid var(--otd-accent);padding:1.1rem 1.25rem;
  border-radius:var(--otd-radius);}

/* ---------- Skin: Tombstone (stacked list w/ rules) ---------- */
.dsm-otd[data-skin="tombstone"] .dsm-otd__list{gap:0;}
.dsm-otd[data-skin="tombstone"] .dsm-otd__item{
  padding:.95rem 0;border-bottom:1px solid var(--otd-line);}
.dsm-otd[data-skin="tombstone"] .dsm-otd__item:first-child{border-top:1px solid var(--otd-line);}
.dsm-otd[data-skin="tombstone"] .dsm-otd__fact::before{
  content:"†";color:var(--otd-accent);margin-right:.5rem;font-weight:700;}

/* ---------- Skin: Ticker (horizontal strip) ---------- */
.dsm-otd[data-skin="ticker"]{background:var(--otd-bg);border-top:2px solid var(--otd-accent);
  border-bottom:1px solid var(--otd-line);padding:.55rem .75rem;}
.dsm-otd[data-skin="ticker"] .dsm-otd__list{grid-auto-flow:column;
  grid-auto-columns:max-content;overflow-x:auto;gap:2.5rem;scrollbar-width:thin;}
.dsm-otd[data-skin="ticker"] .dsm-otd__fact{font-size:.9rem;white-space:nowrap;}
.dsm-otd[data-skin="ticker"] .dsm-otd__meta{display:none;}

/* ---------- Skin: Catacomb (responsive grid) ---------- */
.dsm-otd[data-skin="catacomb"] .dsm-otd__list{
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;}
.dsm-otd[data-skin="catacomb"] .dsm-otd__item{
  background:linear-gradient(180deg,#131118,#0c0b10);
  border:1px solid var(--otd-line);padding:1rem;border-radius:var(--otd-radius);}
.dsm-otd[data-skin="catacomb"] .dsm-otd__fact{font-size:.95rem;}

/* ---------- Skin: Parchment (light theme) ---------- */
.dsm-otd[data-skin="parchment"]{--otd-fg:#241f1a;--otd-muted:#6b5f52;
  --otd-accent:#7a1f1f;--otd-bg:#f3ede1;--otd-line:#d8ccb6;}
.dsm-otd[data-skin="parchment"] .dsm-otd__item{background:var(--otd-bg);
  border:1px solid var(--otd-line);border-left:3px solid var(--otd-accent);
  padding:1.05rem 1.2rem;}
.dsm-otd[data-skin="parchment"] .dsm-otd__fact{font-family:'Iowan Old Style',Georgia,serif;}

/* ---------- Skin: Terminal (mono) ---------- */
.dsm-otd[data-skin="terminal"]{--otd-fg:#c6f7d0;--otd-accent:#38d66b;
  --otd-bg:#07090a;--otd-line:#153018;}
.dsm-otd[data-skin="terminal"] .dsm-otd__item{background:var(--otd-bg);
  border:1px solid var(--otd-line);padding:.9rem 1rem;}
.dsm-otd[data-skin="terminal"] .dsm-otd__fact{
  font:400 .9rem/1.5 ui-monospace,'SF Mono',Menlo,monospace;}
.dsm-otd[data-skin="terminal"] .dsm-otd__fact::before{content:"> ";color:var(--otd-accent);}
.dsm-otd[data-skin="terminal"] .dsm-otd__meta{font-family:ui-monospace,monospace;}

@media (prefers-reduced-motion:reduce){.dsm-otd *{scroll-behavior:auto;}}

/* ---------- Single-fact centring ---------- */
.dsm-otd--single{text-align:center;}
.dsm-otd--single .dsm-otd__list{justify-items:center;}
.dsm-otd--single .dsm-otd__item{max-width:52ch;margin-inline:auto;}
.dsm-otd--single .dsm-otd__badge{margin-inline:auto;}

/* ---------- More controls ---------- */
.dsm-otd__controls{margin-top:.9rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.dsm-otd--single .dsm-otd__controls{justify-content:center;}
.dsm-otd__more{cursor:pointer;background:transparent;color:var(--otd-accent);
  border:1px solid var(--otd-accent);border-radius:999px;
  padding:.4rem .95rem;font:600 .72rem/1 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;transition:background .15s,color .15s;}
.dsm-otd__more:hover,.dsm-otd__more:focus-visible{background:var(--otd-accent);color:#fff;}
.dsm-otd__morelink{color:var(--otd-muted);font:600 .72rem/1 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;}
.dsm-otd__morelink:hover{color:var(--otd-accent);}
.dsm-otd__item[hidden]{display:none;}

/* ---------- Range widget ---------- */
.dsm-otd-range{display:grid;gap:1.5rem;}
.dsm-otd-range__day{font:700 .82rem/1.3 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.18em;text-transform:uppercase;color:var(--otd-accent,#b9121b);
  margin:0 0 .4rem;padding-bottom:.35rem;border-bottom:1px solid #241f2b;}