/* Supplied Ricky Chong identity. UI shades extend the four brand colours for contrast. */
:root{--brand-ivory:#f8f6f1;--brand-charcoal:#1f1f1f;--brand-copper:#b8734a;--brand-grey:#d9d6d1;--ink:var(--brand-charcoal);--muted:#625f59;--accent:#8a4d2c;--accent-dark:#6d3b22;--line:var(--brand-grey);--surface:#f0ece5}
body,.links-body{background:var(--brand-ivory)}
.wordmark{display:inline-flex;align-items:center;gap:12px;line-height:1.25;flex-shrink:0;text-decoration:none}
.brand-monogram{width:60px;height:auto;flex-shrink:0}
.brand-name{font-size:.8125rem;letter-spacing:.16em;font-weight:600;text-transform:uppercase}
.footer-brand .wordmark{display:inline-block;width:300px;max-width:100%;align-self:start}
.brand-lockup{width:100%;height:auto}
.footer-brand>p{margin-top:24px}
.hero{background:var(--brand-charcoal)}
.hero h1 span{color:#cf936e}
.hero .eyebrow:before{background:var(--brand-copper)}
.hero .button{background:var(--brand-ivory);border-color:var(--brand-ivory)}
.hero .button-secondary{background:transparent;border-color:#766a5f;color:var(--brand-ivory)}
.hero .button-secondary:hover{background:#37332e;border-color:#a09284}
.site-header{background:#f8f6f1f2}
.button-small{background:var(--brand-charcoal);border-color:var(--brand-charcoal)}
.button-small:hover{background:#37332e;border-color:#37332e}
.contact-section,.direct-answer,.diagnostic-closing{background:#f0e8dd}
.article-cta,.links-featured-primary{background:var(--brand-charcoal)}
.links-featured-primary:hover{background:#37332e}
@media(max-width:1190px) and (min-width:1021px){.header-inner{gap:20px;padding-inline:24px}.desktop-nav{gap:20px}.header-actions{gap:18px}.brand-monogram{width:50px}.brand-name{font-size:.75rem;letter-spacing:.12em}}
@media(max-width:1020px){.footer-brand>p{margin-top:0}}
@media(max-width:720px){.header-inner{gap:12px;padding-inline:16px}.wordmark{gap:9px}.brand-monogram{width:46px}.brand-name{font-size:.65rem;letter-spacing:.13em;white-space:normal;width:5.7em;line-height:1.6}.footer-brand .wordmark{width:280px}.footer-brand>p{margin-top:22px}}
@media(max-width:350px){.header-inner{gap:10px;padding-inline:12px}.brand-monogram{width:42px}.brand-name{font-size:.625rem}}