.calibra-page{overflow-wrap:anywhere}
.calibra-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:70px;align-items:center}
.calibra-page .calibra-heading{font-size:clamp(24px,3vw,36px);line-height:1.25;letter-spacing:-.8px;max-width:650px}
.calibra-hero .subpage-lead{font-size:18px;margin-bottom:28px}
.calibra-panel{padding:40px;border:1px solid var(--line);border-radius:20px;background:var(--pale);min-width:0}
.calibra-range{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0;font-size:clamp(20px,2.5vw,32px);color:var(--ink)}
.calibra-range strong{white-space:nowrap;letter-spacing:-1px}
.calibra-range>span{font-size:24px;color:var(--blue)}
.calibra-scale{position:relative;display:flex;justify-content:space-between;align-items:center;height:28px;margin:0 4px 32px;background:repeating-linear-gradient(90deg,transparent,transparent calc(5% - 1px),var(--line) calc(5% - 1px),var(--line) 5%);border-bottom:2px solid var(--blue)}
.calibra-scale i{width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--pale)}
.calibra-facts{margin:0;display:grid;gap:22px}
.calibra-facts>div{padding-top:20px;border-top:1px solid var(--line)}
.calibra-facts dt{font-size:13px;color:var(--text);margin-bottom:7px}
.calibra-facts dd{margin:0;font-size:19px;line-height:1.5;color:var(--ink);font-weight:600}
.calibra-facts>div:first-child dd{font-size:32px;line-height:1.1}
.calibra-page .steps h3{font-size:21px;line-height:1.3}
.calibra-page .steps p{font-size:15px;line-height:1.75}
.calibra-page .narrow>p{font-size:17px;line-height:1.8}
.calibra-related{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}
.calibra-related h3{font-size:24px}
.calibra-related h3 a{text-decoration-thickness:1px;text-underline-offset:5px}
html[data-design="immersive"] .calibra-panel{background:#102c3c;border-color:#345364}
html[data-design="immersive"] .calibra-range,html[data-design="immersive"] .calibra-facts dd{color:#eef6f8}
html[data-design="immersive"] .calibra-facts dt{color:#bacdd7}
html[data-design="immersive"] .calibra-scale i{box-shadow:0 0 0 5px #102c3c}
@media(max-width:1000px){.calibra-hero-grid{gap:35px}.calibra-panel{padding:25px}}
@media(max-width:700px){.calibra-hero-grid,.calibra-related{grid-template-columns:1fr}.calibra-hero-grid{gap:40px}.calibra-range{font-size:27px}.calibra-related{gap:20px}}