.measure-page{background:linear-gradient(180deg,#f0f6fd 0,white 225px);padding:0 0 56px;color:#172c3f}.measure-page [hidden]{display:none!important}.measure-page svg{flex-shrink:0}.measure-breadcrumb{display:flex;align-items:center;gap:12px;padding:18px 0;font-size:12px;color:#64748b}.measure-breadcrumb a{color:inherit;text-decoration:none}.measure-heading{text-align:center;max-width:880px;margin:8px auto 44px;padding:0 20px}.measure-heading h1{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 14px;font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-.6px}.measure-heading-icon{display:flex;align-items:center;justify-content:center;background:#e1eefd;color:#005bc3;border-radius:6px;width:38px;height:40px}.measure-heading p{font-size:14px;line-height:1.6;color:#6b7280;margin:0}.measure-content{max-width:800px;margin:auto;padding:0 20px;display:grid;gap:20px}.measure-panel{margin:0;padding:24px;border:1px solid #e1e5ea;border-radius:9px;background:white;box-shadow:0 1px 2px #142c4c08;min-width:0}.measure-panel h2{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.4;font-weight:650;margin:0 0 23px;color:#172c3f}.measure-panel h2 svg{width:19px;height:19px;color:#005bc3}.measure-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.measure-field{min-width:0;position:relative}.measure-label{display:flex;gap:6px;align-items:center;margin-bottom:7px;min-height:20px}.measure-label label{font-size:12px;line-height:1.4;font-weight:550;margin:0;color:#243746}.measure-panel input,.measure-panel select{width:100%;min-width:0;height:40px;border:1px solid #dce1e7;border-radius:6px;padding:8px 11px;background:white;color:#243746;font:inherit;font-size:13px;box-shadow:0 1px 2px #142c4c04;outline:none}.measure-panel input::placeholder{color:#8994a2}.measure-panel input:focus,.measure-panel select:focus{border-color:#005bc3;box-shadow:0 0 0 3px #005bc319}.measure-input-unit{display:flex;gap:7px}.measure-input-unit select{width:78px;flex-shrink:0}.measure-help{position:static}.measure-help summary{list-style:none;display:flex;cursor:pointer;border-radius:50%;color:#7b8794}.measure-help summary::-webkit-details-marker{display:none}.measure-help summary svg{width:13px;height:13px}.measure-help summary:focus-visible{outline:2px solid #005bc3;outline-offset:3px}.measure-help[open] summary{color:#005bc3}.measure-help p{position:absolute;z-index:3;top:18px;left:0;right:0;margin:7px 0 0;padding:12px;font-size:12px;line-height:1.5;border:1px solid #b8d4f4;border-radius:6px;background:#f1f7ff;box-shadow:0 5px 16px #17395c18;color:#244565}.measure-error{margin:0;color:#ba2836;font-size:12px;line-height:1.5}.measure-error:not(:empty){margin-top:15px}.measure-empty{text-align:center;color:#788391;font-size:14px;line-height:1.6;margin:15px 0 22px}.measure-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.measure-results>div{border:1px solid #e4e7ec;border-radius:7px;background:#f8fafc;padding:16px;min-width:0}.measure-results dt{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:#6b7280;margin:0 0 6px}.measure-results dt svg{height:15px;width:15px;color:#005bc3}.measure-results dd{font-size:23px;font-weight:700;letter-spacing:-.4px;line-height:1.25;margin:0;overflow-wrap:anywhere;color:#172c3f}.measure-results small{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:#74808b}.measure-results>div.is-over{border-color:#f6b6bd;background:#fff1f2}.measure-results>div.is-over dd,.measure-results>div.is-over svg{color:#c43243}.measure-warning{margin:14px 0 0;padding:12px 14px;border:1px solid #f3b5bc;border-radius:6px;color:#b32939;background:#fff8f9;font-size:12px;line-height:1.5}.measure-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.measure-syringe{max-width:470px;margin:-6px auto 0}.measure-syringe svg{display:block;width:100%;height:auto;overflow:visible}.measure-syringe-barrel{stroke:#cbd5e1;stroke-width:1.5}.measure-syringe-fill{fill:#bfdafa}.measure-syringe-ticks line{stroke:#52657a;stroke-width:1}.measure-syringe-labels text{fill:#6b7280;font:10px Arial,sans-serif;text-anchor:middle}.measure-syringe [data-syringe-marker]{fill:#005bc3}.measure-syringe [data-syringe-marker] text{fill:white;font:bold 12px Arial,sans-serif}.measure-syringe.is-over .measure-syringe-barrel{stroke:#e98390;fill:#fff1f2}.measure-syringe-caption{text-align:center;color:#76818b;font-size:13px;margin:8px 0}.measure-syringe-caption strong{color:#243746;font-weight:600}.measure-visual-note{text-align:center;font-size:12px;line-height:1.5;color:#7b8794;margin:0}.measure-visual-note.is-over{color:#bb293b}.measure-disclaimer{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid #e1e5ea;border-radius:8px;font-size:12px;line-height:1.6;background:white}.measure-disclaimer>svg{width:16px;height:16px;margin-top:2px}.measure-disclaimer p{margin:0}.measure-disclaimer p+p{color:#74808b;margin-top:8px}.measure-disclaimer strong{font-weight:650}@media(max-width:600px){.measure-heading{margin:6px auto 27px;padding:0 18px}.measure-heading h1{font-size:25px;gap:9px}.measure-heading-icon{width:34px;height:36px}.measure-heading p{font-size:13px}.measure-content{padding:0 14px;gap:16px}.measure-panel{padding:18px}.measure-panel h2{margin-bottom:19px}.measure-fields{gap:16px;grid-template-columns:1fr}.measure-label label{font-size:13px}.measure-panel input,.measure-panel select{height:44px;font-size:16px}.measure-results{gap:10px}.measure-results>div{padding:12px}.measure-results dd{font-size:20px}.measure-results dt{font-size:11px;gap:5px}.measure-results small{font-size:11px}.measure-disclaimer{padding:13px;font-size:11px}.measure-syringe{margin-top:0}.measure-page{padding-bottom:32px}.measure-breadcrumb{padding:15px 0}}@media(max-width:360px){.measure-heading h1{font-size:22px}.measure-panel{padding:15px}.measure-results{grid-template-columns:1fr}.measure-results dt{font-size:12px}.measure-syringe-labels text{font-size:12px}}
