/* Prompt Archive: restyles the archive pages to match the main site.
   Loaded after each page's own styles; the pages set data-theme="light". */
:root{
  --bg:#fafaf8;
  --surface:#ffffff;
  --ink:#111111;
  --muted:#6a6a66;
  --line:#e4e4df;
  --accent:#111111;
  --accent-ink:#fafaf8;
  --accent-soft:#e3ebff;
  --warm:#f0764a;
  --code:#f4f4f0;
  --panel:#f1f1ed;
  --panel-2:#ffffff;
  --panel-ink:#111111;
  --panel-muted:#6a6a66;
  --p-blue:#e3ebff;
  --p-peach:#ffe9dc;
  --p-mint:#dff3e8;
  --p-lilac:#ece6ff;
  --f-display:"Inter",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --r:14px;
}
body{font-size:17px;-webkit-font-smoothing:antialiased}
a{color:var(--ink)}
h1,h2,.card h3,.steps h3,.brand,.facts strong,.screen-foot strong{font-weight:600;letter-spacing:-.03em}
.wrap{max-width:1080px}

/* Flat surfaces: no glows or drop shadows */
.hero::before{display:none}
.btn,.btn-primary,.btn-primary:hover,.card,.script li,.toast{box-shadow:none}
.btn{font-weight:500;border-width:1px}
.btn:hover{transform:none}
.btn-primary:hover{background:#2f4bff}
.btn-ghost{border-color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}

.nav{background:color-mix(in srgb,var(--bg) 88%,transparent)}
.brand i{border-radius:8px}
.eyebrow{color:var(--ink);background:var(--p-blue);font-weight:500}
.hero h1 em,.watch-copy h1 em{color:var(--ink);background:linear-gradient(transparent 62%,var(--p-peach) 62%)}
.tools li{background:transparent}

/* Phone previews keep a dark frame so they still read as a device */
.monitor{background:#111;box-shadow:none}
.screen::before{background:#111}
.screen-foot a{background:#111}
.script li:nth-child(even){background:#111}
.monitor .tag,.new{box-shadow:none}
.phone{box-shadow:none}

.facts div,.steps li,.faq details{border-radius:var(--r)}
.facts div:nth-child(1){background:var(--p-blue);border-color:transparent}
.facts div:nth-child(2){background:var(--p-peach);border-color:transparent}
.facts div:nth-child(3){background:var(--p-mint);border-color:transparent}
.facts div:nth-child(4){background:var(--p-lilac);border-color:transparent}
.steps li::before{background:var(--p-mint);color:var(--ink);border-radius:10px}

.filters button{font-weight:500}
.card{border-radius:18px}
.card.is-new{border-color:var(--ink)}
.series-tag{color:var(--muted);font-weight:500}
.watch svg{color:var(--ink)}
.plabel .n{background:var(--p-lilac);color:var(--ink)}
.copy{font-weight:500}
.copy:hover{filter:none;background:#2f4bff}
.more{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px}

.band{background:var(--p-peach);color:var(--ink);border-radius:20px}
.band p{opacity:1;color:#4a4a46}
.band .btn{background:var(--ink);color:var(--bg)}

.contact{border-radius:20px}
.contact .eyebrow{background:var(--p-lilac)}
.channel{border:1px solid var(--line);border-radius:var(--r)}
.chip-btn{border:1px solid var(--ink);font-weight:500}
.chip-btn.solid,.chip-btn[data-done]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

.eplist button[aria-current="true"]{border-color:var(--ink);background:var(--p-blue)}
.dots button[aria-current="true"]{background:var(--ink)}
.who i{background:#111}
footer a{color:var(--ink)}