.size-tool {background:#f5f6ef;color:#1d2925}
.size-wrap {max-width:1190px;padding-block:clamp(21px,3vw,42px) clamp(38px,5vw,68px)}
.size-back,.size-result a,.size-contact a,.sizing-help {color:#29513f;text-decoration:underline;text-underline-offset:3px}
.size-back {font-size:.93rem}
.size-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 24px}
.size-heading h1 {font-size:clamp(39px,4.4vw,68px);letter-spacing:-.055em;line-height:1.02}
.size-heading p {max-width:60ch;margin-top:9px;color:#435347}
.size-heading img {width:clamp(130px,16vw,200px)}
.size-modes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.size-card {border:1px solid #b7c2b7;border-radius:4px;background:white;display:flex;align-items:center;gap:10px;padding:10px 12px;color:#244236;line-height:1.2;font-weight:650}
.size-card img {width:clamp(45px,6vw,75px);height:48px;object-fit:contain}
.size-card:hover,.size-card:focus-visible {border-color:#2a5640}
.size-card[aria-current] {border-color:#29523c;box-shadow:inset 0 -4px #29523c}
.size-panel {margin-top:24px}
.size-panel h2,.size-result h3 {letter-spacing:-.04em;line-height:1.13;font-size:clamp(26px,2.6vw,38px)}
.size-panel header>p {color:#4d5b50;max-width:75ch;margin:7px 0 15px}
.size-grid {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(16px,2.5vw,36px);align-items:start}
.size-form,.size-result {padding:clamp(18px,2.4vw,32px);border-radius:4px}
.size-form {background:white;border:1px solid #c6cec3}
.size-form fieldset {border:0;padding:0;margin:0;min-width:0}
.size-form .dimensions {display:grid;gap:7px}
.size-form label,.size-form legend {font-weight:650}
.dim-row {display:grid;grid-template-columns:minmax(80px,1fr) minmax(50px,1.25fr) 75px;gap:8px;align-items:center}
.dim-row label {font-size:.93rem}
.size-form input[type=range] {width:100%;min-width:0;margin:0;height:38px;accent-color:#27553f;cursor:pointer}
.size-form input[type=number],.size-form select {font:inherit;color:#203d2d;background:#fcfdf9;border:1px solid #92a18d;border-radius:3px;min-height:42px}
.size-form input[type=number] {padding:5px 6px;width:100%}
.size-form select {display:block;width:100%;margin:5px 0 0;padding:8px 10px}
.size-field {display:block;margin-top:14px}
.size-form button {min-height:44px}
.size-form .btn {margin-top:20px}
.size-tip,.size-result .fine {color:#4b5b50;font-size:.88rem;line-height:1.45}
.size-tip {margin-top:7px}
.size-result {background:#e4ebe0;border-top:3px solid #386348}
.size-result h3 {font-size:clamp(24px,2.1vw,33px)}
.size-result p {margin:10px 0}
.size-result .size-kw {font-size:clamp(32px,3vw,45px);font-weight:700;letter-spacing:-.045em;line-height:1.05;color:#20452d;margin:10px 0}
.size-result ul {padding-left:20px}
.size-result .size-example-list {list-style:none;padding:0}
.size-example-list li {padding:8px 0;border-top:1px solid #bdc9b8}
.size-example-list label {display:block;font-weight:600;cursor:pointer}
.size-result .size-example-list a {font-size:.9rem}
.size-result .result-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:17px}
.size-result .btn {color:white;text-decoration:none}
.size-result button,.room-action {border:1px solid #809182;border-radius:3px;background:transparent;padding:7px 12px;color:#224634;font-weight:600}
.size-result button {min-height:40px}
.size-room {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #c5cec3}
.size-room-top {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.size-room-top h3 {font-size:1.13rem}
.room-action {font-size:.9rem}
.size-contact {margin-top:24px;padding-top:20px;border-top:1px solid #b8c4b5;display:flex;align-items:center;justify-content:space-between;gap:20px}
.size-contact p {max-width:61ch}
.size-contact div {display:flex;flex-wrap:wrap;gap:8px 16px}
.size-result details {margin:13px 0}
.size-result summary {font-weight:650}
.size-model-line {display:block;margin-top:2px}
@media(max-width:760px){
  .size-heading {display:block;margin-block:15px}
  .size-heading img {width:110px;margin-top:13px}
  .size-grid {grid-template-columns: minmax(0,1fr)}
  .size-modes {gap:5px}
  .size-card {flex-direction:column;justify-content:flex-start;text-align:center;padding:8px 4px 11px;gap:4px;font-size:.94rem}
  .size-card img {width:62px;height:41px}
  .size-contact {display:block}.size-contact div {margin-top:11px}
  .dim-row {grid-template-columns:minmax(85px,1fr) minmax(40px,1fr) 66px}
}
.size-result .edit-measurements {font-size:.88rem;min-height:36px;padding:4px 9px;margin-bottom:8px}
.size-result h4 {font-size:1.13rem;margin:10px 0 0}
.size-result .size-field {font-weight:650;margin:0 0 10px}
.size-result select {display:block;min-height:41px;border:1px solid #91a48c;color:#203d2d;padding:6px 10px;margin:4px 0;border-radius:3px;background:#fcfdf9;width:100%}
.size-result [role=status]:empty {display:none}
.size-result textarea {width:100%;min-height:7em;display:block;margin-top:6px;font:inherit}