:root{
  --maroon:#871230; --maroon-deep:#6A0E26; --maroon-700:#76122b;
  --gold:#E6A23C; --gold-deep:#946312; --gold-soft:#F1D9AE;
  --ink:#2A2630; --grey:#6E6E73; --cream:#FBF7F4; --line:#ECE3E0; --white:#fff;
  --r:14px; --r-lg:20px; --shadow:0 6px 22px rgba(42,38,48,.10);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65;}
h1,h2,h3{font-family:"Arial Black",Arial,sans-serif;margin:0;}
a{color:var(--maroon);}
.wrap{max-width:820px;margin:0 auto;padding:0 24px;}

/* header */
header.site{background:var(--maroon);position:sticky;top:0;z-index:30;border-bottom:4px solid var(--gold);}
header.site .bar{max-width:980px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.brand img{height:30px;width:auto;display:block;}
.brand .div{width:1px;height:24px;background:rgba(255,255,255,.28);}
.brand .wm{font-family:"Arial Black",Arial;font-size:18px;color:var(--gold);letter-spacing:.3px;}
.back{color:rgba(255,255,255,.9);text-decoration:none;font-size:13px;font-weight:700;
  border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:7px 13px;}
.back:hover{background:rgba(255,255,255,.14);color:#fff;}

/* hero */
.hero{background:linear-gradient(135deg,var(--maroon-deep),var(--maroon) 70%,var(--maroon-700));color:#fff;padding:40px 0 34px;}
.hero .eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-soft);margin:0 0 12px;}
.hero h1{font-size:clamp(28px,5vw,40px);line-height:1.06;letter-spacing:-.6px;margin:0 0 12px;}
.hero p{font-size:17px;color:rgba(255,255,255,.92);margin:0;max-width:640px;}

/* body */
main{padding:36px 0 60px;}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;margin:0 0 22px;box-shadow:var(--shadow);}
.card h2{font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-deep);margin:0 0 14px;}
.card h2::after{content:"";display:block;width:42px;height:3px;border-radius:2px;background:var(--gold);margin-top:10px;}
.card p{margin:0 0 12px;font-size:16px;}
.card p:last-child{margin-bottom:0;}
.card ol,.card ul{margin:6px 0 0;padding-left:22px;}
.card li{margin:0 0 9px;font-size:15.5px;}
.lead{font-size:17px;}
strong{color:var(--maroon-700);}
.tasknote{background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:10px;padding:14px 16px;font-size:15px;color:#5A3A12;margin:14px 0 0;}
code{background:#f3ebe9;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:"Courier New",monospace;font-size:14px;color:var(--maroon-700);}

/* hints */
details.hint{border:1px solid var(--line);border-radius:12px;padding:0;margin:0 0 10px;overflow:hidden;background:#fff;}
details.hint > summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:700;font-size:14.5px;color:var(--maroon);
  display:flex;align-items:center;gap:9px;background:#fdf8f9;}
details.hint > summary::-webkit-details-marker{display:none;}
details.hint > summary::before{content:"💡";}
details.hint[open] > summary{border-bottom:1px solid var(--line);}
details.hint .hint-body{padding:13px 16px;font-size:15px;color:var(--ink);}

/* footer */
footer{background:var(--maroon-deep);color:rgba(255,255,255,.8);border-top:5px solid var(--gold);padding:26px 0;font-size:14px;}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;}
footer a{color:var(--gold-soft);text-decoration:none;font-weight:700;}
footer a:hover{text-decoration:underline;}

/* ===== Shared components for explore pages ===== */
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px;margin-top:6px;}
.mini{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.mini .who{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--gold-deep);margin:0 0 7px;}
.mini h3{font-size:16px;color:var(--maroon);margin:0 0 7px;letter-spacing:-.2px;line-height:1.2;}
.mini p{font-size:13.5px;color:var(--grey);margin:0 0 12px;}
.mini a.more{margin-top:auto;font-weight:800;font-size:13px;color:var(--maroon);text-decoration:none;}
.mini a.more:hover{text-decoration:underline;text-decoration-color:var(--gold);}
.feature{background:linear-gradient(135deg,var(--maroon),var(--maroon-700));color:#fff;border-radius:16px;padding:24px 26px;margin-top:4px;}
.feature .k{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-soft);margin:0 0 8px;}
.feature h3{color:#fff;font-size:21px;margin:0 0 10px;letter-spacing:-.2px;}
.feature p{color:rgba(255,255,255,.93);margin:0 0 10px;font-size:15.5px;}
.feature ul{margin:8px 0 0;padding-left:20px;}
.feature li{margin:0 0 7px;color:rgba(255,255,255,.93);}
.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.tag-list span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:rgba(241,217,174,.18);color:var(--gold-soft);border:1px solid rgba(241,217,174,.4);border-radius:999px;padding:4px 11px;}
.subject-block{margin:0 0 18px;}
.subject-block:last-child{margin-bottom:0;}
.subject-block h3{font-size:15px;color:var(--maroon);margin:0 0 7px;}
.subject-block ul{margin:0;padding-left:20px;}
.fallacy{border:1px solid var(--line);border-radius:12px;padding:15px 16px;background:#fff;}
.fallacy h3{font-size:15px;color:var(--maroon);margin:0 0 5px;}
.fallacy p{font-size:13.5px;color:var(--grey);margin:0;}
.fallacy .eg{display:block;margin-top:7px;font-size:12.5px;color:var(--grey);font-style:italic;}
.prompt h3{font-size:16px;color:var(--maroon);margin:0 0 7px;letter-spacing:-.2px;}
.prompt .bridge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--gold-deep);margin:0 0 8px;}
.prompt p{font-size:14px;color:var(--grey);margin:0;}

/* ===== Global sub-page navigation ===== */
.pagenav{display:flex;gap:2px;flex-wrap:wrap;}
.pagenav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:9px 14px;border-radius:8px;transition:.16s;}
.pagenav a:hover{color:#fff;background:rgba(255,255,255,.14);}
.navtoggle{display:none;}
.hamburger{display:none;cursor:pointer;font-size:24px;line-height:1;color:#fff;padding:2px 6px;user-select:none;}
@media(max-width:760px){
  header.site .bar{position:relative;flex-wrap:wrap;}
  .hamburger{display:block;}
  .pagenav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--maroon);flex-direction:column;gap:0;
    padding:6px 14px 12px;border-bottom:4px solid var(--gold);box-shadow:0 10px 22px rgba(0,0,0,.28);z-index:40;}
  .navtoggle:checked ~ .pagenav{display:flex;}
  .pagenav a{padding:11px 4px;border-top:1px solid rgba(255,255,255,.14);border-radius:0;}
}


/* ===== Accessibility: visible keyboard focus ===== */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #E6A23C;outline-offset:2px;border-radius:5px;}