:root{--font-sans:"Be Vietnam Pro","Segoe UI",sans-serif;--font-serif:"Lora",Georgia,serif;--red-accessible:#b92f25}
.button:not(.cream):not(.outline),.result-status.bad{background:var(--red-accessible);border-color:var(--red-accessible);color:#fff}
.red,.text-link,.arrow{color:var(--red-accessible)}
.result-name,.stair-option .big,.readout,.tool-icon{font-family:var(--font-serif)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.segmented label:has(input:focus-visible) span{outline:3px solid var(--gold);outline-offset:3px}
.field-error{min-height:1.4em;margin:6px 0 0;color:var(--red-accessible);font-size:13px;font-weight:700}
.result-status.neutral{background:#68736f;color:#fff}
.ruler-labels .active.bad{background:var(--red-accessible)}
.quick-card .is-bad{color:var(--red-accessible)}
.stair-option .big{margin-top:14px}.option-warning{color:var(--red-accessible);font-size:13px;font-weight:700}
.compass-layout,.compass-card{min-width:0}.compass-dial{position:relative;width:min(100%,430px)}.compass-dial:before{content:""}.compass-needle{top:auto;bottom:50%;transform-origin:50% 100%;opacity:.25}.compass-label{position:absolute;z-index:2;font:800 18px/1 var(--font-sans);color:var(--ink)}.compass-label.north{top:8%;left:50%;transform:translateX(-50%)}.compass-label.east{right:8%;top:50%;transform:translateY(-50%)}.compass-label.south{bottom:8%;left:50%;transform:translateX(-50%)}.compass-label.west{left:8%;top:50%;transform:translateY(-50%)}
.compass-card button:disabled{opacity:.75;cursor:wait}
.text-link,.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}
.menu-button:focus-visible,.nav-links a:focus-visible,.nav-dropdown summary:focus-visible,.button:focus-visible,.input:focus-visible,.select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.tool-result{scroll-margin-top:16px}.ruler-segment{font-size:11px;padding-inline:3px}.stair-diagram:before{left:8px}.hero h1{font-size:clamp(46px,15vw,68px)}}
.brand{gap:12px}.brand-symbol{width:70px;height:70px;flex:0 0 auto}.brand-name{font:700 clamp(22px,2.2vw,32px)/1 var(--font-serif);color:var(--cream);white-space:nowrap}.brand-name b{color:#ef6a5d}.footer-brand .brand-symbol{width:58px;height:58px}.footer-heading{font:700 23px/1.1 var(--font-serif);margin:0 0 16px}.unit-suffix{display:grid;place-items:center;min-width:64px;border:1px solid #a99779;border-radius:9px;background:#f1e7d5;font-weight:700}.calc-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
@media(max-width:900px){.calc-grid{grid-template-columns:1fr 1fr}.calc-grid .button{grid-column:1/-1}.brand-symbol{width:54px;height:54px}}
@media(max-width:640px){.calc-grid{grid-template-columns:1fr}.calc-grid .button{grid-column:auto}.brand-name{font-size:21px}.brand-symbol{width:48px;height:48px}.brand{gap:8px}.compass-card{padding:16px}}