/* christinasok.co: the React pages that stay interactive (search, scheduling, tools, privacy and legal) drawn in the site's
   dark editorial world. The app's own stylesheet loads first; this re-points its tokens and surfaces. Christina's build only. */
:root{--ground:#0f0e0d;--raised:#171513;--raised-2:#1f1c19;--stone:#ece6db;--stone-2:#cfc6b8;--stone-3:#9e9588;--brass:#c9a56a;--brass-2:#dcbc86;--line-dark:rgba(236,230,219,.14);
  color-scheme:dark;font-family:"Hanken Grotesk",system-ui,sans-serif;color:var(--stone);background:var(--ground)}
html,body{background:var(--ground)!important}
::selection{background:var(--brass);color:#1a140b}
.app{--ink:#ece6db;--muted:#bdb3a5;--paper:#0f0e0d;--line:rgba(236,230,219,.14);--accent:#c9a56a;--soft:#1f1c19;
  background:var(--ground)!important;color:var(--stone)}
.app :where(h1,h2,h3,h4,p,li,dt,dd,span,strong,label,small,figcaption,td,th){color:inherit}
.app :where(h1,h2){font-family:"Gloock",Georgia,serif!important;font-weight:400!important;letter-spacing:-.02em!important}
.app h1{color:var(--stone)}
.app :where(p,li,dd,small){color:var(--stone-2)}
.app a{color:var(--stone);text-decoration-color:var(--brass)}
/* Surfaces that were white or cream cards become the raised dark ground with a hairline. */
.app :where([class*="card"],[class*="panel"],[class*="console"],[class*="modal"],[class*="tool-form"],[class*="schedule-form"],[class*="valuation"],[class*="answer-block"],[class*="source-callout"],[class*="readiness"],[class*="result"],[class*="saved-search"],[class*="listing-detail"],[class*="search-fields"],[class*="legal"],[class*="privacy"],aside,details){
  background-color:var(--raised)!important;border-color:var(--line-dark)!important;color:var(--stone)}
.app :where(input,select,textarea){background:#0f0e0d!important;color:var(--stone)!important;border:1px solid rgba(236,230,219,.26)!important;border-radius:10px!important}
.app :where(input,select,textarea):focus{outline:2px solid var(--brass)!important;outline-offset:2px}
.app :where(label,.input-field,.select-field) > span{color:var(--stone-2)!important}
/* One button language: brass for the action, outline for the alternative. */
.app :where(.primary-button,button[type="submit"]){background:var(--brass)!important;color:#1a140b!important;border:0!important;border-radius:999px!important;font-weight:600}
.app :where(.primary-button,button[type="submit"]):hover{background:var(--brass-2)!important}
.app :where(.outline-button,.text-button){color:var(--stone)!important;border-color:rgba(236,230,219,.3)!important;background:transparent!important;border-radius:999px}
/* The small mono labels above headings are removed: the heading carries the page. */
.app :where(.section-kicker,.eyebrow,.source-kicker,.tool-kicker){display:none!important}
/* Header and footer: the site's own bar and legal row. */
.app .topbar{background:rgba(15,14,13,.92)!important;border-bottom:1px solid var(--line-dark)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.app .topbar :where(a,span,strong){color:var(--stone-2)}
.app .footer{border-top:1px solid var(--line-dark)!important;color:var(--stone-3)}
.app .footer a{color:var(--stone-2)!important}
.app :where(table){border-color:var(--line-dark)}
.app :where(hr){border-color:var(--line-dark)}
.app p,.app li,.app dd,.app td{color:var(--stone-2)}
.app strong,.app b,.app dt,.app th{color:var(--stone)}
.app .topbar a{text-decoration:none}
.app .topbar a:first-child{font-family:"Gloock",Georgia,serif;font-size:22px;color:var(--stone)}