:root{--accent:#f26b38}.hub-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:26px;align-items:stretch;padding:54px 0 66px}.hub-hero h1{font-size:clamp(3.2rem,9vw,7.2rem);max-width:900px}.hub-hero-aside{background:var(--accent);border:3px solid var(--wb-ink);padding:24px;box-shadow:8px 8px 0 var(--wb-ink);display:flex;flex-direction:column;justify-content:space-between}.hub-hero-aside strong{font-size:5rem;line-height:1}.alphabet{display:grid;grid-template-columns:repeat(13,minmax(44px,1fr));gap:8px}.letter{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--wb-ink);background:#ebe5da;font-weight:950;text-decoration:none}.letter[aria-disabled="true"]{color:#928c80;border-color:#aaa396}.letter.is-live{background:var(--letter-accent,var(--accent));box-shadow:3px 3px 0 var(--wb-ink)}.letter.is-live:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--wb-ink)}.letter-a{--letter-accent:#ff8a3d}.letter-f{--letter-accent:#8c72ff}.letter-o{--letter-accent:#1bb58a}.tool-card{position:relative;display:flex;flex-direction:column;min-height:330px;text-decoration:none;overflow:hidden}.tool-card::before{content:attr(data-letter);position:absolute;right:-.02em;bottom:-.22em;font-size:10rem;font-weight:950;line-height:1;color:#0000000d}.tool-card.a{--accent:#ff8a3d}.tool-card.f{--accent:#8c72ff}.tool-card.o{--accent:#1bb58a}.tool-card .wb-pill{align-self:flex-start}.tool-card .open{margin-top:auto;font-weight:900}.tool-card:hover{background:#fff}.quality-list{counter-reset:q}.quality-item{position:relative;padding-left:70px}.quality-item::before{counter-increment:q;content:counter(q,decimal-leading-zero);position:absolute;left:0;top:0;font-size:1.7rem;font-weight:950;color:var(--accent)}.faq-grid details{background:var(--wb-paper-2);border:2px solid var(--wb-ink);padding:18px}.faq-grid summary{font-weight:900;cursor:pointer}.faq-grid details p{color:var(--wb-muted)}
@media(max-width:900px){.hub-hero{grid-template-columns:1fr}.alphabet{grid-template-columns:repeat(7,1fr)}}
@media(max-width:520px){.alphabet{grid-template-columns:repeat(5,1fr)}.hub-hero-aside strong{font-size:4rem}.tool-card{min-height:auto}}

/* v4.1 — compact, calmer mobile hub. */
@media (max-width:800px){
  .hub-hero{display:block;padding:26px 0 34px}
  .hub-hero h1{font-size:clamp(2.7rem,14vw,4rem);line-height:.92;letter-spacing:-.065em;margin:.2rem 0 .9rem}
  .hub-hero .wb-lede{max-width:none}
  .hub-hero .wb-note{margin:18px 0}
  .hub-hero-aside{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;padding:15px 16px;border:1px solid #d7b39d;box-shadow:none;background:#fff7f1}
  .hub-hero-aside>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px}
  .hub-hero-aside .wb-pill{grid-column:1/-1;justify-self:start;background:#f4d4c3}
  .hub-hero-aside strong{font-size:2.7rem;line-height:.9}
  .hub-hero-aside h2{font-size:1rem;line-height:1.1;margin:0;letter-spacing:-.02em}
  .hub-hero-aside>p{grid-column:1/-1;margin:4px 0 0;font-size:.86rem;line-height:1.45;color:#5f554f}
  .alphabet{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;scroll-snap-type:x proximity}
  .letter{flex:0 0 38px;width:38px;height:38px;aspect-ratio:auto;border:1px solid #c9c0b2;font-size:.82rem;scroll-snap-align:start}
  .letter.is-live{border-color:var(--wb-ink);box-shadow:none}
  .letter.is-live:hover{transform:none;box-shadow:none}
  .tool-card{min-height:0;padding:18px 18px 16px;border:1px solid var(--wb-mobile-line);border-left:5px solid var(--accent);box-shadow:none}
  .tool-card::before{display:none}
  .tool-card h3{font-size:1.35rem;margin-top:14px}
  .tool-card ul{margin:.8rem 0 1rem;padding-left:1.05rem;font-size:.91rem}
  .tool-card .open{padding-top:12px;border-top:1px solid #e2dbcf}
  .quality-list{gap:0}
  .quality-item{padding:17px 0 17px 48px;border:0;border-top:1px solid var(--wb-mobile-line);background:transparent}
  .quality-item:last-child{border-bottom:1px solid var(--wb-mobile-line)}
  .quality-item::before{font-size:1.28rem;top:17px}
  .quality-item p{font-size:.93rem}
  .wb-grid-3>.wb-card{padding:16px 0;border:0;border-top:1px solid var(--wb-mobile-line);background:transparent}
  .wb-grid-3>.wb-card:last-child{border-bottom:1px solid var(--wb-mobile-line)}
  .faq-grid{gap:0}
  .faq-grid details{padding:0;border:0;border-top:1px solid var(--wb-mobile-line);background:transparent}
  .faq-grid details:last-child{border-bottom:1px solid var(--wb-mobile-line)}
  .faq-grid summary{padding:16px 0;font-size:.98rem}
  .faq-grid details p{margin:0 0 16px;font-size:.92rem}
}
@media (max-width:420px){
  .hub-hero-aside{grid-template-columns:1fr}
  .hub-hero-aside>div{grid-template-columns:auto 1fr}
}

/* v4.2: the directory keeps the neutral warm-paper identity. */

/* v4.3: O — Overlap Days. */