*{box-sizing:border-box}body{margin:0;background:#f4f4ef;color:#293d3b;font:17px/1.78 system-ui,"Segoe UI",sans-serif}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid #ced6d0}.brand{font-size:23px;font-weight:800;text-decoration:none;color:inherit}.top nav{display:flex;gap:22px}.top nav a{color:inherit}.hero,.intro,.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:56px 0}.hero img,.intro img,.split img{height:360px}figure{margin:0}img{width:100%;object-fit:cover;border-radius:9px}figcaption{font-size:13px;color:#596966}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.07em;color:#80613b}h1{font-size:clamp(40px,6vw,64px);line-height:1.16}h2{font-size:clamp(29px,4vw,40px);line-height:1.25}.button,button{display:inline-block;background:#d3b879;border:0;border-radius:5px;padding:12px 19px;color:#293d3b;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.tool{padding:48px 0;background:#293f42;color:white}.tool .eyebrow{color:#ebd59c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.form-grid label,.single{display:block;font-weight:650}.form-grid input,.single input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #aebbb5;border-radius:6px;font:inherit}.single{max-width:420px;margin:20px 0}.tool output{display:block;min-height:52px;padding:14px;background:#e5e9df;border-radius:6px;color:#293d3b;font-weight:750}.unit-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.unit-results p{font-weight:700}.unit-results output{display:block;margin-top:5px}.section{padding:46px 0}.wide{max-width:820px;margin-bottom:22px}.details{padding-bottom:44px}.details details{padding:16px 0;border-bottom:1px solid #ced6d0}.details summary{font-weight:750;cursor:pointer}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:2}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a45531;outline-offset:4px}footer{padding:28px 0;border-top:1px solid #ced6d0}@media(max-width:760px){.hero,.intro,.split{grid-template-columns:1fr;gap:22px;padding:34px 0}.hero img,.intro img,.split img{height:280px}.top{align-items:flex-start;flex-direction:column;gap:12px}.top nav{flex-wrap:wrap}.form-grid,.unit-results{grid-template-columns:1fr}.tool{padding:36px 0}}