/* ===== Fonts ===== */
@font-face { font-family: 'Walone'; font-weight: 400; font-display: swap; src: url('fonts/walone-400.woff2') format('woff2'); }
@font-face { font-family: 'Walone'; font-weight: 700; font-display: swap; src: url('fonts/walone-700.woff2') format('woff2'); }

/* ===== Tokens (netZ brand) ===== */
:root {
  --bg: #FAF8F5;
  --surface: #FFFFFF;
  --ink: #131313;
  --muted: #55504B;
  --faint: #9A9088;
  --line: #EEE6DE;
  --accent: #F16A2D;
  --accent-deep: #C9531D;
  --tint: #FDEDE3;
  --on-accent: #131313;
  --font: 'Montserrat', 'Walone', 'Noto Sans Myanmar', 'Myanmar MN', 'Myanmar Sangam MN', 'Myanmar Text', sans-serif;
  --gutter: 16px;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #131313; --surface: #1D1B19; --ink: #FAF8F5; --muted: #9A9088;
    --faint: #6E665F; --line: #2E2A26; --tint: #2B1D15;
  }
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 17px; line-height: 1.8; }

/* ===== Header ===== */
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 1180px; margin: 0 auto; padding: 14px var(--gutter); border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 1.05rem; line-height: 1.2; white-space: nowrap; color: var(--ink); text-decoration: none; }
.brand-name span { color: var(--muted); }
.z-tile { flex: none; width: 34px; height: 34px; border-radius: 9px; background: #131313; box-shadow: inset 0 0 0 1px var(--line); display: inline-flex; align-items: center; justify-content: center; }
.z-tile span { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 21px; line-height: 1; color: #F16A2D; transform: skewX(-8deg); }
.topnav { display: flex; gap: 4px; }
.topnav a { color: var(--muted); text-decoration: none; font-size: 0.92rem; padding: 3px 12px; border-radius: 999px; }
.topnav a[aria-current="page"] { background: var(--tint); color: var(--ink); font-weight: 600; }