.measurement{max-width:1100px;margin:2rem auto;padding:1.2rem;border:1px solid #a6ac9f;border-radius:16px;color:#24382c;background:#f7f8f3;font:14px/1.6 system-ui,sans-serif}.measurement h2{font:700 18px/1.4 system-ui,sans-serif;margin:0 0 .5rem}.measurement p{max-width:85ch}.measurement-actions{display:flex;gap:.7rem;flex-wrap:wrap}.measurement button{font:inherit;min-height:44px;padding:.45rem 1.2rem;border:1px solid #52715c;border-radius:8px;background:#fff;color:#24382c;cursor:pointer}.measurement button[aria-pressed=true]{outline:2px solid #247a36;outline-offset:2px}.measurement button:focus-visible{outline:3px solid #247a36;outline-offset:3px}.measurement details{margin-top:1rem}.measurement summary{cursor:pointer}

span[data-measure]{display:block;min-height:1px;width:100%}