/* Wordle Answers Archive v1.0.0 — inherits the active theme's typography; loads no fonts. */
:root{
  --ink:#16181d; --ink-2:#3a3f4a; --muted:#6b7280;
  --paper:#fbfbfc; --surface:#fff; --line:#e4e6eb; --line-2:#f0f1f4;
  --used:#5b8a51; --used-soft:#eaf2e8;
  --fresh:#a8862c; --fresh-soft:#fbf4e2;
  --repeat:#6d51c4; --repeat-soft:#f0ecfb;
  --focus:#2563eb;
  --r:10px; --tile:58px;
  
  
}

:root[data-theme=dark]{
  --ink:#f2f3f5; --ink-2:#c3c7d0; --muted:#9aa1ad;
  --paper:#101216; --surface:#171a20; --line:#282c35; --line-2:#1e222a;
  --used:#7fb475; --used-soft:#1d2a1c; --fresh:#d4b355; --fresh-soft:#2a2415;
  --repeat:#a48ceb; --repeat-soft:#221c33; --focus:#6ea8ff;
}

.pww *,.pww *::before,.pww *::after{box-sizing:border-box}
.pww{
  font-family:inherit; color:var(--ink); background:var(--paper);
  border:1px solid var(--line); border-radius:14px;
  max-width:900px; margin:0 0 2.25rem; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.pww :focus-visible{outline:2px solid var(--focus); outline-offset:2px; border-radius:6px}

/* ---------- search + verdict ---------- */
.pww-hero{padding:1.75rem 1.25rem 1.5rem; background:var(--surface); border-bottom:1px solid var(--line)}
.pww-search{position:relative; max-width:520px; margin:0 auto}
.pww-search svg{position:absolute; left:16px; top:50%; transform:translateY(-50%); width:18px; height:18px; stroke:var(--muted); pointer-events:none}
.pww-search input{
  width:100%; font-weight:600; font-size:1.0625rem; line-height:1.4; letter-spacing:.06em; text-transform:uppercase;
  padding:.9rem 2.75rem .9rem 2.9rem; color:var(--ink);
  background:var(--paper); border:1.5px solid var(--line); border-radius:var(--r); transition:border-color .15s,box-shadow .15s;
}
.pww-search input::placeholder{text-transform:none; letter-spacing:0; font-weight:400; color:var(--muted)}
.pww-search input:focus{border-color:var(--ink-2); box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 14%,transparent); outline:none}
.pww-clear{position:absolute; right:8px; top:50%; transform:translateY(-50%); display:none;
  border:0; background:none; cursor:pointer; color:var(--muted); font-size:1.35rem; line-height:1; padding:.25rem .45rem; border-radius:6px}
.pww-clear:hover{color:var(--ink); background:var(--line-2)}
.pww-search.has input{padding-right:2.75rem}
.pww-search.has .pww-clear{display:block}

/* signature: verdict tiles */
.pww-verdict{margin-top:1.35rem; text-align:center; min-height:0}
.pww-verdict[hidden]{display:none}
.pww-tiles{display:flex; gap:6px; justify-content:center; perspective:900px}
.pww-tiles b{
  width:var(--tile); height:var(--tile); display:grid; place-items:center;
  font-weight:700; font-size:1.65rem; line-height:1; letter-spacing:.02em;
  border:2px solid var(--line); border-radius:8px; color:var(--ink); background:var(--surface);
  transform-style:preserve-3d;
}
.pww-tiles.flip b{animation:pww-flip .5s ease forwards}
.pww-tiles.flip b:nth-child(2){animation-delay:.08s}
.pww-tiles.flip b:nth-child(3){animation-delay:.16s}
.pww-tiles.flip b:nth-child(4){animation-delay:.24s}
.pww-tiles.flip b:nth-child(5){animation-delay:.32s}
@keyframes pww-flip{
  0%{transform:rotateX(0)}
  49%{transform:rotateX(90deg); border-color:var(--line); background:var(--surface); color:var(--ink)}
  50%{transform:rotateX(90deg); border-color:var(--c); background:var(--c); color:#fff}
  100%{transform:rotateX(0); border-color:var(--c); background:var(--c); color:#fff}
}
.pww-tiles.used b{--c:var(--used)}
.pww-tiles.fresh b{--c:var(--fresh)}
.pww-say{margin:.95rem 0 0; font-size:1.0625rem; font-weight:600}
.pww-say small{display:block; margin-top:.3rem; font-size:.875rem; font-weight:400; color:var(--muted)}
.pww-say .again{color:var(--repeat); font-weight:600}

.pww-meta{margin:1.35rem 0 0; text-align:center; font-size:.8125rem; color:var(--muted); display:flex; gap:.4rem .9rem; justify-content:center; flex-wrap:wrap}
.pww-meta b{color:var(--ink); font-weight:600}
.pww-safe{color:var(--used); font-weight:500}

/* ---------- controls ---------- */
.pww-bar{display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; padding:.85rem 1.25rem; border-bottom:1px solid var(--line); background:var(--surface)}
.pww-seg{display:flex; gap:2px; background:var(--line-2); padding:3px; border-radius:9px}
.pww-seg button{
  font-weight:500; font-size:.8125rem; line-height:1; color:var(--ink-2); background:none; border:0; cursor:pointer;
  padding:.5rem .7rem; border-radius:7px; transition:background .12s,color .12s; white-space:nowrap;
}
.pww-seg button:hover{color:var(--ink)}
.pww-seg button[aria-pressed=true]{background:var(--surface); color:var(--ink); font-weight:600; box-shadow:0 1px 2px rgba(0,0,0,.07)}
.pww-ghost{
  font-weight:500; font-size:.8125rem; line-height:1; color:var(--ink-2); background:none; border:1px solid var(--line);
  padding:.55rem .75rem; border-radius:8px; cursor:pointer; display:inline-flex; align-items:center; gap:.4rem;
}
.pww-ghost:hover{border-color:var(--ink-2); color:var(--ink)}
.pww-ghost[aria-expanded=true],.pww-ghost[aria-pressed=true]{background:var(--ink); color:var(--paper); border-color:var(--ink)}
.pww-ghost .chev{transition:transform .18s}
.pww-ghost[aria-expanded=true] .chev{transform:rotate(180deg)}
.pww-spacer{margin-left:auto}

/* filters */
.pww-filters{padding:1.1rem 1.25rem; border-bottom:1px solid var(--line); background:var(--paper); display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:.9rem 1rem}
.pww-filters[hidden]{display:none}
.pww-f label{display:block; font-size:.6875rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); margin-bottom:.35rem}
.pww-f input,.pww-f select{
  width:100%; font-weight:500; font-size:.875rem; line-height:1; text-transform:uppercase; letter-spacing:.04em;
  padding:.55rem .6rem; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:8px;
}
.pww-f select{text-transform:none; letter-spacing:0}
.pww-f input:focus,.pww-f select:focus{border-color:var(--ink-2); outline:none}
.pww-pat{display:flex; gap:5px}
.pww-pat input{width:100%; min-width:0; text-align:center; font-size:.9375rem; font-weight:700; padding:.55rem .1rem}
.pww-fnote{grid-column:1/-1; font-size:.75rem; color:var(--muted); margin:0}

/* A–Z rail */
.pww-az{position:sticky; top:var(--pww-offset,0px); z-index:6; display:flex; gap:1px; flex-wrap:wrap; padding:.55rem 1.25rem;
  background:color-mix(in srgb,var(--surface) 92%,transparent); backdrop-filter:blur(8px); border-bottom:1px solid var(--line)}
.pww-az a{
  flex:1 1 auto; text-align:center; min-width:24px; font-size:.75rem; font-weight:600; line-height:1; color:var(--muted);
  text-decoration:none; padding:.35rem .1rem; border-radius:5px;
}
.pww-az a:hover{background:var(--ink); color:var(--paper)}
.pww-az a[aria-disabled=true]{opacity:.28; pointer-events:none}
.pww-az[hidden]{display:none}

/* ---------- table ---------- */
.pww-count{padding:.7rem 1.25rem; font-size:.8125rem; color:var(--muted); border-bottom:1px solid var(--line-2)}
.pww-count b{color:var(--ink); font-weight:600}
.pww-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch}
.pww table{width:100%; border-collapse:collapse; font-size:.9375rem}
.pww thead th{
  position:sticky; top:calc(var(--pww-offset,0px) + var(--pww-az-h,0px)); z-index:2; text-align:left; background:var(--surface);
  font-weight:600; font-size:.6875rem; line-height:1; letter-spacing:.07em; text-transform:uppercase; color:var(--muted);
  padding:.7rem 1.25rem; border-bottom:1px solid var(--line); cursor:pointer; user-select:none; white-space:nowrap;
}
.pww thead th:hover{color:var(--ink)}
.pww thead th .ar{opacity:0; margin-left:.3rem}
.pww thead th[aria-sort] .ar{opacity:1}
.pww tbody tr{content-visibility:auto; contain-intrinsic-size:auto 41px; border-bottom:1px solid var(--line-2)}
.pww tbody tr:hover{background:var(--line-2)}
.pww tbody th{text-align:left; font-size:.9375rem; font-weight:600; letter-spacing:.14em; padding:.72rem 1.25rem; color:var(--ink)}
.pww tbody td{padding:.72rem 1.25rem; color:var(--ink-2); font-variant-numeric:tabular-nums}
.pww .num{font-size:.875rem; width:5.5rem; font-variant-numeric:tabular-nums}
.pww .dt{width:8.5rem; white-space:nowrap}
.pww .fl{width:5.5rem}
.pww tr.rep th{color:var(--repeat)}
.pill{display:inline-block; font-weight:600; font-size:.625rem; line-height:1; letter-spacing:.05em; text-transform:uppercase;
  color:var(--repeat); background:var(--repeat-soft); padding:.3rem .45rem; border-radius:5px}
.pww-empty{padding:3rem 1.25rem; text-align:center; color:var(--muted); font-size:.9375rem}
.pww-empty[hidden]{display:none}
.pww-empty b{display:block; color:var(--ink); font-size:1rem; margin-bottom:.3rem}
.pww-foot{padding:.85rem 1.25rem; font-size:.75rem; color:var(--muted); background:var(--surface); border-top:1px solid var(--line)}

@media (max-width:640px){
  :root{--tile:46px}
  .pww{border-left:0; border-right:0; border-radius:0; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw)}
  .pww-hero{padding:1.35rem .9rem 1.25rem}
  .pww-bar,.pww-filters,.pww-az,.pww-count,.pww-foot{padding-left:.9rem; padding-right:.9rem}
  .pww thead th,.pww tbody th,.pww tbody td{padding-left:.9rem; padding-right:.9rem}
  .pww .dt{width:auto; font-size:.8125rem}
  .pww .num{width:4rem}
  .pww .fl{width:auto}
  .pill{font-size:0; padding:.4rem}
  .pill::after{content:"↺"; font-size:.75rem}
  .pww-spacer{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .pww *{animation-duration:.01ms!important; transition-duration:.01ms!important}
  .pww-tiles.flip b{animation:none; border-color:var(--c); background:var(--c); color:#fff}
}
@media print{
  .pww-bar,.pww-filters,.pww-az,.pww-hero,.pww-foot{display:none}
  .pww-wrap{max-height:none; overflow:visible}
  .pww{border:0}
}

/* progressive reveal — keeps the page short without trapping scroll */
.pww-more{padding:1.15rem 1.25rem; text-align:center; border-top:1px solid var(--line-2)}
.pww-more[hidden]{display:none}
.pww-more button{
  font-size:.875rem; font-weight:600; color:var(--ink); background:var(--surface);
  border:1px solid var(--line); border-radius:9px; padding:.7rem 1.5rem; cursor:pointer;
  transition:border-color .14s, background .14s;
}
.pww-more button:hover{border-color:var(--ink-2); background:var(--line-2)}
.pww-more small{display:block; margin-top:.55rem; font-size:.75rem; color:var(--muted)}

/* ================= supporting-page tools ================= */

.pww-empty-msg{padding:1.5rem 1.25rem; text-align:center; color:var(--muted)}

/* --- timeline --- */
.pww-timeline-wrap{padding:1.25rem 1.25rem 1rem}
.pww-timeline{width:100%; height:auto; display:block}
.pww-t-line{stroke:var(--line); stroke-width:2}
.pww-t-marker{stroke:var(--repeat); stroke-width:1.5; stroke-dasharray:4 3; opacity:.55}
.pww-t-mtitle{font-size:11px; font-weight:600; fill:var(--repeat)}
.pww-t-mdate{font-size:10px; fill:var(--muted)}
.pww-t-tick{stroke:var(--ink-2); stroke-width:1}
.pww-t-yr{font-size:11px; fill:var(--muted)}
.pww-t-region{font-size:11px; fill:var(--muted); font-weight:500}
.pww-t-region-hot{fill:var(--repeat); font-weight:600}
.pww-t-dot{fill:var(--repeat); cursor:help; transition:r .15s, fill .15s}
.pww-t-dot:hover{r:8; fill:#4a339e}
.pww-t-facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.9rem; padding:1.25rem 0 .25rem; border-top:1px solid var(--line-2); margin-top:.75rem}
.pww-t-facts div{text-align:center; padding:.15rem 0}
.pww-t-facts b{display:block; font-size:1.6rem; font-weight:700; color:var(--ink); letter-spacing:-.02em; line-height:1.1}
.pww-t-facts span{display:block; margin-top:.25rem; font-size:.75rem; color:var(--muted)}

/* --- stat block wrapper --- */
.pww-stats{padding:0}
.pww-stat-block{padding:1.35rem 1.25rem; border-bottom:1px solid var(--line-2)}
.pww-stat-block:last-child{border-bottom:0}
.pww-stat-hd{font-size:.9375rem; color:var(--ink-2); margin-bottom:1rem; line-height:1.5}
.pww-stat-hd b{color:var(--ink); font-weight:600}

/* --- bar chart --- */
.pww-chart{width:100%; height:auto; display:block}
.pww-bar{fill:var(--used); transition:fill .12s}
.pww-bar:hover{fill:#476f3f}
.pww-lbl{font-size:11px; font-weight:600; fill:var(--ink); font-variant-numeric:tabular-nums}
.pww-lbl-pct{font-size:9px; fill:var(--muted); font-variant-numeric:tabular-nums}

/* --- position heatmap --- */
.pww-heat{overflow-x:auto}
.pww-heat table{width:100%; border-collapse:separate; border-spacing:2px; min-width:320px}
.pww-heat th{font-size:.75rem; font-weight:600; color:var(--muted); padding:.4rem .5rem; text-align:center}
.pww-heat tbody th{color:var(--ink); background:var(--line-2); border-radius:4px; width:2.4rem}
.pww-heat td{position:relative; padding:0; height:2.2rem; border-radius:4px;
  background:color-mix(in srgb, var(--used) calc(var(--heat,0) * 88%), var(--surface)); text-align:center; cursor:help}
.pww-heat td span{position:relative; z-index:1; font-size:.75rem; font-weight:600; font-variant-numeric:tabular-nums;
  color:color-mix(in srgb, var(--ink) 100%, transparent calc(var(--heat,0) * 0%))}
.pww-heat td:hover{outline:2px solid var(--ink-2); outline-offset:-2px}

/* --- ranked bars --- */
.pww-ranked{list-style:none; padding:0; margin:0}
.pww-ranked li{display:grid; grid-template-columns:2rem 1fr auto; gap:.75rem; align-items:center; padding:.35rem 0}
.pww-rk-l{font-weight:700; color:var(--ink); font-family:inherit; letter-spacing:.05em; text-align:center}
.pww-rk-bar{height:8px; background:var(--line-2); border-radius:4px; overflow:hidden}
.pww-rk-bar span{display:block; height:100%; background:var(--used); border-radius:4px}
.pww-rk-v{font-size:.8125rem; color:var(--ink-2); font-variant-numeric:tabular-nums; white-space:nowrap}
.pww-rk-v em{font-style:normal; color:var(--muted); font-size:.75rem}

/* --- vowel donut --- */
.pww-donut{width:100%; max-width:320px; height:auto; display:block; margin:0 auto}
.pww-lg{font-size:11px; fill:var(--ink-2)}

/* --- doubles split bar --- */
.pww-split{margin-top:.5rem}
.pww-split-row{display:flex; height:24px; border-radius:5px; overflow:hidden; background:var(--line-2)}
.pww-sp-a{background:var(--used)}
.pww-sp-b{background:var(--repeat)}
.pww-split-lg{display:flex; gap:1rem; margin-top:.55rem; font-size:.75rem; color:var(--muted); flex-wrap:wrap}
.pww-split-lg span{flex:1 1 auto}
.pww-split-lg b{color:var(--ink); font-weight:600; font-size:.9375rem}

/* --- starter tester --- */
.pww-tester-in{max-width:320px; margin:0 auto 1rem}
.pww-tester-in input{
  width:100%; font-size:1.1rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; text-align:center;
  padding:.8rem 1rem; color:var(--ink); background:var(--paper);
  border:1.5px solid var(--line); border-radius:10px; transition:border-color .15s, box-shadow .15s;
}
.pww-tester-in input::placeholder{text-transform:none; letter-spacing:0; font-weight:400; color:var(--muted); font-size:.9375rem}
.pww-tester-in input:focus{border-color:var(--ink-2); box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 14%,transparent); outline:none}
.pww-tester-out{padding:1.15rem; background:var(--paper); border:1px solid var(--line); border-radius:10px; margin-top:.5rem}
.pww-tester-out[hidden]{display:none}
.pww-tl-word{display:flex; gap:5px; justify-content:center; margin-bottom:.85rem}
.pww-tl-word b{
  width:38px; height:38px; display:grid; place-items:center; border:2px solid var(--ink-2); border-radius:6px;
  font-size:1.15rem; font-weight:700; letter-spacing:.02em; background:var(--surface); color:var(--ink);
}
.pww-tl-headline{text-align:center; font-size:.9375rem; color:var(--ink-2); margin-bottom:1rem}
.pww-tl-headline b{color:var(--ink); font-weight:700; font-size:1.05rem}
.pww-tl-list{list-style:none; padding:0; margin:0 0 1rem}
.pww-tl-list li{display:grid; grid-template-columns:2rem 1fr auto; gap:.75rem; align-items:center; padding:.4rem 0}
.pww-tl-l{text-align:center; font-weight:700; font-size:.9375rem}
.pww-tl-bar{height:6px; background:var(--line-2); border-radius:3px; overflow:hidden}
.pww-tl-bar span{display:block; height:100%; background:var(--used); border-radius:3px; transition:width .3s ease}
.pww-tl-v{font-size:.8125rem; color:var(--ink-2); font-variant-numeric:tabular-nums; white-space:nowrap}
.pww-tl-v b{color:var(--ink); font-weight:600}
.pww-tl-v em{font-style:normal; color:var(--muted)}
.pww-tl-poshd{font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:.55rem; padding-top:.75rem; border-top:1px solid var(--line-2)}
.pww-tl-posrow{display:grid; grid-template-columns:repeat(5,1fr); gap:.4rem}
.pww-tl-pos{display:grid; place-items:center; padding:.55rem .3rem; background:var(--surface); border:1px solid var(--line); border-radius:6px; text-align:center; gap:.2rem}
.pww-tl-pos b{font-size:1rem; font-weight:700; color:var(--ink); line-height:1}
.pww-tl-pos em{font-style:normal; font-size:.6875rem; color:var(--muted)}
.pww-tl-pos span{font-size:.8125rem; font-weight:600; color:var(--used); font-variant-numeric:tabular-nums}

/* --- standalone lookup page --- */
.pww-hero-lg{padding:2.15rem 1.25rem 1.75rem}
.pww-hero-lg .pww-search input{font-size:1.15rem; padding:1rem 2.9rem 1rem 3rem}
.pww-hero-lg .pww-tiles b{width:56px; height:56px; font-size:1.6rem}
.pww-recent{padding:1rem 1.25rem 1.25rem; border-top:1px solid var(--line)}
.pww-recent[hidden]{display:none}
.pww-recent-hd{font-size:.6875rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin-bottom:.65rem}
.pww-recent ul{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.4rem}
.pww-recent li{display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .65rem; border:1px solid var(--line); border-radius:20px; font-size:.8125rem}
.pww-recent li b{font-weight:700; letter-spacing:.05em}
.pww-recent li span{font-size:.6875rem; color:var(--muted); text-transform:uppercase; letter-spacing:.05em}
.pww-rc-yes{background:var(--used-soft); border-color:transparent}
.pww-rc-yes span{color:var(--used)}
.pww-rc-no{background:var(--fresh-soft); border-color:transparent}
.pww-rc-no span{color:var(--fresh)}

@media (max-width:640px){
  .pww-t-facts b{font-size:1.35rem}
  .pww-heat{margin:0 -.9rem}
  .pww-heat table{min-width:auto}
  .pww-heat td{height:1.9rem}
  .pww-heat td span{font-size:.6875rem}
  .pww-hero-lg{padding:1.5rem .9rem 1.25rem}
  .pww-hero-lg .pww-tiles b{width:44px; height:44px; font-size:1.25rem}
}

/* ================= today & hints tools ================= */

/* --- [wordle_today] --- */
.pww-today{padding:1.5rem 1.25rem 1.75rem; text-align:center}
.pww-td-meta{margin-bottom:1.35rem}
.pww-td-line{display:inline-flex; align-items:center; gap:.65rem; flex-wrap:wrap; justify-content:center}
.pww-td-num{font-size:1.35rem; font-weight:700; color:var(--ink); letter-spacing:-.01em; font-variant-numeric:tabular-nums}
.pww-td-date{font-size:.9375rem; color:var(--muted)}

.pww-td-btn{
  display:inline-flex; flex-direction:column; gap:.35rem; align-items:center;
  padding:1.1rem 2rem; margin:0; cursor:pointer;
  background:var(--surface); color:var(--ink);
  border:1.5px solid var(--line); border-radius:12px;
  transition:border-color .18s, background .18s, transform .12s;
  font-family:inherit;
}
.pww-td-btn:hover{border-color:var(--ink-2); background:var(--line-2)}
.pww-td-btn:active{transform:scale(.99)}
.pww-td-btn-t{font-size:1.0625rem; font-weight:600; letter-spacing:.01em}
.pww-td-btn-s{font-size:.75rem; color:var(--muted); font-weight:400}
.pww-td-btn-open{background:var(--line-2); border-color:var(--ink-2)}
.pww-td-btn-open .pww-td-btn-t{font-size:.9375rem; color:var(--muted); font-weight:500}

.pww-td-answer{margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--line-2)}
.pww-td-answer[hidden]{display:none}
.pww-td-tiles{display:flex; gap:6px; justify-content:center; margin-bottom:1rem; perspective:900px}
.pww-td-tiles b{
  width:64px; height:64px; display:grid; place-items:center;
  font-size:2rem; font-weight:700; letter-spacing:.02em;
  border:2px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink);
  transform-style:preserve-3d;
}
@keyframes pww-td-flip{
  0%{transform:rotateX(0); background:var(--surface); color:var(--ink); border-color:var(--line)}
  49%{transform:rotateX(90deg); background:var(--surface); color:var(--ink); border-color:var(--line)}
  50%{transform:rotateX(90deg); background:var(--used); color:#fff; border-color:var(--used)}
  100%{transform:rotateX(0); background:var(--used); color:#fff; border-color:var(--used)}
}
.pww-flip{animation:pww-td-flip .55s ease forwards}
.pww-td-caption{margin:0; font-size:.9375rem; color:var(--ink-2); line-height:1.55}
.pww-td-caption b{font-weight:700; color:var(--ink); letter-spacing:.08em}
.pww-td-prior{display:block; margin-top:.4rem; font-size:.8125rem; color:var(--muted)}

/* --- [wordle_hints] --- */
.pww-hints{padding:1.25rem 1.25rem 1.5rem}
.pww-hn-meta{text-align:center; margin-bottom:1.25rem; padding-bottom:1.25rem; border-bottom:1px solid var(--line-2)}
.pww-hn-note{margin-top:.85rem; font-size:.8125rem; color:var(--muted); line-height:1.55}
.pww-hn-link{color:var(--ink); font-weight:600; text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:3px}
.pww-hn-link:hover{text-decoration-color:var(--ink-2)}

.pww-hn-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.5rem; counter-reset:none}
.pww-hn-step{border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--surface); transition:border-color .15s}
.pww-hn-step-open{border-color:var(--ink-2)}
.pww-hn-btn{
  width:100%; display:grid; grid-template-columns:2rem 1fr auto; gap:.9rem; align-items:center;
  padding:.95rem 1.15rem; background:none; border:0; cursor:pointer; text-align:left;
  font-family:inherit; color:var(--ink); transition:background .12s;
}
.pww-hn-btn:hover{background:var(--line-2)}
.pww-hn-n{
  width:1.6rem; height:1.6rem; display:grid; place-items:center;
  background:var(--line-2); color:var(--ink-2);
  border-radius:50%; font-size:.75rem; font-weight:700; font-variant-numeric:tabular-nums;
}
.pww-hn-step-open .pww-hn-n{background:var(--ink); color:var(--paper)}
.pww-hn-label{font-size:.9375rem; font-weight:600; letter-spacing:.005em}
.pww-hn-chev{font-size:1.15rem; font-weight:400; color:var(--muted); width:1rem; text-align:center; line-height:1}
.pww-hn-step-open .pww-hn-chev{color:var(--ink)}
.pww-hn-body{padding:0 1.15rem 1.05rem 3.95rem; font-size:.9375rem; color:var(--ink-2); line-height:1.6}
.pww-hn-body[hidden]{display:none}
.pww-hn-body b{color:var(--ink); font-weight:700; letter-spacing:.06em}

@media (max-width:640px){
  .pww-td-btn{padding:1rem 1.35rem; width:100%}
  .pww-td-tiles b{width:52px; height:52px; font-size:1.65rem}
  .pww-td-line{gap:.4rem}
  .pww-td-num{font-size:1.2rem}
  .pww-td-date{font-size:.875rem; width:100%}
  .pww-hn-btn{grid-template-columns:1.8rem 1fr auto; gap:.7rem; padding:.85rem 1rem}
  .pww-hn-body{padding-left:3.5rem; padding-right:1rem}
}

@media (prefers-reduced-motion:reduce){
  .pww-flip{animation:none; background:var(--used); color:#fff; border-color:var(--used)}
}

/* ================= content shortcodes ================= */
/* Prose blocks inherit everything from the theme. The wrapper exists only
   to make sure our content sits inside the same reading-width column the
   theme uses; no font-size, no font-family, no colour overrides. */
.pww-prose{margin:0 0 1rem}
.pww-prose:last-child{margin-bottom:0}
.pww-prose p{margin:0 0 1em}
.pww-prose p:last-child{margin-bottom:0}
.pww-prose a{color:inherit; text-decoration:underline; text-underline-offset:2px}
.pww-prose a:hover{text-decoration-thickness:2px}

/* Repeated-words table */
.pww-rw-table-wrap{margin:1.5rem 0; overflow-x:auto; border-radius:12px; border:1px solid var(--line)}
.pww-rw-table{width:100%; border-collapse:collapse; min-width:520px}
.pww-rw-table thead th{
  text-align:left; padding:.85rem 1rem;
  background:var(--surface); border-bottom:1px solid var(--line);
  font-size:.75rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted);
}
.pww-rw-table tbody th{
  text-align:left; padding:.75rem 1rem; font-weight:700; letter-spacing:.08em;
  color:var(--ink); background:var(--paper);
}
.pww-rw-table tbody td{padding:.75rem 1rem; color:var(--ink-2); font-variant-numeric:tabular-nums}
.pww-rw-table tbody tr{border-bottom:1px solid var(--line-2)}
.pww-rw-table tbody tr:last-child{border-bottom:0}
.pww-rw-table tbody tr:hover{background:var(--line-2)}
@media (max-width:640px){
  .pww-rw-table thead th, .pww-rw-table tbody th, .pww-rw-table tbody td{padding:.65rem .75rem; font-size:.875rem}
}