.height-guide{margin:32px 0 44px;padding:clamp(22px,3vw,40px);border:1px solid #dce1d6;border-radius:20px;background:#f2f5ee;color:#293e34}
.height-guide__heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:end;gap:28px;margin-bottom:28px}
.height-guide__heading h2{font-size:clamp(25px,2.6vw,38px);line-height:1.15;letter-spacing:-.03em;margin:8px 0 0;max-width:680px}
.height-guide__heading p{font-size:16px;line-height:1.55;color:#536357;margin:0;max-width:430px}
.height-guide__steps{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.height-guide__steps span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d8dfd3;border-radius:999px;background:#fff;font-size:13px;line-height:1.4}
.height-guide__steps b{font-size:12px;color:#a14c35}
.height-guide__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.height-guide__card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #d8dfd3;border-radius:15px;background:#fff;color:inherit;text-decoration:none;transition:border-color .18s,transform .18s}
.height-guide__card:hover{border-color:#718a70;transform:translateY(-2px)}
.height-guide__card:focus-visible{outline:3px solid #b4583a;outline-offset:3px}
.height-guide__measure{font-size:clamp(31px,3vw,43px);font-weight:750;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.height-guide__measure small{font-size:15px;font-weight:600;letter-spacing:0;margin-left:5px;color:#657363}
.height-guide__track{display:block;height:7px;margin:18px 0 20px;border-radius:10px;background:#e9eee5;overflow:hidden}
.height-guide__track i{display:block;height:100%;border-radius:10px;background:#657f64}
.height-guide__bar--roborock-saros-20{width:28%}
.height-guide__bar--dreame-f10{width:75%}
.height-guide__bar--roborock-qrevo-curvc{width:80%}
.height-guide__bar--roborock-s8-maxv-ultra{width:94%}
.height-guide__card strong{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.height-guide__note{font-size:13px;line-height:1.5;color:#5b695e;margin:8px 0 20px}
.height-guide__link{font-size:13px;font-weight:700;color:#9f4d35;margin-top:auto}
.height-guide__footnote{font-size:13px;line-height:1.5;color:#617064;margin:18px 0 0}
@media(max-width:980px){.height-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.height-guide{padding:20px;margin:24px 0 34px}.height-guide__heading{grid-template-columns:1fr;gap:12px}.height-guide__steps{display:grid;gap:8px}.height-guide__steps span{border-radius:10px}.height-guide__grid{grid-template-columns:1fr}.height-guide__card{padding:19px}.height-guide__track{margin:13px 0 16px}.height-guide__note{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.height-guide__card{transition:none}.height-guide__card:hover{transform:none}}