/* Lagniappe — games & extras for Cooking in Old Créole Days */
.lagniappe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.funnav{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem;font-size:.9rem}
.funnav a{border:1px solid var(--rule);background:var(--card);border-radius:16px;
  padding:.15rem .8rem;text-decoration:none}
.funnav a:hover{background:rgba(140,45,25,.08)}
.funnav a.cur{background:var(--accent);border-color:var(--accent);color:#fff8ec;pointer-events:none}
.gamebox{max-width:660px;margin:0 auto}
.gamebox .qcount{font-variant:small-caps;letter-spacing:.1em;font-size:.85rem;color:#8a7457;margin-bottom:.3rem}
.gamebox .qtext{font-size:1.1rem;margin:0 0 .8rem}
.cluebox{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--accent);
  border-radius:3px;padding:.7rem 1rem;margin:0 0 1rem;font-size:.98rem}
.opts{display:grid;gap:.5rem}
.opt{display:block;width:100%;text-align:left;font:inherit;font-size:1rem;color:var(--ink);
  background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:.55rem .9rem;cursor:pointer}
.opt:hover{background:#f3e9d2}
.opt:disabled{cursor:default}
.opt.right{background:#e6eedb;border-color:#7d9c5e;color:#33491f}
.opt.wrong{background:#f3ded9;border-color:#b3766c;color:#63241c}
.explain{background:#f3e9d2;border-left:3px solid var(--accent);padding:.6rem .9rem;margin:.9rem 0;font-size:.95rem}
.nextrow{margin:1rem 0 .3rem;text-align:center}
.bigbtn{display:inline-block;font:inherit;font-size:1rem;background:var(--accent);color:#fff8ec;
  border:none;border-radius:3px;padding:.5rem 1.4rem;cursor:pointer;text-decoration:none}
.bigbtn:hover{background:var(--accent-dark);color:#fff8ec}
.resultcard{background:var(--card);border:1px solid var(--accent);outline:1px solid var(--accent);
  outline-offset:3px;border-radius:3px;padding:1.3rem 1.5rem;margin:.8rem 0 1.1rem;text-align:center}
.resultcard h2{margin:.1rem 0 .5rem;color:var(--accent);font-size:1.6rem}
.resultcard .score{font-size:2.4rem;color:var(--accent);margin:.1rem 0 .3rem}
.resultcard p{margin:0 0 .6rem;font-size:.98rem}
.resultcard .attr{display:block;margin-top:-.3rem}
.sharebox{display:flex;gap:.5rem;max-width:460px;margin:.7rem auto 0}
.sharebox input{flex:1;font:inherit;font-size:.8rem;padding:.45rem .6rem;border:1px solid var(--rule);
  border-radius:3px;background:#fffdf6;color:#6b573f;min-width:0}
.sharebox button{font:inherit;font-size:.85rem;background:#f3e9d2;border:1px solid var(--rule);
  border-radius:3px;padding:.45rem .9rem;cursor:pointer;color:var(--accent-dark)}
.sharebox button:hover{background:#ecdfc0}
.sharenote{font-size:.8rem;color:#8a7457;margin-top:.35rem;font-style:italic;text-align:center}
.challenge{background:#f3e9d2;border:1px solid var(--rule);border-radius:3px;padding:.6rem 1rem;
  margin:0 0 1.1rem;font-size:.95rem;color:var(--accent-dark);text-align:center}
.datestamp{text-align:center;font-variant:small-caps;letter-spacing:.14em;color:#8a7457;font-size:.9rem;margin:0 0 .6rem}
/* wheel */
.wheelrow{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}
.wheelrow select{font:inherit;padding:.45rem .6rem;border:1px solid var(--rule);border-radius:3px;background:var(--card)}
.wheelface{border:3px double var(--accent);border-radius:6px;background:var(--card);text-align:center;
  font-size:1.5rem;padding:1.4rem 1rem;margin:0 0 1rem;min-height:4.6rem;color:var(--accent-dark)}
.wheelface.spinning{color:#8a7457;font-style:italic}
/* measures */
.measrow{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:0 0 1rem}
.measrow input[type=number]{width:5.5rem;font:inherit;padding:.45rem .6rem;border:1px solid var(--rule);
  border-radius:3px;background:var(--card)}
.measrow select{font:inherit;padding:.45rem .6rem;border:1px solid var(--rule);border-radius:3px;
  background:var(--card);max-width:100%}
.measout{text-align:center;font-size:1.25rem;background:var(--card);border:1px solid var(--rule);
  border-radius:3px;padding:.9rem 1rem;max-width:560px;margin:0 auto 1rem}
.measout .metric{display:block;font-size:.9rem;color:#8a7457}
table.meas{border-collapse:collapse;margin:1rem auto;font-size:.95rem}
table.meas th,table.meas td{border:1px solid var(--rule);padding:.35rem .9rem;text-align:left}
table.meas th{font-variant:small-caps;font-weight:normal;background:#f3e9d2;color:var(--accent-dark)}
/* invitation */
.invform{display:grid;gap:.7rem;max-width:560px;margin:0 auto 1.2rem}
.invform label{display:block;font-size:.85rem;font-variant:small-caps;letter-spacing:.06em;color:#8a7457}
.invform input,.invform select{width:100%;font:inherit;padding:.45rem .6rem;border:1px solid var(--rule);
  border-radius:3px;background:var(--card)}
.invitecard{max-width:560px;margin:0 auto 1.2rem;background:#fffdf6;border:1px solid var(--accent);
  outline:3px double var(--accent);outline-offset:6px;padding:2rem 2.2rem;text-align:center}
.invitecard .inv-orn{color:var(--accent);font-size:1.3rem;letter-spacing:.4em}
.invitecard h2{font-size:1.5rem;color:var(--accent-dark);margin:.4rem 0 .2rem}
.invitecard .inv-sub{font-style:italic;color:#6b573f;font-size:.95rem;margin:0 0 1rem}
.invitecard .inv-when{font-size:1.05rem;margin:0 0 1rem}
.invitecard ul{list-style:none;margin:0 0 1rem;padding:0}
.invitecard li{padding:.3rem 0;border-bottom:1px dotted var(--rule);font-size:1.05rem}
.invitecard li:last-child{border-bottom:none}
.invitecard li .course{display:block;font-size:.72rem;font-variant:small-caps;letter-spacing:.14em;color:#8a7457}
.invitecard .inv-from{font-style:italic;margin-top:.8rem}
@media(max-width:640px){.invitecard{padding:1.2rem 1rem}}

/* Cabinet of Curiosities feature (The Lagniappe) */
.cur-banner{max-width:820px;margin:1.6rem auto 2rem;background:#fffaf0;border:1px solid #d8c9a8;outline:1px solid #d8c9a8;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:#8c2d19;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:#3a2c1e;text-decoration:none}
.cur-banner h2 a:hover{color:#8c2d19}
.cur-banner p{margin:.2rem auto .95rem;max-width:56ch;color:#6b5744;font-size:.98rem;font-style:italic}
.cur-banner .enter{display:inline-block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background:#8c2d19;color:#faf6ec;padding:.55rem 1.5rem;text-decoration:none}
.cur-banner .enter:hover{opacity:.88;color:#faf6ec;text-decoration:none}
header nav a.feature{color:#8c2d19;font-weight:600}

/* safety warning (patched forward 2026-07-28) */
.safety-warning{border:2px solid #b00020;background:#fff5f5;border-radius:4px;
  padding:14px 18px;margin:0 0 22px}
.safety-warning p{margin:0 0 9px}
.safety-warning p:last-child{margin:0}
.safety-warning-head{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:15px;letter-spacing:.01em}
.safety-warning-body{font-size:15px;line-height:1.55}
.safety-warning-closer{font-size:14px;color:#5a5a5a}
@media print{.safety-warning{border-color:#000;background:transparent}}
/* /safety warning */