/* Word Helper (2026-10-12) - see mbh-words.js */
.w.wd-t{text-decoration:underline dotted;text-decoration-color:rgba(176,132,30,.85);text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}
.pg-text .w,.page-text .w{cursor:pointer;-webkit-tap-highlight-color:rgba(201,168,76,.25)}
html.paper .w.wd-t{text-decoration-color:rgba(60,48,28,.6)}

.wd-scrim{position:fixed;inset:0;z-index:240;background:rgba(10,14,30,.28);opacity:0;pointer-events:none;transition:opacity .2s}
.wd-scrim.show{opacity:1;pointer-events:auto}
.wd-card{position:fixed;left:50%;bottom:16px;z-index:250;width:min(440px,calc(100vw - 20px));transform:translate(-50%,24px);opacity:0;pointer-events:none;
  background:#fffdf8;color:#1a1608;border:1px solid rgba(26,22,8,.12);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.3);padding:18px 20px 16px;
  font-family:Nunito,system-ui,sans-serif;transition:transform .22s,opacity .22s}
.wd-card.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.wd-x{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;background:none;border-radius:50%;cursor:pointer;color:#6b6457;display:flex;align-items:center;justify-content:center}
.wd-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.wd-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-right:36px}
.wd-word{font:700 30px/1.15 Georgia,'Times New Roman',serif;color:#1a1608}
.wd-say{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:#0a1940;color:#f5e7be;font:800 14px Nunito,system-ui,sans-serif;padding:8px 14px;cursor:pointer}
.wd-say svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wd-say.on .wv1,.wd-say.on .wv2{animation:wdWave .45s ease-in-out 2 alternate}
.wd-say .wv2{animation-delay:.12s}
@keyframes wdWave{to{opacity:.2}}
.wd-base{font-size:13px;color:#6b6457;margin-top:4px}
.wd-mean{font-size:19px;line-height:1.45;font-weight:700;margin:10px 0 0;color:#1a1608}
.wd-wait,.wd-soon{font-weight:600;color:#5c5548;font-size:16px}
.wd-ctx{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#f4efe3;font:italic 15px/1.5 Georgia,serif;color:#3a342a}
.wd-ctx span{display:block;font:800 10.5px Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a5c1c;margin-bottom:3px;font-style:normal}
.wd-ctx b{background:#fbe7a6;border-radius:3px;padding:0 2px;font-style:normal}
html.paper .wd-card{background:#fbf8f1;border-color:rgba(60,48,28,.2)}
html.paper .wd-say{background:#2f2a22;color:#f6f1e5}
html.paper .wd-ctx b{background:#e2d4ae}
@media (prefers-reduced-motion:reduce){.wd-card,.wd-scrim{transition:none}.wd-say.on .wv1,.wd-say.on .wv2{animation:none}}

/* Words to know (cover page / scroll-reader hero) */
.wd-know{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:640px;margin:10px auto 6px;padding:0 16px;font-family:Nunito,system-ui,sans-serif}
.wd-know-l{display:inline-flex;align-items:center;gap:6px;font:800 12px Nunito,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7a5c1c;width:100%;justify-content:center}
.wd-know-l svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wd-chip{border:1.5px dotted rgba(176,132,30,.8);background:#fffaf0;color:#1a1608;border-radius:999px;padding:7px 14px;font:700 15px Georgia,serif;cursor:pointer}
.wd-chip:hover{background:#fbe7a6}
html.paper .wd-chip{background:#fbf8f1;border-color:rgba(60,48,28,.45);color:#2a2620}
html.paper .wd-know-l{color:#5c5548}

/* End screen */
.wd-learned{margin:6px auto 4px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px}
.wd-learned span{width:100%;font:800 11px Nunito,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;margin-bottom:2px}
.wd-learned b{font:700 14px Georgia,serif;padding:4px 11px;border-radius:999px;border:1px solid rgba(201,168,76,.55);color:#f5e7be}
.the-end .wd-learned b{color:#1a1608}
html.paper .the-end-overlay:not(.bedtime) .wd-learned b{color:#2a2620;border-color:rgba(60,48,28,.35)}
html.paper .the-end-overlay:not(.bedtime) .wd-learned span{color:#7a5c1c}

/* Book page list (dark page) */
.wd-book h2{font-family:'Playfair Display',Georgia,serif;font-size:18px;text-align:center;margin-bottom:4px;color:var(--white,#f0eef8)}
.wd-list-sub{text-align:center;font-size:13px;color:var(--muted,rgba(240,238,248,.7));margin-bottom:12px}
.wd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:0}
.wd-list div{background:var(--glass,rgba(255,255,255,.06));border:1px solid var(--glass-b,rgba(255,255,255,.13));border-radius:12px;padding:10px 12px}
.wd-list dt{font:700 16px Georgia,serif;color:var(--gold-lt,#e8c97a);margin-bottom:2px}
.wd-list dd{margin:0;font-size:14px;line-height:1.45;color:var(--white,#f0eef8)}
html.paper .wd-list div{background:#fbf8f1}

.wd-more{border:0;background:none;color:#7a5c1c;font:800 13.5px Nunito,sans-serif;padding:7px 10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
html.paper .wd-more{color:#5c5548}
.wd-chip[hidden]{display:none}
@media(max-width:640px){.pg-cover .wd-know,.wd-know{margin-bottom:52px}}

/* Night mode (2026-10-12) - the word card itself stays light, like a card held up to the page */
html.night .w.wd-t{text-decoration-color:rgba(217,183,102,.8)}
html.night .wd-chip{background:#1f1c18;border-color:rgba(217,183,102,.6);color:#e8dfcc}
html.night .wd-chip:hover{background:#2b261f}
html.night .wd-know-l,html.night .wd-more{color:#d9b766}
html.night .the-end-overlay:not(.bedtime) .wd-learned b,html.night .the-end .wd-learned b{color:#e8dfcc;border-color:rgba(230,220,200,.35)}
html.night .the-end-overlay:not(.bedtime) .wd-learned span{color:#d9b766}