*,:after,:before{box-sizing:border-box}html{font-family:var(--font-sans);background:var(--surface-bg);color:var(--text-foreground);-webkit-font-smoothing:antialiased}body{margin:0;font-size:var(--font-base);line-height:var(--font-base-lh)}a{color:inherit;text-decoration:none}.topbar{background:var(--brand-primary);color:#fff}.topbar__inner{max-width:var(--shell-width);margin-inline:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.topbar__brand{font-size:var(--font-h2);font-weight:700;letter-spacing:-.01em}.topbar__tag{font-size:var(--font-sm);opacity:.9}.hero{background:var(--brand-tint);border-bottom:1px solid var(--surface-card-border)}.hero__inner{max-width:var(--shell-width);margin-inline:auto;padding:36px 20px}.hero__kicker{color:var(--brand-accent);font-size:var(--font-sm);font-weight:700;margin:0 0 8px}.hero__title{color:var(--text-heading);font-size:var(--font-h1);font-weight:700;margin:0;line-height:1.25}.hero__lead{color:var(--text-muted);margin:12px 0 0}.latest{max-width:var(--shell-width);margin-inline:auto;padding:28px 20px 48px}.latest__heading{color:var(--text-heading);font-size:var(--font-h2);font-weight:700;margin:0 0 16px}.grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.card{display:block;background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px 20px;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.1)}.card__category{display:inline-block;color:var(--brand-primary);background:var(--brand-tint);font-size:var(--font-sm);font-weight:700;padding:3px 10px;border-radius:var(--radius-button);margin-bottom:10px}.card__title{color:var(--text-heading);font-size:var(--font-h2);font-weight:700;margin:0 0 8px;line-height:1.3}.card__excerpt{color:var(--text-muted);margin:0 0 12px}.card__meta{color:var(--brand-accent);font-size:var(--font-sm);font-weight:500}.empty{color:var(--text-muted);background:var(--surface-card);border:1px dashed var(--surface-card-border);border-radius:var(--radius-card);padding:28px 20px;text-align:center}.article{max-width:var(--article-width);margin-inline:auto;padding:36px 20px 64px}.article__back{color:var(--brand-primary);display:inline-block;margin-bottom:20px}.article__back,.article__category{font-size:var(--font-sm);font-weight:700}.article__category{color:var(--brand-accent)}.article__title{color:var(--text-heading);font-size:var(--font-h1);font-weight:700;margin:8px 0 12px;line-height:1.2}.article__byline{color:var(--text-muted);font-size:var(--font-sm);border-bottom:1px solid var(--surface-card-border);padding-bottom:18px;margin-bottom:24px}.article__byline strong{color:var(--brand-primary)}.article__body{color:var(--text-foreground);font-size:17px;line-height:var(--reading-lh);white-space:pre-wrap}.footer{border-top:1px solid var(--surface-card-border);background:var(--surface-bg)}.footer__inner{max-width:var(--shell-width);margin-inline:auto;padding:24px 20px;color:var(--text-muted);font-size:var(--font-sm);text-align:center}