/* Murder Mystery Kits — shared styles. Ink-light, print-friendly, no build step. */
:root{
  --ink:#1d1a16; --muted:#5c554b; --paper:#fffdf8; --cream:#f7f1e3;
  --pine:#1f4d3a; --pine-dark:#143527; --wine:#7a2230; --gold:#b98a1e; --gold-soft:#efe3c2;
  --line:#ddd3bd; --card:#ffffff; --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);line-height:1.6}
a{color:var(--pine)}
a:hover{color:var(--wine)}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
.site-header{background:var(--pine-dark);color:#fdf9ee}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:14px;padding-bottom:14px}
.brand{font-size:1.35rem;font-weight:bold;color:#fdf9ee;text-decoration:none;letter-spacing:.02em}
.brand span{color:var(--gold-soft)}
.site-nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-left:auto}
.site-nav a{color:#e9e2cd;text-decoration:none;font-size:.98rem}
.site-nav a:hover{color:#fff;text-decoration:underline}
.hero{background:var(--cream);border-bottom:3px double var(--gold);padding:44px 0 36px;text-align:center}
.hero h1{font-size:2.4rem;line-height:1.15;margin:0 0 12px}
.hero .tagline{font-size:1.15rem;color:var(--muted);max-width:720px;margin:0 auto 20px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--wine);font-weight:bold}
.btn{display:inline-block;background:var(--wine);color:#fff !important;text-decoration:none;padding:12px 26px;border-radius:999px;font-size:1.02rem;border:2px solid var(--wine)}
.btn:hover{background:var(--pine-dark);border-color:var(--pine-dark)}
.btn.secondary{background:transparent;color:var(--pine) !important;border-color:var(--pine)}
.btn.secondary:hover{background:var(--pine);color:#fff !important}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#1d1a16 !important}
section{padding:36px 0}
h2{font-size:1.7rem;margin:0 0 14px;color:var(--pine-dark)}
h3{margin:0 0 8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card .theme{font-size:2rem;line-height:1}
.price{font-size:1.5rem;font-weight:bold;color:var(--pine-dark)}
.price small{font-size:.85rem;color:var(--muted);font-weight:normal}
.meta{color:var(--muted);font-size:.95rem}
.badge{display:inline-block;background:var(--gold-soft);border:1px solid var(--gold);color:#5d4710;border-radius:999px;padding:2px 12px;font-size:.82rem;margin-bottom:10px}
table.editions{width:100%;border-collapse:collapse;margin:16px 0}
table.editions th,table.editions td{border:1px solid var(--line);padding:10px 12px;text-align:left}
table.editions th{background:var(--cream)}
.notice{background:#fdf6e0;border:1px dashed var(--gold);border-radius:var(--radius);padding:16px 20px}
.guarantee{background:var(--pine-dark);color:#f3eedd;border-radius:var(--radius);padding:24px}
.guarantee h2{color:#fff}
.faq-item{border-bottom:1px solid var(--line);padding:14px 0}
.capture{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.capture input[type=email]{flex:1 1 260px;padding:12px 14px;border:1px solid var(--line);border-radius:999px;font-size:1rem;font-family:inherit}
.capture button{background:var(--pine);color:#fff;border:2px solid var(--pine);border-radius:999px;padding:12px 24px;font-size:1rem;cursor:pointer}
.site-footer{background:var(--pine-dark);color:#d8d0b8;margin-top:20px}
.site-footer .wrap{padding-top:26px;padding-bottom:26px}
.site-footer a{color:#e9e2cd}
.footer-nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
.small{font-size:.88rem;color:var(--muted)}
.site-footer .small{color:#b7ad8f}
@media print{ .site-header,.site-footer,.btn{display:none} body{background:#fff} }
@media (max-width:640px){ .hero h1{font-size:1.8rem} .site-nav{margin-left:0} }