/* SuburbIQ shared brand stylesheet — used by secondary pages */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500;1,6..72,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  --ink:#1a1a18;--ink-soft:#2d2d2a;--ink-mute:#5a5a55;
  --paper:#f6f3ec;--paper-warm:#efeadd;
  --rule:#1a1a18;--rule-soft:rgba(26,26,24,.15);
  --gold:#c9a84c;--gold-bright:#e0bd5e;--gold-deep:#8a6d1e;
  --teal:#1d4a4a;
  --green:#2e7a4a;--green-soft:#d6e8dc;
  --red:#b13a2e;--red-soft:#f0d6d2;
  --amber:#c9a84c;--amber-soft:#f0e3c4;
  --serif:"Newsreader",Georgia,serif;
  --display:"Playfair Display","Newsreader",Georgia,serif;
  --sans:"Hanken Grotesk",-apple-system,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.10 0 0 0 0 0.09 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
a{color:inherit;text-decoration:none;}

/* Nav */
.nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--rule);}
.nav-inner{max-width:1320px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo-mark-wrap{display:inline-flex;align-items:center;gap:10px;}
.logo-mark-wrap svg{width:28px;height:28px;}
.logo-wordmark{font-family:var(--serif);font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--ink);}
.logo-wordmark em{font-style:italic;font-weight:500;color:var(--gold);}
.nav-links{display:flex;gap:24px;font-size:14px;font-weight:500;align-items:center;}
.nav-links a{opacity:.7;transition:opacity .15s;}
.nav-links a:hover,.nav-links a.active{opacity:1;}

/* Dropdown */
.nav-dropdown{position:relative;display:inline-block;}
.nav-dropdown>.dropdown-trigger{display:inline-flex;align-items:center;gap:4px;cursor:pointer;}
.dropdown-caret{font-size:10px;opacity:.6;transition:transform .2s;}
.nav-dropdown:hover .dropdown-caret{transform:rotate(180deg);}
.dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--rule);min-width:280px;padding:8px 0;z-index:200;box-shadow:0 8px 24px rgba(26,26,24,.08);}
.dropdown-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block;}
.dropdown-menu a{display:block;padding:10px 18px;font-size:14px;opacity:.75;font-weight:500;transition:opacity .15s,background .15s,color .15s;}
.dropdown-menu a:hover{opacity:1;background:var(--paper-warm);color:var(--gold-deep);}
.dropdown-menu .dd-eyebrow{display:block;padding:6px 18px 4px;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-mute);opacity:.6;}

/* Buttons */
.btn{display:inline-block;padding:12px 22px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:500;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--ink);transition:all .15s;cursor:pointer;}
.btn:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);}
.btn-gold{background:var(--gold);color:var(--ink);border-color:var(--gold);}
.btn-gold:hover{background:var(--gold-deep);color:var(--paper);border-color:var(--gold-deep);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.btn-lg{padding:16px 28px;font-size:14px;}

/* Page hero */
.hero{max-width:1320px;margin:0 auto;padding:80px 32px 32px;position:relative;z-index:2;}
.hero.narrow{max-width:1100px;}
.eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-deep);margin-bottom:18px;}
h1{font-family:var(--serif);font-size:56px;font-weight:500;line-height:1.04;letter-spacing:-.02em;margin-bottom:18px;}
h1 em{font-style:italic;color:var(--teal);font-weight:500;}
.lede{font-size:18px;color:var(--ink-soft);max-width:720px;}

/* Page section */
.section{max-width:1320px;margin:0 auto;padding:64px 32px;position:relative;z-index:2;}
.section.narrow{max-width:1100px;}
h2{font-family:var(--serif);font-size:36px;font-weight:500;letter-spacing:-.01em;line-height:1.15;margin-bottom:16px;}
h2 em{font-style:italic;color:var(--teal);}
h3{font-family:var(--serif);font-size:22px;font-weight:500;margin:24px 0 10px;line-height:1.3;}
p{font-size:16px;line-height:1.7;color:var(--ink-soft);margin-bottom:14px;max-width:760px;}
ul,ol{font-size:16px;line-height:1.7;color:var(--ink-soft);margin-bottom:14px;max-width:760px;padding-left:24px;}
ul li,ol li{margin-bottom:6px;}
code{font-family:var(--mono);font-size:14px;background:var(--paper-warm);padding:2px 6px;}

/* Traffic-light pill */
.tl{display:inline-block;padding:4px 10px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.tl.buy{background:var(--green);color:var(--paper);}
.tl.review{background:var(--amber);color:var(--ink);}
.tl.walk{background:var(--red);color:var(--paper);}
.tl.neutral{background:var(--paper-warm);color:var(--ink);}

/* Cards */
.card{background:var(--paper-warm);border:1px solid var(--rule);padding:28px;transition:all .15s;}
.card.dark{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.card-eyebrow{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold-deep);margin-bottom:12px;}
.card.dark .card-eyebrow{color:var(--gold-bright);}
.card h3{margin-top:0;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

/* Footer */
footer{background:var(--ink);color:rgba(247,244,239,.65);padding:64px 32px;position:relative;z-index:2;font-size:14px;border-top:1px solid var(--ink);}
footer .foot-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;}
footer .col strong{display:block;color:var(--paper);font-weight:500;margin-bottom:14px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;}
footer .col a{display:block;padding:4px 0;}
footer .col a:hover{color:var(--gold-bright);}
footer .foot-tagline{font-family:var(--serif);font-size:18px;font-style:italic;color:rgba(247,244,239,.75);margin-bottom:18px;line-height:1.4;}
footer .foot-legal{max-width:1320px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(247,244,239,.1);display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,244,239,.4);}

/* Tables */
table{width:100%;border-collapse:collapse;font-size:14px;margin:24px 0;}
table th,table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--rule-soft);}
table th{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);font-weight:500;}
table tr:hover{background:rgba(184,146,58,.05);}

/* Responsive */
@media(max-width:860px){
  h1{font-size:38px;}
  h2{font-size:28px;}
  .nav-links{display:none;}
  .grid-3,.grid-2,.grid-4{grid-template-columns:1fr;}
  footer .foot-inner{grid-template-columns:1fr;gap:32px;}
}