@charset "UTF-8";
:root{--paper:#f3f2e9;--white:#fffef9;--ink:#252c28;--muted:#626b64;--rule:#d3d7ca;--green:#1b493f;--light:#e6ebdd;--accent:#d8e9a9;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--green)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8caa50;outline-offset:4px}.wrap{width:min(1140px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--green);color:white;padding:10px;z-index:20}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid var(--ink);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:650;letter-spacing:-1px;text-decoration:none}.brand img{width:32px;height:32px}.nav{display:flex;gap:26px;font-size:13px;font-weight:550}.nav a{text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}.nav a[aria-current=page]{border-color:var(--green)}.eyebrow{font:11px/1.4 var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--green)}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;padding:64px 0 42px}.hero h1{font:normal clamp(42px,5.5vw,66px)/1.07 var(--serif);letter-spacing:-2.2px;margin:16px 0 24px;max-width:650px}.hero p{max-width:600px;margin:0;color:var(--muted);font-size:17px}.specimen{align-self:center;position:relative;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:30px 0 22px;color:var(--green)}.specimen .measurement{font:normal 47px/1.1 var(--serif);margin:0 0 24px}.ruler{height:45px;border-top:1px solid var(--green);background:repeating-linear-gradient(to right,var(--green) 0,var(--green) 1px,transparent 1px,transparent 10%);mask-image:linear-gradient(to bottom,#000 0,#000 35%,transparent 35%);margin-bottom:0}.ruler-labels{display:flex;justify-content:space-between;font:11px var(--mono)}.specimen small{display:block;font:10px var(--mono);margin-top:22px;letter-spacing:1px}.converter{background:var(--white);border:1px solid var(--ink);box-shadow:6px 6px 0 #dce1d1;margin:0 0 66px}.converter-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;border-bottom:1px solid var(--rule)}.converter-header h2{font:12px var(--mono);letter-spacing:1.5px;margin:0;text-transform:uppercase}.status{font:10px var(--mono);color:var(--green);letter-spacing:1px}.status:before{content:"";display:inline-block;width:6px;height:6px;background:#6b833e;border-radius:50%;margin-right:8px}.converter-main{display:grid;grid-template-columns:1.08fr .92fr}.controls{padding:28px}.field{margin-bottom:22px}.field label{display:block;font:11px var(--mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:var(--muted)}input,select{width:100%;border:1px solid #b4bbae;border-radius:0;background:var(--white);color:var(--ink);padding:11px 12px;min-height:48px}input{font:28px/1.3 var(--mono)}input[aria-invalid=true]{border-color:#9a382a}select{font-size:14px}.unit-pair{display:grid;grid-template-columns:1fr 42px 1fr;gap:12px;align-items:end}.unit-pair .field{margin:0}.swap{width:42px;min-height:48px;background:var(--light);border:1px solid #b4bbae;font-size:21px;color:var(--green)}.swap:hover{background:var(--accent)}.error{color:#913b2a;min-height:20px;font-size:12px;line-height:1.5;margin:9px 0 0}.result{padding:32px;background:var(--green);color:var(--white);display:flex;flex-direction:column;justify-content:center;min-width:0}.result-label{font:11px var(--mono);letter-spacing:1.7px;color:#c9d5c1;margin:0 0 22px}.result-value{display:block;font:clamp(26px,3.9vw,46px)/1.3 var(--mono);letter-spacing:-1.5px;overflow-wrap:anywhere;min-height:1.3em}.result-unit{font:normal 36px/1.2 var(--serif);color:var(--accent);margin-top:6px}.result-detail{font:12px/1.7 var(--mono);color:#d3decf;margin:30px 0 0;overflow-wrap:anywhere}.result-precision{font-size:11px;color:#b9cbbd;border-top:1px solid #537167;padding-top:18px;margin:20px 0 0}.converter-note{padding:15px 28px;font-size:12px;color:var(--muted);border-top:1px solid var(--rule);margin:0}.section-label{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);gap:20px;padding-bottom:14px;margin-bottom:0}.section-label h2{font:normal 28px var(--serif);margin:0}.section-label a{font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:64px}.card{padding:24px 22px 24px 0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);text-decoration:none}.card+.card{padding-left:22px}.card:last-child{border-right:0}.card:hover{background:var(--light)}.card .number{font:11px var(--mono);color:var(--muted)}.card h3{font:normal 25px var(--serif);margin:22px 0 12px}.card p{font-size:13px;color:var(--muted);margin:0;min-height:65px}.card .arrow{display:block;margin-top:20px;font:18px var(--mono);color:var(--green)}.note-strip{display:grid;grid-template-columns:.9fr 1.1fr;border-top:1px solid var(--rule);padding:30px 0 54px;gap:60px}.note-strip h2{font:normal 30px/1.2 var(--serif);margin:0}.note-strip p{font-size:14px;color:var(--muted);margin:0}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--ink);padding:23px 0 32px;font:11px/1.6 var(--mono);color:var(--muted)}.footer nav{display:flex;gap:20px}.footer a{text-decoration:none}.page-head{padding:64px 0 38px;max-width:760px}.page-head h1{font:normal clamp(40px,5vw,58px)/1.1 var(--serif);letter-spacing:-1.5px;margin:16px 0 22px}.page-head p{font-size:17px;color:var(--muted);margin:0}.document{display:grid;grid-template-columns:210px minmax(0,1fr);gap:60px;padding-bottom:66px}.contents{padding-top:8px;font:12px/2.2 var(--mono)}.contents a{display:block;text-decoration:none}.contents .eyebrow{margin-bottom:15px}.prose{max-width:760px}.prose h2{font:normal 29px/1.2 var(--serif);margin:34px 0 16px;padding-top:22px;border-top:1px solid var(--rule)}.prose h2:first-child{margin-top:0}.prose h3{font-size:15px;margin:26px 0 10px}.prose p,.prose li{font-size:14px;color:var(--muted)}.prose p{margin:0 0 18px}.prose strong{color:var(--ink)}.prose ul{padding-left:20px}.table-wrap{overflow-x:auto;margin:20px 0 16px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font:10px var(--mono);letter-spacing:.8px;text-transform:uppercase;background:var(--light)}th,td{padding:12px 15px;border-bottom:1px solid var(--rule)}td:last-child{font:12px/1.6 var(--mono)}.formula{padding:18px 22px;background:var(--light);font:13px/1.9 var(--mono);overflow-wrap:anywhere;color:var(--green);margin:18px 0}.mini-note{font-size:12px!important}.empty-page{padding:96px 0 120px;max-width:650px}.empty-page h1{font:normal 66px/1.1 var(--serif);letter-spacing:-2px;margin:20px 0}.empty-page p{color:var(--muted)}.button-link{display:inline-block;background:var(--green);color:var(--white);padding:12px 22px;margin-top:18px;text-decoration:none;font-size:13px}.button-link:hover{background:#123a31;color:white}noscript p{padding:20px;margin:0;background:#f7e1b8;color:#51380f}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.hero{padding-top:76px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.hero{gap:40px}.converter-main{grid-template-columns:1fr 1fr}.controls,.result{padding:24px}.unit-pair{grid-template-columns:1fr}.swap{height:36px;min-height:36px;justify-self:center;transform:rotate(90deg)}.cards{grid-template-columns:1fr 1fr}.card:nth-child(3){padding-left:0}.card:nth-child(2){border-right:0}.card p{min-height:44px}.document{grid-template-columns:160px minmax(0,1fr);gap:30px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header{min-height:100px;flex-wrap:wrap;gap:6px;padding:18px 0 14px}.brand{font-size:23px}.brand img{width:28px;height:28px}.nav{gap:18px;font-size:12px;width:100%}.hero{display:block;padding:38px 0 30px}.hero h1{font-size:44px}.hero p{font-size:15px}.specimen{display:none}.converter{box-shadow:4px 4px 0 #dce1d1;margin-bottom:46px}.converter-header{padding:15px 20px}.status{font-size:9px}.converter-main{grid-template-columns:1fr}.controls{padding:22px 20px}.unit-pair{grid-template-columns:1fr 36px 1fr;gap:8px}.unit-pair select{font-size:12px;padding:10px 7px}.swap{width:36px;min-height:48px;transform:none}.result{padding:26px 20px}.result-label{margin-bottom:12px}.result-value{font-size:35px}.result-unit{font-size:28px}.result-detail{margin-top:20px}.result-precision{padding-top:12px;margin-top:14px}.converter-note{padding:14px 20px}.cards{margin-bottom:40px}.card,.card+.card{padding:20px 14px}.card:nth-child(odd){padding-left:0}.card h3{font-size:23px}.card p{font-size:12px;min-height:64px}.section-label h2{font-size:24px}.note-strip{grid-template-columns:1fr;gap:18px;padding:26px 0 36px}.note-strip h2{font-size:28px}.footer{align-items:start;flex-direction:column;gap:12px}.page-head{padding:40px 0 28px}.page-head p{font-size:15px}.document{grid-template-columns:1fr;gap:22px}.contents{padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:6px 20px}.contents .eyebrow{display:none}.contents a{font-size:11px}.prose h2{font-size:27px}.empty-page{padding:65px 0 85px}.empty-page h1{font-size:49px}th,td{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}