:root{--ink:#122c37;--mid:#547080;--line:#cfdee3;--paper:#f4f7f8;--white:#fff}
body{background:var(--paper);color:var(--ink)}
header{background:#fff;border-bottom:1px solid #d3e0e4}
.logo-box{color:#176f80;border-color:#176f80;letter-spacing:0;padding:7px 9px;margin-right:0}
.eyebrow,.angle-eyebrow{color:#42758a}
.workspace-hero,.compact-hero,.model-hero,.page-hero,.hero{background:#f4f7f8;color:#122c37}
.workspace-heading h1 em,.hero h1 em,.page-hero h1 em,.model-hero h1 em{color:#7897a2}
.workspace-heading p,.compact-hero p,.page-hero p,.hero p,.model-hero>div>p{color:#547080}
.workspace-footer{color:#547080;border-top:1px solid #c9d9df;padding-top:18px}
.picker-panel,.compact-hero .compare-picker,.model-card,.card,.calc-card,.angle-car{border-color:#cfdee3;border-radius:17px;box-shadow:0 12px 30px #173e4b0b}
.button.dark,.filter-buttons button.active{background:#143944;color:#fff;border-color:#143944}
.button.dark:hover{background:#1f6271}
.dark-band,footer{background:#122c37}
.verdict>div:first-child,.compare-row.head,.calc-results{background:#143944}
.verdict{border-color:#c4d7dd;border-radius:16px;overflow:hidden}
.source-note,.warning{background:#e4edf0}
.model-summary,.viewer-slot{background:#fff;color:#122c37;border-color:#cfdee3;border-radius:16px}
.model-summary small{color:#547080}.model-summary .button{background:#143944;color:white}
.angle-gallery{padding:24px 0 70px;background:#f4f7f8}
.angle-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 27px}
.angle-gallery-head h2{font:800 clamp(2rem,4vw,3.55rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:8px 0}
.angle-eyebrow{font:800 12px Manrope,Arial,sans-serif;letter-spacing:.17em;margin:0}
.angle-pill{border:1px solid #a8c0ca;border-radius:999px;padding:10px 16px;white-space:nowrap;font-size:13px}
.angle-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.angle-car{background:white;border:1px solid #cfdee3;overflow:hidden;padding:28px;min-width:0}
.angle-car-copy span{font:800 12px Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#42758a}
.angle-car-copy h3{font:800 clamp(1.45rem,2.2vw,2rem)/1.1 Manrope,Arial,sans-serif;margin:12px 0 7px}
.angle-car-copy p{color:#547080;margin:0}
.angle-car-stage{height:290px;display:grid;place-items:center;position:relative;margin:12px 0;background:#fff}
.angle-car-stage img{width:100%;height:100%;object-fit:contain;display:block}
.angle-car>a{display:inline-block;margin-top:4px;color:#176f80;text-decoration:underline;font-size:13px;font-weight:700}
.angle-error{display:none!important;color:#547080;text-align:center;padding:22px}
.image-error img{display:none}.image-error .angle-error{display:block!important}
.angle-note{font-size:12px;color:#66818c;margin:15px 0 0}
.angle-profile-media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#fff;overflow:hidden}
.angle-profile-media img{width:100%;height:245px;object-fit:contain}
.angle-profile-media small{color:#547080;text-align:center}.angle-profile-media a{text-decoration:underline}
.angle-profile-media .angle-error{font-size:14px}
.compact-hero .filter-buttons button{color:#122c37;border-color:#a6bdc7}.compact-hero .filter-buttons button.active{color:white}
@media(max-width:680px){.angle-pair{grid-template-columns:1fr}.angle-car-stage{height:235px}.angle-gallery-head{align-items:flex-start;flex-direction:column}.angle-gallery{padding:18px 0 48px}.angle-car{padding:20px}.angle-pill{font-size:12px}.model-hero-grid{grid-template-columns:1fr}}