/* The Historian's Parlor — games for The Great Republic */
.fungrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;max-width:760px;margin:26px auto 0}
.funcard{display:block;background:var(--card);border:1px solid var(--rule);padding:16px 18px;
  box-shadow:0 1px 4px rgba(44,62,93,.10);color:var(--ink)}
.funcard:hover{text-decoration:none;color:var(--ink);border-color:var(--navy);box-shadow:0 3px 10px rgba(44,62,93,.18)}
.funcard .fc-t{display:block;font-size:19px;color:var(--navy-deep);font-variant:small-caps;letter-spacing:.06em}
.funcard:hover .fc-t{color:var(--red)}
.funcard .fc-d{display:block;font-size:14px;color:var(--ink-soft);margin-top:4px;font-style:italic}
.funnav{text-align:center;font-variant:small-caps;letter-spacing:.12em;font-size:14.5px;margin:0 0 22px}
.funnav a{margin:0 4px}
.funnav .cur{color:var(--red);pointer-events:none}
.funnav span{color:var(--gold);margin:0 6px;font-size:11px}
.gamebox{max-width:660px;margin:0 auto}
.gamebox .qcount{font-variant:small-caps;letter-spacing:.14em;font-size:13.5px;color:var(--red);
  margin-bottom:6px;text-align:center}
.gamebox .qtext{font-size:21px;margin:0 0 16px;text-align:center;color:var(--navy-deep)}
.opts{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.opt{display:block;width:100%;text-align:center;font:inherit;font-size:15.5px;color:var(--ink);
  background:var(--card);border:1px solid var(--rule);padding:9px 12px;cursor:pointer}
.opt:hover{background:#f2ecdb}
.opt:disabled{cursor:default}
.opt.right{background:#e3ebdc;border-color:#5c7a52;color:#2c4023}
.opt.wrong{background:#f0dcd7;border-color:#a5675c;color:#5e2a20}
.explain{background:var(--card);border-left:3px solid var(--gold);padding:10px 16px;margin:14px 0;font-size:16px}
.nextrow{margin:16px 0 4px;text-align:center}
.bigbtn{display:inline-block;font:inherit;font-variant:small-caps;letter-spacing:.16em;font-size:15px;
  background:var(--navy);color:#fff;border:1px solid var(--navy);padding:9px 26px;cursor:pointer;text-decoration:none}
.bigbtn:hover{background:var(--red);border-color:var(--red);color:#fff;text-decoration:none}
.resultcard{background:var(--card);border:1px solid var(--rule);outline:1px solid var(--rule);outline-offset:4px;
  padding:22px 24px;margin:12px 0 18px;text-align:center}
.resultcard h2{font-variant:small-caps;letter-spacing:.1em;font-size:24px;color:var(--navy-deep);margin:0 0 8px}
.resultcard .score{font-size:40px;color:var(--red);margin:0 0 4px}
.resultcard p{margin:0 0 8px;font-size:16px}
.resultcard .tag{font-variant:small-caps;letter-spacing:.12em;font-size:13px;color:var(--red)}
.sharebox{display:flex;gap:8px;max-width:460px;margin:12px auto 0}
.sharebox input{flex:1;font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--rule);
  background:#fff;color:var(--ink-soft);min-width:0}
.sharebox button{font:inherit;font-size:13.5px;font-variant:small-caps;letter-spacing:.08em;
  background:var(--card);border:1px solid var(--rule);padding:7px 14px;cursor:pointer;color:var(--navy-deep)}
.sharebox button:hover{border-color:var(--navy)}
.sharenote{font-size:13px;color:var(--ink-soft);margin-top:6px;font-style:italic;text-align:center}
.challenge{background:var(--card);border:1px solid var(--gold);padding:10px 16px;margin:0 0 18px;
  font-size:15.5px;color:var(--red);text-align:center;font-style:italic}
.datestamp{text-align:center;font-variant:small-caps;letter-spacing:.16em;color:var(--red);font-size:15px;margin:0 0 10px}
.askrow{display:flex;gap:10px;max-width:560px;margin:0 auto 18px}
.askrow input{flex:1;font:inherit;padding:10px 14px;border:1px solid var(--rule);background:var(--card);min-width:0}
.askrow input:focus{border-color:var(--navy);outline:none}

/* Cabinet of Curiosities feature (The Witness Box) */
.cur-banner{max-width:820px;margin:1.6rem auto 2rem;background:#fbf7ec;border:1px solid #b4a88e;outline:1px solid #b4a88e;outline-offset:4px;padding:1.4rem 1.6rem 1.5rem;text-align:center}
.cur-banner .eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:.68rem;color:#2c3e5d;margin-bottom:.45rem}
.cur-banner h2{font-weight:normal;font-size:1.85rem;line-height:1.12;margin:.1rem 0 .5rem;border:0;padding:0}
.cur-banner h2 a{color:#26242b;text-decoration:none}
.cur-banner h2 a:hover{color:#2c3e5d}
.cur-banner p{margin:.2rem auto .95rem;max-width:56ch;color:#585463;font-size:.98rem;font-style:italic}
.cur-banner .enter{display:inline-block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background:#2c3e5d;color:#faf6ec;padding:.55rem 1.5rem;text-decoration:none}
.cur-banner .enter:hover{opacity:.88;color:#faf6ec;text-decoration:none}
.site-nav a.feature{color:#2c3e5d;font-weight:600}