.visual-reference.measure-guide{display:block;grid-template-columns:none;align-items:initial;gap:0;position:relative;overflow:hidden;padding:clamp(22px,3vw,38px);margin:22px 0;background:#f8f0df;border:1px solid #d7c7ae;border-top:4px solid #b62d26;border-radius:5px;box-shadow:0 14px 28px #00131f29;color:#123548}
.measure-guide .reference-heading{display:block;margin:0 0 23px;padding-bottom:21px;border-bottom:1px solid #cdbfaa}
.measure-guide .reference-heading>div:first-child{max-width:840px}
.measure-guide .reference-kicker{margin-bottom:11px!important}
.measure-guide h2{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.08;margin:0 0 10px;letter-spacing:.015em}
.measure-guide .reference-heading p:last-child{font-size:1rem;line-height:1.5;color:#3d5865;max-width:750px}
.measure-guide .measure-layout{display:block;min-width:0}
.measure-guide .measure-drawing{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);gap:14px;max-width:none;margin:0 0 17px;padding:0;background:none;border:0}
.measure-illustration{min-width:0;overflow:hidden;border:1px solid #b7c7c7;border-radius:3px;background-color:#e7eeeb;background-image:linear-gradient(#bdd1cc30 1px,transparent 1px),linear-gradient(90deg,#bdd1cc30 1px,transparent 1px);background-size:28px 28px;padding:0 17px 10px;box-shadow:inset 0 0 0 3px #f9f8ef8a}
.measure-illustration h3{display:block;margin:0 -17px;padding:10px 17px;background:#173b4c;color:#f8f1df;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.measure-guide .measure-drawing svg{display:block;max-height:242px;width:100%;height:auto;margin:10px auto 0}
.measure-head svg{max-width:285px}
.measure-guide .measure-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.measure-guide .measure-steps li{min-width:0;position:relative;padding:17px 16px 18px;background:#fffaf0;border:1px solid #d9cfbe;border-top:3px solid #193e50;border-radius:2px;line-height:1.45;box-shadow:0 3px 0 #d4c7b44d}
.measure-guide .measure-steps li::before{display:grid;place-items:center;width:35px;height:35px;margin:0 0 12px;border-radius:3px;background:#b6322a;color:#fff7e8;font:800 1rem/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.03em}
.measure-guide .measure-steps strong{font-size:1.05rem;line-height:1.25;margin-bottom:8px;color:#10374b}
.measure-guide .measure-steps span{font-size:.92rem;line-height:1.48;color:#365260}
.measure-example{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#173b4c;color:#f8f0df;border-left:5px solid #c4352b;border-radius:2px;padding:17px 19px;margin-top:18px}
.measure-guide .measure-example p{color:#f9f2e6;font-size:.94rem;line-height:1.5;margin:0;max-width:800px}
.measure-example strong{color:#fff;font-weight:850}
.measure-example a{flex:0 0 auto;color:#fff!important;background:#b92d25;border:1px solid #e06b5e;border-radius:3px;padding:11px 16px;text-decoration:none;font-size:.89rem;font-weight:800;box-shadow:0 3px 0 #061e2b}
.measure-example a:hover{background:#94221e}
@media(max-width:950px){.measure-guide .measure-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.measure-guide .measure-drawing{grid-template-columns:1fr}.measure-head svg{max-width:270px}.measure-example{display:block}.measure-example a{display:inline-block;margin-top:13px}}
@media(max-width:520px){.measure-guide .measure-steps{grid-template-columns:1fr}.measure-illustration{padding:0 12px 10px}.measure-illustration h3{margin:0 -12px;padding:10px 12px}.measure-guide .measure-steps li{padding:14px}.measure-guide .measure-drawing svg{max-height:none}}