/* Möller measurement guide — full-width readable infographic and exact ordering rules. */
.measure-page-v2{background:#f7fafc;color:#0e2438}
.measure-shell{width:min(1220px,calc(100% - 32px));margin-inline:auto}
.measure-shell--wide{width:min(1500px,calc(100% - 40px))}
.measure-hero{padding:30px 0 42px;background:linear-gradient(180deg,#edf8fd 0,#f8fcfe 55%,#fff 100%)}
.measure-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#6b8092;font-size:14px;margin-bottom:22px}
.measure-breadcrumbs a{color:#087eb6;font-weight:800;text-decoration:none}
.measure-hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);gap:34px;align-items:end;margin-bottom:24px}
.measure-eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#dff3fd;color:#006fa8;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.measure-hero h1{max-width:850px;margin:14px 0 12px;color:#0c2135;font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-.045em}
.measure-hero-copy>p{max-width:850px;margin:0;color:#587086;font-size:19px;line-height:1.58}
.measure-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.measure-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.measure-rule-grid>div{min-height:106px;padding:18px;border:1px solid #d4e5ee;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(16,67,98,.06)}
.measure-rule-grid strong{display:block;color:#087eb6;font-size:27px;line-height:1;margin-bottom:8px}
.measure-rule-grid span{display:block;color:#587086;font-size:14px;line-height:1.35}
.measure-infographic{margin:0;padding:15px;border-radius:25px;background:#fff;border:1px solid #d5e6ee;box-shadow:0 22px 60px rgba(16,67,98,.12)}
.measure-infographic__desktop{display:block;width:100%;height:auto;border-radius:15px}
.measure-infographic__mobile{display:none}
.measure-infographic figcaption{padding:14px 10px 2px;color:#536d82;font-size:15px;line-height:1.5;text-align:center}
.measure-section{padding:50px 0}
.measure-section--soft{background:#edf6fa}
.measure-heading{max-width:890px;margin-bottom:24px}
.measure-heading span{color:#087eb6;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.1em}
.measure-heading h2{margin:7px 0 9px;color:#0d2840;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.025em}
.measure-heading p{margin:0;color:#62798d;font-size:17px;line-height:1.55}
.measure-width-formula{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:22px;align-items:center;margin-bottom:18px;padding:24px;border:1px solid #cfe3ed;border-radius:22px;background:linear-gradient(135deg,#fff,#f5fbfe);box-shadow:0 12px 34px rgba(18,74,107,.06)}
.measure-width-formula__line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#0c3049;font-size:clamp(20px,2.2vw,31px);font-weight:900}
.measure-width-formula__line b{padding:10px 13px;border-radius:12px;background:#e6f4fb;color:#066e9f}
.measure-width-formula__line b:first-child{background:#0d7fb5;color:#fff}
.measure-width-formula p{margin:0;color:#587086;font-size:16px;line-height:1.55}
.measure-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.measure-steps--four{grid-template-columns:repeat(4,1fr)}
.measure-step{background:#fff;border:1px solid #d8e7ef;border-radius:19px;padding:20px;box-shadow:0 10px 28px rgba(18,74,107,.05)}
.measure-letter{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:900;margin-bottom:13px;background:#1d67a4}
.measure-step:nth-child(2) .measure-letter{background:#0f91c8}
.measure-step:nth-child(3) .measure-letter{background:#d9811d}
.measure-step:nth-child(4) .measure-letter{background:#2b9b43}
.measure-step h3{margin:0 0 7px;color:#14334a;font-size:20px}
.measure-step p{margin:0;color:#60768a;line-height:1.55}
.measure-step strong{color:#0c2539}
.measure-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.measure-examples article{padding:18px 20px;border-radius:18px;background:#092d47;color:#fff}
.measure-examples span{display:block;color:#a9d9ed;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.09em}
.measure-examples strong{display:block;margin:6px 0 3px;font-size:22px}
.measure-examples p{margin:0;color:#d7e8f0}
.measure-formulas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.measure-formula{background:#fff;border:1px solid #d6e6ee;border-radius:20px;padding:23px}
.measure-formula h3{margin:0;color:#12344c;font-size:23px}
.measure-equation{margin:13px 0;padding:13px;border-radius:13px;background:#eaf6fc;color:#056e9f;font-size:21px;font-weight:900}
.measure-formula p{margin:0;color:#62798d;line-height:1.55}
.measure-formula--green .measure-equation{background:#eaf8ed;color:#25823b}
.measure-cutting-banner{display:grid;grid-template-columns:72px 1fr;gap:19px;align-items:center;margin-top:16px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#082a43,#087fb7);color:#fff;box-shadow:0 15px 38px rgba(8,77,113,.18)}
.measure-cutting-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:34px;font-weight:900}
.measure-cutting-banner h3{margin:0 0 5px;color:#fff;font-size:24px}
.measure-cutting-banner p{margin:0;color:#d9edf6;line-height:1.55}
.measure-size-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.measure-size-chips span{padding:15px 10px;border:1px solid #d1e4ed;border-radius:15px;background:#fff;color:#0c5279;text-align:center;font-weight:900;box-shadow:0 8px 20px rgba(18,74,107,.04)}
.measure-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.measure-card{background:#fff;border:1px solid #d7e6ee;border-radius:21px;padding:24px}
.measure-card h3{margin:0 0 14px;color:#0f3048;font-size:24px}
.measure-check{list-style:none;padding:0;margin:0}
.measure-check li{position:relative;padding:10px 0 10px 32px;border-bottom:1px solid #e7eef2;color:#536d82}
.measure-check li:last-child{border-bottom:0}
.measure-check li:before{content:"✓";position:absolute;left:0;top:9px;width:23px;height:23px;border-radius:8px;background:#e7f8ee;color:#218446;display:grid;place-items:center;font-weight:900}
.measure-warning li:before{content:"!";background:#fff1df;color:#a45b00}
.measure-faq{background:#fff;border:1px solid #d7e6ee;border-radius:21px;padding:24px}
.measure-faq details{border-top:1px solid #e0ebf0}
.measure-faq details:last-child{border-bottom:1px solid #e0ebf0}
.measure-faq summary{cursor:pointer;list-style:none;padding:15px 40px 15px 0;font-weight:800;color:#15364d;position:relative}
.measure-faq summary::-webkit-details-marker{display:none}
.measure-faq summary:after{content:"+";position:absolute;right:0;top:10px;width:30px;height:30px;border-radius:50%;background:#e6f5fb;color:#087fb7;display:grid;place-items:center;font-size:20px}
.measure-faq details[open] summary:after{content:"−"}
.measure-faq p{color:#60778b;padding:0 40px 15px 0;margin:0;line-height:1.6}
.measure-cta{padding:0 0 60px}
.measure-cta-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(135deg,#082a43,#0784bd);color:#fff}
.measure-cta-card h2{margin:0 0 7px;color:#fff;font-size:30px}
.measure-cta-card p{margin:0;color:#d7edf7}
.measure-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.measure-cta-card .btn-modern{background:#fff;color:#056e9f!important}
.measure-cta-card .btn-modern--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.5)}
@media(max-width:1100px){
  .measure-hero-intro{grid-template-columns:1fr}
  .measure-rule-grid{grid-template-columns:repeat(4,1fr)}
  .measure-rule-grid>div{min-height:0}
  .measure-steps--four{grid-template-columns:repeat(2,1fr)}
  .measure-size-chips{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .measure-width-formula,.measure-two-col{grid-template-columns:1fr}
  .measure-formulas{grid-template-columns:1fr}
  .measure-cta-card{grid-template-columns:1fr}
  .measure-rule-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .measure-shell,.measure-shell--wide{width:min(100% - 22px,1220px)}
  .measure-hero{padding-top:18px}
  .measure-hero h1{font-size:39px}
  .measure-hero-copy>p{font-size:17px}
  .measure-infographic{padding:9px;border-radius:19px}
  .measure-infographic__desktop{display:none}
  .measure-infographic__mobile{display:grid;grid-template-columns:1fr;gap:9px}
  .measure-infographic__mobile img{display:block;width:100%;height:auto;border:1px solid #dce8ee;border-radius:12px;background:#fff}
  .measure-infographic figcaption{text-align:left;font-size:14px;padding:11px 4px 2px}
  .measure-section{padding:38px 0}
  .measure-width-formula{padding:19px}
  .measure-width-formula__line{gap:8px;font-size:19px}
  .measure-width-formula__line b{padding:8px 10px}
  .measure-steps--four{grid-template-columns:1fr}
  .measure-examples{grid-template-columns:1fr}
  .measure-cutting-banner{grid-template-columns:1fr;padding:20px}
  .measure-cutting-icon{width:54px;height:54px}
  .measure-size-chips{grid-template-columns:repeat(3,1fr)}
  .measure-card,.measure-formula,.measure-faq{padding:18px}
  .measure-cta-actions{display:grid}
  .measure-cta-actions .btn-modern{width:100%}
}
@media(max-width:420px){
  .measure-rule-grid{grid-template-columns:1fr 1fr}
  .measure-rule-grid strong{font-size:22px}
  .measure-size-chips{grid-template-columns:repeat(2,1fr)}
}
.measure-cutting-icon svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}