/* netzero.zone theme — loaded after guide.css on the netzero.zone page only.
   Matches hot.talk (/css/style.css): pale lavender page, navy ink, teal accent,
   Lexend Deca for body and h1, DM Serif Display for section headings.
   netzero.zone has no logo yet: the header is the wordmark only. The HoloFuel
   flame appears only in the hero, where it stands for the HoloFuel Value Network. */
.site-netzero {
  --nz-bg: #e8e7ec;        /* hot.talk --color-background */
  --nz-body: #2d2f64;      /* hot.talk --color-body */
  --nz-teal: #21be98;      /* hot.talk --color-highlight */
  --nz-subtle: #2d2f644d;  /* hot.talk --color-subtle */
  --nz-teal-ink: #0f7a62;  /* darker teal for small text and links, readable on the lavender */
  --nz-line: #2d2f6426;
  --nz-card: #f4f3f7;

  --font-sans: "Lexend Deca", system-ui, sans-serif;
  --font-display: "DM Serif Display", Georgia, serif;

  --ink: var(--nz-body);
  --ink-dim: #565884;
  --line: var(--nz-line);
  --light: var(--nz-bg);
  --light-2: #dddce4;
  --accent: var(--nz-teal);
  --accent-pop: var(--nz-teal);
  --accent-deep: var(--nz-teal-ink);
  --holo-blue: var(--nz-teal-ink);
  --guide-accent: var(--nz-teal);

  background: var(--nz-bg);
  color: var(--nz-body);
  line-height: 1.6;
}

/* Header: light bar, wordmark only */
.site-netzero .site-header { background: var(--nz-bg); border-bottom: 1px solid var(--nz-line); }
.site-netzero .site-header .logo { display: flex; align-items: center; text-decoration: none; }
.site-netzero .wordmark { font-family: var(--font-sans); font-weight: 700; font-size: 1.25rem; color: var(--nz-body); letter-spacing: -0.01em; }
.site-netzero .wordmark span { color: var(--nz-teal); }
.site-netzero .site-header nav a { color: var(--nz-body); font-weight: 400; }
.site-netzero .site-header nav a:hover { color: var(--nz-teal-ink); }

/* Hero: centred, like hot.talk's title stage */
.site-netzero .hero { background: var(--nz-bg); color: var(--nz-body); text-align: center; padding: clamp(3rem, 2rem + 4vw, 5.5rem) 0 clamp(2rem, 1.5rem + 2vw, 3.5rem); }
.site-netzero .hero .container { display: flex; flex-direction: column; align-items: center; }
.site-netzero .hero-logo { width: clamp(2.5rem, 7vh, 4rem); height: auto; margin-bottom: 1rem; }
.site-netzero .eyebrow { color: #6b6d96; font-family: var(--font-sans); font-weight: 500; letter-spacing: 0.12em; }
.site-netzero .hero h1 { font-family: var(--font-sans); font-weight: 700; font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05; max-width: 20ch; margin: 0.5rem 0 1.25rem; }
.site-netzero .hero h1 em { font-style: normal; color: var(--nz-teal); }
.site-netzero .hero .lead { color: var(--nz-body); max-width: 52ch; font-size: clamp(1.05rem, 1.5vw, 1.35rem); }
.site-netzero .hero .operator {
  text-align: left; max-width: 62ch;
  background: var(--nz-card); color: var(--nz-body);
  border-left: 3px solid var(--nz-teal);
}
.site-netzero .hero .operator strong { color: var(--nz-body); }

/* Article */
.site-netzero article h2 { font-family: var(--font-display); font-weight: 400; letter-spacing: 0; line-height: 1.1; }
.site-netzero article h2.step::before { color: var(--nz-teal-ink); font-family: var(--font-sans); }
.site-netzero article h3,
.site-netzero article h4 { font-family: var(--font-display); font-weight: 400; color: var(--nz-teal-ink); }
.site-netzero article h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); }
.site-netzero article h4 { font-size: 1.2rem; }
.site-netzero article > h2:not(.step) { padding-top: 2rem; border-top: 1px solid var(--nz-line); }
.site-netzero article > h2:first-child { padding-top: 0; border-top: none; }
.site-netzero article li::marker { color: var(--nz-teal-ink); }
.site-netzero a { color: var(--nz-teal-ink); }
.site-netzero a:hover { color: var(--nz-body); }
.site-netzero .ui { background: var(--nz-card); border-color: var(--nz-line); }

/* Table of contents */
.site-netzero .toc h2 { font-family: var(--font-sans); color: #6b6d96; }
.site-netzero .toc li a { color: var(--ink-dim); }
.site-netzero .toc li a:hover, .site-netzero .toc li a.active { color: var(--nz-body); }
@media (max-width: 1023px) {
  .site-netzero .toc-inner { background: var(--nz-card); }
}

/* Tables, callouts, screenshots */
.site-netzero table { background: var(--nz-card); }
.site-netzero th { background: #dddce4; }
.site-netzero .callout.tip { background: #dcf3ec; border-left-color: var(--nz-teal); }
.site-netzero .callout.tip::before { color: var(--nz-teal-ink); }
.site-netzero .callout.note { background: var(--nz-card); border-left-color: var(--ink-dim); }
.site-netzero .success { background: #dcf3ec; border-left-color: var(--nz-teal-ink); }
.site-netzero .success::before { color: var(--nz-teal-ink); }
.site-netzero figure img { box-shadow: 0 10px 30px -14px rgba(45,47,100,0.4); }

.site-netzero .next-guide a { background: var(--nz-body); color: #fff; border-color: var(--nz-teal); }
.site-netzero .next-guide a:hover { background: var(--nz-teal-ink); color: #fff; }

/* Keep going + footer: stay on the light page, separated by hairlines */
.site-netzero .band { background: #dddce4; color: var(--nz-body); }
.site-netzero .band h2 { font-family: var(--font-display); font-weight: 400; color: var(--nz-body); }
.site-netzero .card { background: var(--nz-card); border: 1px solid var(--nz-line); color: var(--ink-dim); }
.site-netzero .card:hover { border-color: var(--nz-teal); color: var(--nz-body); }
.site-netzero .card strong { color: var(--nz-body); font-family: var(--font-display); font-weight: 400; font-size: 1.3rem; }
.site-netzero .site-footer { background: var(--nz-bg); color: var(--ink-dim); border-top: 1px solid var(--nz-line); }
.site-netzero .site-footer a { color: var(--nz-body); }
.site-netzero .site-footer a:hover { color: var(--nz-teal-ink); }
.site-netzero .lightbox { background: rgba(45,47,100,0.9); }

/* Legal pages (legal/*.md): a single centred column, no hero or contents list */
.site-netzero .legal { padding-top: 3rem; padding-bottom: 4rem; }
.site-netzero .legal article { max-width: var(--max-w-prose); margin: 0 auto; }
.site-netzero .legal h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; margin: 0 0 1.5rem; }
.site-netzero .legal .updated { color: var(--ink-dim); font-size: 0.9rem; }

/* Footer legal links */
.site-netzero .site-footer .legal-links { margin-bottom: 1rem; }