/* ==========================================================
   WORDS TO KNOW (lw-glossary.js): flip-card glossary panel
   shared by every Big Adventure page. Colors come from
   --lwg-a (accent), --lwg-ink (dark accent) and --lwg-t (tint),
   set per section by the script.
   ========================================================== */
.lwg{--lwg-a:#8f82d6;--lwg-ink:#4a3f96;--lwg-t:#f3f1fc;--lwg-paper:#fbf6ea;--lwg-line:rgba(38,54,47,.07);
  width:min(1180px,calc(100% - 32px));margin:2.4rem auto;scroll-margin-top:90px;color:#26362f;font-family:"Andika","Trebuchet MS",system-ui,sans-serif}
.lwg *,.lwg *::before,.lwg *::after{box-sizing:border-box}
.lwg-in{position:relative;padding:clamp(18px,3vw,34px);border-radius:24px;background:
  linear-gradient(90deg,transparent 0 46px,rgba(185,80,47,.16) 46px 48px,transparent 48px),
  repeating-linear-gradient(180deg,transparent 0 31px,var(--lwg-line) 31px 32px),var(--lwg-paper);
  border:2px solid rgba(38,54,47,.12);box-shadow:0 14px 35px rgba(25,35,27,.14);overflow:hidden}
.lwg-in::before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:var(--lwg-a);opacity:.85}
.lwg-head{padding-left:clamp(0px,4vw,40px);max-width:52rem}
.lwg-eyebrow{margin:.2rem 0 .1rem;font:600 .82rem/1.2 "Fredoka","Trebuchet MS",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lwg-ink)}
.lwg-title{margin:0;font:700 clamp(1.5rem,3.2vw,2.2rem)/1.1 "Fredoka","Trebuchet MS",system-ui,sans-serif;color:var(--lwg-ink);overflow-wrap:anywhere}
.lwg-lede{margin:.45rem 0 0;font-size:1rem;line-height:1.45;max-width:40rem}
.lwg-chips,.lwg-views{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;padding-left:clamp(0px,4vw,40px)}
.lwg-chip,.lwg-view{appearance:none;border:2px solid var(--lwg-a);background:#fff;color:var(--lwg-ink);border-radius:999px;padding:.42rem .9rem;min-height:40px;
  font:600 .92rem/1.1 "Fredoka","Trebuchet MS",system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.lwg-chip:hover,.lwg-view:hover{background:var(--lwg-t);transform:translateY(-1px)}
.lwg-chip[aria-pressed="true"],.lwg-view[aria-pressed="true"]{background:var(--lwg-ink);border-color:var(--lwg-ink);color:#fff}
.lwg-views{margin-top:.8rem}
.lwg-chip:focus-visible,.lwg-view:focus-visible,.lwg-letter:focus-visible,.lwg-card:focus-visible{outline:3px solid #eea52c;outline-offset:3px}
.lwg-body{margin-top:.6rem}
.lwg-count{margin:.6rem 0 .6rem;padding-left:clamp(0px,4vw,40px);font-size:.9rem;color:#55645c}
.lwg-sub{margin:1.4rem 0 .6rem;padding-left:clamp(0px,4vw,40px);font:600 1.1rem/1.2 "Fredoka","Trebuchet MS",system-ui,sans-serif;color:var(--lwg-ink)}
.lwg-L{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;margin-left:clamp(0px,4vw,40px);padding:0;border-radius:10px;background:var(--lwg-ink);color:#fff;font-size:1.2rem;scroll-margin-top:90px}
.lwg-L:focus{outline:3px solid #eea52c;outline-offset:2px}
.lwg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;padding-left:clamp(0px,4vw,40px)}
.lwg-az{display:flex;flex-wrap:wrap;gap:.3rem;margin:.2rem 0 .4rem;padding-left:clamp(0px,4vw,40px)}
.lwg-letter{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;border:2px solid var(--lwg-a);background:#fff;color:var(--lwg-ink);
  font:600 .95rem/1 "Fredoka","Trebuchet MS",system-ui,sans-serif;cursor:pointer;padding:0}
.lwg-letter:hover{background:var(--lwg-t)}
.lwg-letter.off{border-color:rgba(38,54,47,.12);color:rgba(38,54,47,.3);background:transparent;cursor:default}

/* flip card: both faces share one grid cell so the card grows to fit the longer side */
.lwg-card{position:relative;display:grid;width:100%;padding:0;border:0;background:none;cursor:pointer;perspective:800px;font:inherit;color:inherit;text-align:center;border-radius:16px}
.lwg-inner{display:grid;min-height:124px;transition:transform .55s cubic-bezier(.3,1.3,.5,1);transform-style:preserve-3d}
.lwg-card[aria-pressed="true"] .lwg-inner{transform:rotateY(180deg)}
.lwg-face{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.8rem .7rem;border-radius:16px;
  border:2px solid var(--lwg-a);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lwg-front{position:relative;background:var(--lwg-t);box-shadow:0 3px 0 var(--lwg-a)}
.lwg-front::after{content:"";position:absolute;right:-2px;top:-2px;width:18px;height:18px;border-radius:0 14px 0 8px;background:linear-gradient(225deg,var(--lwg-paper) 50%,var(--lwg-a) 50%)}
.lwg-back{background:#fff;transform:rotateY(180deg);box-shadow:0 3px 0 var(--lwg-ink);justify-content:flex-start}
.lwg-w{font:600 1.12rem/1.15 "Fredoka","Trebuchet MS",system-ui,sans-serif;color:var(--lwg-ink);overflow-wrap:anywhere;hyphens:auto}
.lwg-say{font-size:.78rem;line-height:1.2;color:#55645c;font-style:italic}
.lwg-say-l{font-style:normal;font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.lwg-turn{position:absolute;left:.55rem;bottom:.35rem;font-size:.9rem;color:var(--lwg-a);opacity:.75;transition:transform .3s}
.lwg-card:hover .lwg-front{filter:brightness(.98)}
.lwg-card:hover .lwg-turn{transform:rotate(-60deg)}
.lwg-card:hover .lwg-inner{translate:0 -2px}
.lwg-bw{font:600 .8rem/1.1 "Fredoka","Trebuchet MS",system-ui,sans-serif;color:var(--lwg-a);letter-spacing:.02em}
.lwg-d{font-size:.9rem;line-height:1.35}
.lwg-src{margin:1.4rem 0 0;padding-left:clamp(0px,4vw,40px);font-size:.82rem;line-height:1.7;color:#55645c}

@media (max-width:640px){
  .lwg{width:calc(100% - 24px);margin:1.8rem auto}
  .lwg-in{padding:18px 14px;background:repeating-linear-gradient(180deg,transparent 0 31px,var(--lwg-line) 31px 32px),var(--lwg-paper)}
  .lwg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .lwg-inner{min-height:112px}
  .lwg-face{padding:.65rem .5rem}
  .lwg-w{font-size:1rem}
  .lwg-d{font-size:.84rem}
  .lwg-letter{width:30px;height:30px;font-size:.88rem}
  .lwg-chip,.lwg-view{font-size:.86rem;padding:.38rem .75rem}
}
@media (prefers-reduced-motion:reduce){.lwg-inner,.lwg-turn,.lwg-chip,.lwg-view{transition:none}.lwg-card:hover .lwg-inner{translate:none}}