/* Zelfde lichte ondergrond als de site (alleen het lichte thema).
   De donkere variant zet zijn eigen kleuren op body.theme-dark en blijft gelijk. */
:root{
  --bg:#FFFFFF;
  --surface-2:#FAF8F5;
  --surface-3:#F4F1EB;
  --workspace:#ECE7DF;
  --border:#E8E3DA;
  --border-strong:#D4CCBF;
  --accent-soft:#F7EEE5;
}

/* Album van de productpagina: vaste keuzes op het startscherm en de omslag in het boek. */
.preset-card{ display:grid; grid-template-columns:auto 1fr; gap:6px 16px; margin:4px 0 0; padding:14px 16px; border:1px solid var(--border, #E4DED3); border-radius:6px; background:var(--surface-2, #FAF8F5); font-size:14px; }
.preset-card dt{ color:var(--muted, #6B6F7A); }
.preset-card dd{ margin:0; font-weight:600; }
.preset-note{ margin:8px 0 0; font-size:13px; color:var(--muted, #6B6F7A); }
.preset-note a{ color:var(--accent, #9A5B2E); font-weight:600; }
.flip-cover.has-preset{ background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(0,0,0,.07) 0 1px, transparent 1px 3px); }
.preset-persona{ position:absolute; left:0; top:0; width:max-content; transform-origin:0 0; display:grid; text-align:center; pointer-events:none; }
.preset-persona .cfg-d{ display:grid; justify-items:center; gap:.55em; line-height:1; white-space:nowrap; }