@import url("/assets/css/tch-tokens.css?v=20260909-a11y1");

* { box-sizing: border-box; }
body { margin: 0; background: var(--tch-cream); color: var(--tch-ink); font-family: var(--tch-sans); }
a { color: inherit; }
.tch-wrap { width: min(var(--tch-max-width), calc(100% - 32px)); margin: auto; }
.tch-eyebrow { color: var(--tch-gold-ink); font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tch-title { color: var(--tch-navy); font-family: var(--tch-serif); line-height: 1.05; letter-spacing: -.03em; }
.tch-rule { width: 72px; height: 1px; margin: .8rem 0 1.25rem; background: var(--tch-gold); border: 0; }
.tch-card { background: var(--tch-cream-card); border: 1px solid color-mix(in srgb, var(--tch-gold) 55%, transparent); border-radius: 16px; padding: 1.25rem; }
.tch-note { border-left: 4px solid var(--tch-gold); padding: .8rem 1rem; background: color-mix(in srgb, var(--tch-gold) 12%, var(--tch-cream-card)); color: var(--tch-ink-muted); }
.tch-button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid var(--tch-navy); border-radius: 999px; padding: .65rem 1rem; background: var(--tch-navy); color: white; font: inherit; font-weight: 750; text-decoration: none; cursor: pointer; }
.tch-button:hover, .tch-button:focus-visible { background: var(--tch-navy-deep); border-color: var(--tch-navy-deep); }
.tch-tabular { font-variant-numeric: tabular-nums; }
:focus-visible { outline: 3px solid var(--tch-gold-bright); outline-offset: 3px; }
.tch-brand,.head .brand { display:block; width:330px; height:74px; flex:0 0 330px; background-image:url("/assets/images/truecosthousing-logo-header-web.png"); background-repeat:no-repeat; background-position:center; background-size:330px 114px; color:transparent!important; font-size:0!important; line-height:0!important; overflow:hidden; text-decoration:none; }
.tch-brand small,.head .brand small { display:none!important; }
.tch-site-head .tch-wrap,.head-in { flex-wrap:wrap; }
.tch-nav a { display: inline-flex; align-items: center; min-height: 44px; padding:.25rem .15rem; }
@media (max-width: 700px) { .tch-wrap { width: min(100% - 24px, var(--tch-max-width)); } .tch-brand,.head .brand{width:270px;height:62px;flex-basis:270px;background-size:270px 93px}.tch-nav{width:100%} }