.case-page{padding:36px 0 64px;color:#292929;--case-red:#b7243b}
.case-page-heading{padding-bottom:28px}.case-page-heading h1{font-size:clamp(34px,5vw,52px);letter-spacing:-1.5px;line-height:1.12;margin:14px 0}.case-page-heading>p:last-child{font-size:17px;color:#333;line-height:1.6;margin:0}.case-update{display:inline-block;margin:0;padding:9px 13px;border-left:3px solid var(--case-red);background:#f1f1f1;color:#333;font-size:14px;line-height:1.5}
.case-tabs{display:flex;gap:12px;border-bottom:1px solid #ddd;margin-bottom:32px}.case-tabs button{min-height:64px;padding:12px 22px;border:0;border-bottom:3px solid var(--case-red);background:#fff;color:#292929;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:left}.case-tabs button span{display:block;font-size:13px;font-weight:500;color:#333;margin-top:3px}
.case-title{max-width:800px}.case-kicker{font-size:12px!important;letter-spacing:1.6px;font-weight:700;color:#a21f32!important;margin:0 0 12px!important}.case-title h2{font-size:clamp(30px,4.4vw,48px);line-height:1.15;letter-spacing:-1.3px;margin:0 0 18px}.case-title>p{font-size:17px;line-height:1.7;color:#333}.case-title .case-byline{font-size:13px;color:#333;margin:14px 0 28px}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:0 0 36px;padding:22px 0;gap:20px}.case-facts dt{font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.case-facts dd{font:700 32px/1.1 'Manrope',system-ui,sans-serif;letter-spacing:-.8px;margin:0}.case-facts dd span{font:400 14px/1.4 'DM Sans',system-ui,sans-serif;letter-spacing:0;color:#333}
.case-section{margin:0 0 40px}.case-section+.case-section{border-top:1px solid #ddd;padding-top:36px}.case-section h3{font-size:26px;line-height:1.3;letter-spacing:-.5px;margin:0 0 18px}.case-section h4{font-size:18px;margin:28px 0 12px}.case-section p,.case-article-footer p{font-size:16px;line-height:1.8;color:#333;margin:12px 0}.case-section-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.case-section-top h3{margin:0}.case-photo-toggle{display:flex;padding:4px;background:#ececec;border-radius:8px;gap:4px}.case-photo-toggle button{min-height:44px;padding:0 18px;border:0;background:transparent;color:#333;font:600 14px 'DM Sans',system-ui,sans-serif;border-radius:5px}.case-photo-toggle button[aria-pressed=true]{background:#fff;color:#a21f32;box-shadow:0 1px 4px #0001}
.case-page figure{margin:0}.case-page img{display:block;width:100%;height:auto;border-radius:8px}.case-site-photo img{max-height:540px;object-fit:cover;object-position:center}.case-page figcaption{font-size:13px;line-height:1.6;color:#333;margin-top:10px}.case-page .case-note{font-size:14px;line-height:1.7;color:#333}.case-takeoff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:26px}.case-plan{background:#fff;padding:16px;border:1px solid #e1e1e1;border-radius:10px}.case-working table{width:100%;border-collapse:collapse;font-size:14px}.case-working caption{text-align:left;font-size:16px;font-weight:700;margin-bottom:16px}.case-working th,.case-working td{padding:13px 8px;border-bottom:1px solid #ddd;text-align:left;line-height:1.5}.case-working thead{background:#eee}.case-working tbody th{font-weight:500}.case-working td:last-child{white-space:nowrap;text-align:right}.case-working tfoot{font-weight:700;color:#a21f32}
.case-product{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}.case-specs{margin:20px 0}.case-specs>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #ddd;font-size:14px;line-height:1.5}.case-specs dt{color:#333;font-weight:500}.case-specs dd{margin:0;text-align:right;font-weight:600}.case-calculator-link{display:inline-flex;align-items:center;min-height:48px;padding:12px 18px;border-radius:7px;background:#b7243b;color:white;font-size:15px;font-weight:600;margin-top:12px;text-decoration:none}.case-page .case-link-note{font-size:13px;max-width:580px;line-height:1.6}.case-article-footer{display:block;border-top:3px solid #b7243b;padding:24px 0 0;margin-top:34px}.case-article-footer>strong{font-size:21px}.case-page [hidden]{display:none!important}
@media(max-width:760px){.case-page{padding-top:24px}.case-page-heading{padding-bottom:20px}.case-tabs{margin-bottom:26px}.case-title h2{font-size:32px}.case-facts{gap:12px;padding:18px 0}.case-facts dd{font-size:27px}.case-facts dd span{display:block;margin-top:5px}.case-facts dt{font-size:12px}.case-section h3{font-size:23px}.case-section-top{align-items:flex-start;flex-direction:column}.case-takeoff,.case-product{grid-template-columns:1fr;gap:24px}.case-page .case-site-photo img{max-height:none;object-fit:contain}.case-working th,.case-working td{padding:11px 6px;font-size:13px}.case-plan{padding:8px}.case-section{margin-bottom:30px}.case-page-heading h1{font-size:36px}.case-update{font-size:13px}}
@media print{.case-tabs,.case-photo-toggle{display:none}.case-page{padding:0}.case-section{break-inside:avoid}}

/* Explicit heading colours keep the case study crisp in both layouts. */
.case-page h1,.case-page h2,.case-page h3,.case-page h4,.case-working caption,.case-article-footer>strong{color:#242424;font-weight:700}
/* Emphasised facts should stay solid black in every case-study section. */
.case-page strong,.case-page b{color:#000;font-weight:700}
.case-tabs{flex-wrap:wrap;gap:8px}
.case-tabs button{border-bottom-color:transparent;background:transparent}
.case-tabs button[aria-selected=true]{border-bottom-color:var(--case-red);background:#fff}
.case-product-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.case-product-pair img{height:250px;object-fit:contain;background:#fff}
.case-sources a{color:#a21f32;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:760px){.case-tabs button{padding:10px 14px}.case-product-pair{gap:14px}.case-product-pair img{height:180px}.case-product-pair figcaption{font-size:13px}.case-working td{overflow-wrap:anywhere}}