*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --ink: #0A0A0A; --ink-2: #111111; --ink-3: #1A1A1A; --wire: #242424;
  --dim: #6B6B6B; --mid: #9A9A9A; --light: #D4D4D4; --bright: #F5F5F0; --signal: #C8F135;
  --font-display: 'Space Grotesk', sans-serif; --font-mono: 'Space Mono', monospace;
  --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem;
  --gap-md: 1.5rem; --gap-lg: 2.5rem; --max-w: 760px; --pad-x: clamp(1.25rem, 5vw, 5rem);
  --radius-md: 8px; --border: 1px solid var(--wire); --nav-h: 64px;
}
body { background: var(--ink); color: var(--light); font-family: var(--font-display); font-size: var(--text-base); line-height: 1.7; }
a { color: var(--signal); }
.container { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--pad-x); }
.site-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: var(--nav-h); background: rgba(10,10,10,0.85); backdrop-filter: blur(12px); border-bottom: var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 var(--pad-x); }
.wordmark { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 500; color: var(--bright); text-decoration: none; }
.wordmark .dot { color: var(--signal); }
.brand-logo { width: 28px; height: 28px; border-radius: 50%; display: block; flex-shrink: 0; }
.nav-cta { background: var(--signal); color: var(--ink); font-family: var(--font-mono); font-size: 0.75rem; font-weight: 700; padding: 0.5rem 1rem; border-radius: 4px 0; text-decoration: none; }
article { padding: calc(var(--nav-h) + 3rem) 0 4rem; }
.breadcrumb { font-family: var(--font-mono); font-size: 0.75rem; color: var(--dim); margin-bottom: var(--gap-md); }
.breadcrumb a { color: var(--dim); text-decoration: none; }
.breadcrumb a:hover { color: var(--signal); }
h1 { font-weight: 400; font-size: clamp(1.6rem, 4vw, 2rem); color: var(--bright); line-height: 1.2; margin-bottom: var(--gap-md); letter-spacing: -0.02em; }
.meta { font-family: var(--font-mono); font-size: 0.75rem; color: var(--dim); margin-bottom: var(--gap-lg); }
.answer-first { background: var(--ink-2); border-left: 3px solid var(--signal); padding: var(--gap-lg); border-radius: var(--radius-md); margin-bottom: var(--gap-md); font-size: var(--text-lg); color: var(--light); }
.disclosure { font-size: var(--text-sm); color: var(--dim); border: var(--border); border-radius: var(--radius-md); padding: 1rem 1.25rem; margin-bottom: var(--gap-lg); }
h2 { font-size: 1.25rem; color: var(--bright); font-weight: 500; margin: var(--gap-lg) 0 var(--gap-md); }
h3 { font-size: 1.1rem; color: var(--bright); font-weight: 500; margin: var(--gap-lg) 0 0.75rem; }
p { color: var(--mid); margin-bottom: var(--gap-md); }
ul, ol { color: var(--mid); margin: 0 0 var(--gap-md) 1.25rem; }
li { margin-bottom: 0.5rem; }
strong { color: var(--light); }
.table-wrap { overflow-x: auto; margin: 0 0 var(--gap-lg); border: var(--border); border-radius: var(--radius-md); }
table { width: 100%; border-collapse: collapse; font-size: 0.8rem; min-width: 640px; }
th, td { padding: 0.75rem 0.85rem; text-align: left; border-bottom: var(--border); vertical-align: top; }
th { background: var(--ink-3); color: var(--signal); font-family: var(--font-mono); font-weight: 400; font-size: 0.7rem; letter-spacing: 0.04em; text-transform: uppercase; }
td { color: var(--mid); }
tr:last-child td { border-bottom: none; }
.profile { border-top: var(--border); padding-top: var(--gap-md); margin-top: var(--gap-md); }
.cta { display: inline-block; background: var(--signal); color: var(--ink); font-family: var(--font-mono); font-weight: 700; font-size: var(--text-sm); padding: 0.875rem 1.5rem; border-radius: 4px 0 4px 0; text-decoration: none; margin-top: 0.5rem; }
.related { margin-top: var(--gap-lg); padding-top: var(--gap-md); border-top: var(--border); font-size: var(--text-sm); color: var(--dim); }
.related a { color: var(--mid); }
.related a:hover { color: var(--signal); }
.faq-block { border-top: var(--border); padding-top: var(--gap-md); margin-top: var(--gap-md); }
.faq-block h3 { margin-top: 0; }
.city-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 var(--gap-lg); }
.city-chips a { font-family: var(--font-mono); font-size: 0.7rem; color: var(--dim); border: var(--border); padding: 0.4rem 0.65rem; border-radius: 4px; text-decoration: none; }
.city-chips a:hover { color: var(--signal); border-color: var(--signal); }