.hil-brand{display:flex!important;align-items:center;gap:10px!important;padding:20px!important;text-decoration:none;color:#16161a}.hil-brand>img{width:38px!important;height:38px!important}.hil-word{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:600;letter-spacing:-.045em;line-height:1.2;color:#16161a;white-space:nowrap}.hil-i{position:relative}.hil-i:after{content:'';position:absolute;width:.105em;height:.105em;border-radius:50%;background:#C9F24D;left:50%;top:.21em;transform:translateX(-50%)}
.measure-workbench{margin:20px 0}.measure-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.measure-heading h2{font:700 28px/1.2 var(--display);letter-spacing:-.8px;margin:10px 0}.measure-heading p{font-size:13px;color:var(--ink-2);margin:0}.measure-heading label{font-size:12px;display:grid;gap:7px}.measure-heading select{min-width:110px;background:white;border:1px solid var(--line);border-radius:8px;padding:10px;font:600 14px var(--font)}.measure-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:26px;align-items:start}.measure-figure{position:sticky;top:90px;min-width:0}.measure-photo{position:relative;width:min(100%,560px);margin:auto;aspect-ratio:1122/1402;background:#f3f1ec;border:1px solid var(--line);border-radius:16px;overflow:hidden}.measure-photo>img{display:block;width:100%;height:100%;object-fit:contain}.measure-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.measure-lines line,.measure-lines path{stroke:#d5fe00;stroke-width:3;vector-effect:non-scaling-stroke;fill:none}.measure-lines .measure-halo{stroke:#16161a;stroke-width:7;opacity:.6}.measure-pin{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;height:29px;width:29px;background:#16161ae8;color:white;font:600 11px var(--font);box-shadow:0 2px 12px #0003;cursor:pointer}.measure-pin.selected{background:#d5fe00;color:#16161a;width:35px;height:35px;z-index:2;box-shadow:0 0 0 6px #d5fe0030}.measure-pin:focus-visible,.measure-points button:focus-visible{outline:3px solid #6a8100;outline-offset:3px}.measure-tag{position:absolute;bottom:14px;left:14px;right:14px;background:#16161aec;color:white;padding:13px 17px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px}.measure-tag b{color:#d5fe00;font-size:22px}.measure-caption{max-width:560px;margin:12px auto;color:var(--ink-2);font-size:11px;line-height:1.6}.measure-points{display:grid;grid-template-columns:1fr 1fr;gap:8px}.measure-points button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:white;padding:10px;text-align:left;color:var(--ink);min-height:54px}.measure-points button>span{display:grid;place-items:center;width:23px;height:23px;background:#f0f0eb;border-radius:50%;flex:none;font-size:10px}.measure-points button>b{font-size:11px;font-weight:600;flex:1}.measure-points button>small{font-size:10px;white-space:nowrap}.measure-points button.selected{background:#f4fad9;border-color:#a9c826}.measure-points button.selected>span{background:#d5fe00}.measure-instruction{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:18px}.measure-instruction h3{font:700 21px var(--display);margin:10px 0}.measure-instruction ol{padding-left:20px;font-size:12px;line-height:1.8;color:var(--ink-2)}.measure-instruction li{padding-left:4px;margin-bottom:9px}.measure-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;border-block:1px solid var(--line);margin:18px 0}.measure-values small{font-size:11px;color:var(--ink-2);display:block}.measure-values b{display:block;font-size:25px;margin-top:7px}.measure-input-label{font-size:12px;display:grid;gap:8px}.measure-input-label input{width:100%;border:1px solid var(--line);padding:12px;border-radius:9px;font:16px var(--font)}.measure-result{font-size:12px;min-height:45px;padding:12px 0}.measure-result.pass{color:#18744a}.measure-result.fail{color:#b33a28}.measure-actions{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}.measure-actions a{padding:10px 14px;background:white;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:12px;text-decoration:none}.measure-table-link{color:inherit;text-decoration:none;display:block;padding:5px 0}.measure-table-link:hover{text-decoration:underline;color:#657d00}.tp-hero{position:relative}.product-hotspots{position:absolute;inset:0;pointer-events:none}.product-hotspots button{position:absolute;pointer-events:auto;border:2px solid white;border-radius:50%;width:30px;height:30px;background:#d5fe00;color:#16161a;font-size:20px;cursor:pointer;box-shadow:0 0 0 5px #d5fe0025}.product-hotspots button span{position:absolute;left:36px;top:2px;font:600 10px var(--font);background:#16161ae8;color:white;white-space:nowrap;padding:7px 9px;border-radius:6px}.product-hotspots button:hover{transform:scale(1.06)}
@media(max-width:1050px){.measure-layout{grid-template-columns:1fr 1fr;gap:18px}.measure-points{grid-template-columns:1fr}.measure-instruction{padding:16px}.measure-heading h2{font-size:23px}}
@media(max-width:760px){.measure-layout{grid-template-columns:1fr}.measure-figure{position:static}.measure-photo{max-width:460px}.measure-points{grid-template-columns:1fr 1fr}.measure-heading{align-items:start}.measure-heading h2{font-size:21px}.measure-heading select{min-width:75px}.measure-heading p{font-size:12px}.measure-values b{font-size:22px}.product-hotspots button span{font-size:9px;padding:5px;left:27px}.measure-actions a{flex:1;text-align:center}.hil-brand{padding:16px!important}.measure-tag{font-size:12px}}
@media(prefers-reduced-motion:reduce){.product-hotspots button:hover{transform:none}}

@media(max-width:760px){.measure-pin{min-width:38px;min-height:38px}.measure-pin.selected{min-width:42px;min-height:42px}}

.measure-tag{position:static;max-width:560px;margin:10px auto 0}.measure-photo{overflow:visible}.measure-photo>img{border-radius:16px}.measure-pin{z-index:1}