/* Inner pages (buyers, sellers, FAQ, valuation, neighbourhoods) in the homepage system.
   Loaded after each page's own <style> and after journal.css (nav, footer, ask widget).
   2026-09-28, audit session. The page's own CSS still does layout; this file re-themes it. */
:root{
  --bg:#000;--bg-alt:#0B0B0B;--bg-mid:#111;--primary:#fff;--primary-lt:#E6E6E6;
  --text:#fff;--text-lt:#DADADA;--text-muted:#A8A8A8;--border:rgba(255,255,255,.14);--border-lt:rgba(255,255,255,.28);
  --up:#9BE3B4;--dn:#FF9C8A;
}
body.inner{background:#000;color:#fff;font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}
body.inner ::selection{background:#fff;color:#000}
body.inner main,body.inner>div[data-lang]{display:block}
body.inner :where(section,.hero,div[data-lang]) p{color:var(--text-lt)}
body.inner a{color:inherit}

/* type: serif display, sans body */
body.inner :where(main,section,div[data-lang],.hero) :where(h1,h2,h3),
body.inner .section-title,body.inner .offer-title,body.inner .val-h2,body.inner .cat-title{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;color:#fff}
body.inner :where(section,.hero) :where(h4){font-family:var(--sans);font-weight:500;letter-spacing:-.01em;color:#fff}
body.inner .hero{background:#000;padding-top:calc(var(--navh) + clamp(40px,7vw,96px))}
body.inner .hero h1{font-size:clamp(44px,7.2vw,104px);line-height:.95;letter-spacing:-.02em}
body.inner .hero h1 em,body.inner .section-title em{font-style:italic}
body.inner .hero-sub,body.inner .section-sub,body.inner .intro p{color:var(--grey);font-size:clamp(16px,1.4vw,19px);font-weight:400}
body.inner .section-title{font-size:clamp(34px,4.6vw,64px);line-height:1}
body.inner .breadcrumb,body.inner .breadcrumb a{font:12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
body.inner .breadcrumb a:hover{color:#fff}
body.inner .eyebrow .tag,body.inner .section-tag,body.inner .tag,body.inner .who-tag,body.inner .card-tag,body.inner .snap-label,
body.inner .mnum-type,body.inner .intel-num,body.inner .step-num,body.inner .cat-num{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
body.inner .line{background:rgba(255,255,255,.4)}

/* sections: black ground, hairlines between */
body.inner section{background:transparent;border-color:var(--line)}
body.inner section+section{border-top:1px solid var(--line)}

/* cards */
body.inner :is(.who-card,.street-card,.snap-card,.why-card,.step,.intel-item,.neigh-card,.card,.vs-card,.ost-card,.mnum,.inc-card,.market-numbers>div,.vs-lead,.val-cta,.ns-out,.faq-item){
  background:#0E0E0E;border:1px solid var(--line);border-radius:14px;color:#fff}
body.inner :is(.who-card,.street-card,.snap-card,.why-card,.step,.intel-item,.neigh-card,.card,.inc-card):hover{border-color:var(--line2);background:#131313}
body.inner .neigh-card{overflow:hidden}
body.inner .snap-value,body.inner .mnum-price,body.inner .card-stat-val,body.inner .ost-v,body.inner .vs-v,body.inner .ns-total-v{font-family:var(--serif);font-weight:400;color:#fff}
body.inner .snap-note,body.inner .card-desc,body.inner .street-vibe,body.inner .market-note,body.inner .vs-hint,body.inner .ns-hint,body.inner .val-fine,body.inner .offer-fine{color:var(--grey)}
body.inner .mnum-change.up,body.inner .up{color:var(--up)}
body.inner .intel{background:#0B0B0B;border-bottom:1px solid var(--line)}
body.inner .intel-item p{color:var(--text-lt)}

/* FAQ */
body.inner .faq-item{margin-bottom:10px;padding:0 4px}
body.inner .faq-q{background:none;border:0;color:#fff;font:500 17px/1.35 var(--sans);cursor:pointer}
body.inner .faq-q-text{color:#fff}
body.inner .faq-a-inner,body.inner .faq-a p{color:var(--text-lt)}
body.inner .faq-icon{border-color:var(--line2)}
body.inner .faq-item.open .faq-icon{background:#fff;color:#000;border-color:#fff}
body.inner .cat-btn{background:transparent;color:#DADADA;border:1px solid var(--line2);border-radius:999px;padding:9px 16px;font:14px var(--sans);cursor:pointer}
body.inner .cat-btn.active,body.inner .cat-btn:hover{background:#fff;color:#000;border-color:#fff}
body.inner .filter-wrap{background:#000;border-color:var(--line)}

/* buttons: pills, as on the homepage */
body.inner :is(.btn-primary,.btn-dark,.btn-outline,.btn-ghost,.val-cta-btn,.card-link,.nav-book){
  border-radius:999px;font:500 15px var(--sans);letter-spacing:0;text-transform:none;padding:14px 26px;transition:background .3s,color .3s,border-color .3s,transform .3s}
body.inner :is(.btn-primary,.btn-dark,.val-cta-btn){background:#fff;color:#000;border:1px solid #fff}
body.inner :is(.btn-primary,.btn-dark,.val-cta-btn):hover{background:#E6E6E6;color:#000;border-color:#E6E6E6;transform:none}
body.inner :is(.btn-outline,.btn-ghost){background:transparent;color:#fff;border:1px solid var(--line2)}
body.inner :is(.btn-outline,.btn-ghost):hover{border-color:#fff;background:transparent;color:#fff}
body.inner .card-link{padding:0;border-radius:0;color:#fff;text-decoration:underline;text-underline-offset:4px}

/* forms */
body.inner :where(section,.hero,div[data-lang]) :where(input:not([type=hidden]):not(.hp):not(.offer-hp):not(.val-hp),select,textarea){
  background:#0E0E0E;color:#fff;border:1px solid var(--line2);border-radius:12px;font:15px var(--sans);padding:13px 16px}
body.inner :where(section,.hero,div[data-lang]) :where(input,select,textarea):focus{outline:none;border-color:#fff}
body.inner input::placeholder,body.inner textarea::placeholder{color:#8A8A8A}
body.inner input[readonly]{background:transparent;border-color:var(--line)}
body.inner label{color:var(--grey)}

/* offer, CTA and valuation bands: white panels with dark type, like the homepage calculator receipt */
body.inner :is(.offer-section,.cta-section,.faq-cta){background:#fff;color:#111;border-radius:0}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(h2,h3,h4,.offer-title,.section-title){color:#111}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(p,li,label,.offer-lede,.offer-note){color:#444}
body.inner :is(.offer-section,.cta-section,.faq-cta) .tag{color:#666}
body.inner :is(.offer-section,.cta-section,.faq-cta) .line,body.inner .offer-bullets li:before{background:#111}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(.btn-primary,.btn-dark){background:#111;color:#fff;border-color:#111}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(.btn-primary,.btn-dark):hover{background:#333;border-color:#333;color:#fff}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(.btn-outline,.btn-ghost){color:#111;border-color:#111}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(input,select,textarea){background:#fff;color:#111;border-color:#D6D6D6}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(input,select,textarea):focus{border-color:#111}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(.ost-card,.mnum,.vs-card,.calc-out,.offer-calc){background:#F6F6F6;color:#111;border:1px solid #E6E6E6}
body.inner :is(.offer-section,.cta-section,.faq-cta) :is(.ost-v,.ost-c,.snap-value,.mnum-price){color:#111}
body.inner .offer-section a{color:#111;text-decoration:underline;text-underline-offset:3px}
body.inner .offer-section a.btn-primary,body.inner .offer-section a.btn-outline{text-decoration:none}

@media (max-width:760px){
  body.inner .hero{padding-top:calc(var(--navh) + 36px)}
  body.inner section{padding-left:16px!important;padding-right:16px!important}
}

body.inner .why-card{padding:clamp(20px,2.4vw,28px)}
body.inner .who-tag,body.inner .card-tag{display:inline-block;color:var(--grey);border:1px solid var(--line2);border-radius:999px;padding:5px 12px;background:transparent}
body.inner :is(.other-hoods,.hood-list) a{border-radius:999px;border-color:var(--line2);color:#DADADA;font-family:var(--sans);letter-spacing:.02em;text-transform:none;font-size:14px}
body.inner :is(.other-hoods,.hood-list) a:hover{background:#fff;color:#000;border-color:#fff}
body.inner :where(section,.hero) :is(em,strong,b,span)[style*="color"]{color:inherit!important}
body.inner .intel-item{padding:clamp(20px,2.4vw,28px)}
body.inner .faq-q{padding:18px 20px!important;text-align:left;width:100%}
body.inner .faq-a-inner{padding:0 20px 20px}
body.inner .faq-item{padding:0}
body.inner .inc-card{padding:clamp(20px,2.4vw,28px)}
body.inner .faq-item:not(:has(.faq-q)){padding:18px 20px}