/* Avery's design tokens (docs/design-notes.md). Nunito is self-hosted under the SIL OFL (fonts/OFL.txt). */
@font-face{font-family:"Nunito";src:url(../fonts/nunito-latin-wght.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
:root{
  --hw-green:#3DBE6B; --hw-sky:#3DA5F5; --hw-orange:#FF8A3D; --hw-yellow:#FFD23F;
  --hw-pink:#FF5C8A; --hw-lav:#9B7BFF; --hw-cream:#FFF9F0; --hw-ink:#2E2A33; --hw-red:#E5484D;
  /* text-safe companions (AA on cream/white) */
  --hw-muted:#6B6472; --hw-link:#1565C0; --hw-red-text:#B42318; --hw-green-text:#1E7B45;
  --hw-card:#FFFFFF; --hw-line:#EFE6D8;
  --r-tile:28px; --r-card:20px; --r-pill:999px;
  --shadow:0 2px 0 rgba(46,42,51,.06),0 8px 24px rgba(46,42,51,.08);
  --shadow-lift:0 4px 0 rgba(46,42,51,.06),0 16px 32px rgba(46,42,51,.14);
  --font:"Nunito","Nunito Sans",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:var(--hw-cream);color:var(--hw-ink);-webkit-font-smoothing:antialiased}
.top{display:flex;align-items:center;gap:14px;padding:18px 32px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:-.3px}
.logo .mark{width:40px;height:40px;border-radius:14px;background:var(--hw-green);display:grid;place-items:center;font-size:22px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.top .sp{flex:1}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:6px 12px;font-weight:800;font-size:13px}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--hw-yellow);display:grid;place-items:center;font-weight:900}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.note{font-size:12px;color:var(--hw-muted);padding:10px 32px 18px}