*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f7f3e9;color:#243c43;font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#235b73;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,input,select,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b65925}button{cursor:pointer;border:1px solid #173f57;border-radius:8px;padding:.7rem 1rem;background:#173f57;color:#fff}button.secondary{background:#fffdf8;color:#173f57}button:disabled{opacity:.55;cursor:default}input,select{width:100%;max-width:100%;border:1px solid #8d9999;background:#fff;color:#243c43;border-radius:7px;padding:.65rem .7rem}label{display:block;font-weight:650;margin-bottom:.3rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5.5vw,3.75rem);line-height:1.08;letter-spacing:-.045em;max-width:18ch;margin-bottom:1rem}h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.02em}h3{font-size:1.1rem;line-height:1.4}.wrap{max-width:1200px;margin:auto;padding:0 28px}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:3}.skip:focus{top:10px}header{border-bottom:1px solid #d9d8ce}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:85px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;letter-spacing:-.04em;color:#173f57;text-decoration:none}.brand svg{width:38px;height:38px}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:.9rem}nav a{text-decoration:none}.hero{padding:62px 0 36px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:55px;align-items:start}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#8b471e;margin-bottom:15px}.intro{max-width:62ch;font-size:1.1rem;color:#4e6266}.method{border-left:3px solid #b65925;padding:18px 22px;background:#efe6d5;font-size:.95rem}.method strong{color:#743c20}.method p:last-child{margin:0}.workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px;align-items:start;margin:0 0 55px}.workspace>*{min-width:0}.panel{background:#fffdf8;border:1px solid #d9d8ce;border-radius:16px;padding:28px;box-shadow:0 6px 24px #173f5706}.panel h2{margin-bottom:8px}.small,.hint{font-size:.86rem;color:#516267}.hint{margin:7px 0 0}.field{margin:20px 0}.unit-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.status{font-size:.85rem;margin:12px 0 0;color:#516267;overflow-wrap:anywhere}.status:empty{display:none}.error{background:#fff0e8;color:#812e18;border:1px solid #c58a77;padding:13px 16px;border-radius:8px;margin-top:18px}.result-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline;flex-wrap:wrap}.pill{font-size:.78rem;color:#235b73;background:#e7eff0;padding:5px 10px;border-radius:20px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #dddcd3;border-radius:9px;overflow:hidden;background:#dddcd3;margin:18px 0}.metric{background:#f7f6ef;padding:16px}.metric strong{display:block;font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere;word-break:normal}.metric span{display:block;font-size:.78rem;color:#516267;margin-bottom:4px}.working{padding:20px;background:#173f57;color:#fff;border-radius:9px;margin-bottom:16px}.working .label{font-size:.8rem;color:#dfeaf0}.working strong{display:block;font-size:2rem;line-height:1.3;overflow-wrap:anywhere}.working small{font-size:.8rem;color:#dfeaf0;overflow-wrap:anywhere;display:block}.cut{font-size:.95rem;border-left:3px solid #b65925;padding-left:14px;margin:18px 0}.cut strong{font-size:1.2rem}.diagram{width:100%;background:#f9f7ef;border-radius:8px;margin:18px 0 8px;overflow:hidden}.diagram svg{display:block;width:100%;height:auto}.note{background:#efe6d5;color:#58422e;border-radius:8px;padding:13px 16px;font-size:.9rem}.table-scroll{overflow:auto;max-width:100%;border:1px solid #dddcd3;border-radius:8px}table{border-collapse:collapse;width:100%;font-size:.82rem;text-align:left}th,td{padding:9px 12px;border-bottom:1px solid #e5e4dc;overflow-wrap:anywhere}th{color:#3e565d;background:#f3f1e8}tr:last-child td{border:0}.section{margin:55px 0}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.three h3{border-top:2px solid #b65925;padding-top:14px}.three p{font-size:.95rem;color:#4e6266}.article{max-width:820px;padding:55px 0 70px}.article h1{font-size:clamp(2.1rem,5vw,3rem);max-width:23ch}.article h2{margin-top:40px}.article h3{margin-top:24px}.article .lead{font-size:1.15rem;color:#4e6266}.article code{font-size:.94em;overflow-wrap:anywhere}.article li{margin-bottom:8px}.example{background:#fffdf8;border:1px solid #d9d8ce;padding:23px;border-radius:12px;margin:25px 0}.example h3{margin-top:0}.example p:last-child{margin-bottom:0}details{border-top:1px solid #d9d8ce;padding:18px 0}summary{cursor:pointer;font-weight:700}details p{margin-top:12px}footer{border-top:1px solid #d9d8ce;font-size:.84rem;color:#516267;padding:28px 0 35px}footer .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}footer p{margin:0}footer a{margin-right:16px}svg text{font-family:system-ui,sans-serif}[hidden]{display:none!important}@media(max-width:850px){.hero{gap:25px;grid-template-columns:minmax(0,1fr)}.method{max-width:70ch}.workspace{grid-template-columns:minmax(0,1fr)}.three{grid-template-columns:minmax(0,1fr);gap:12px}.three h3{padding-top:12px}.hero{padding-top:38px}header .wrap{min-height:78px}}@media(max-width:480px){.wrap{padding:0 18px}header .wrap{align-items:flex-start;padding-top:18px;padding-bottom:16px;gap:10px;flex-direction:column}nav{gap:18px}.panel{padding:20px 16px}.hero{padding-top:32px}.hero h1{font-size:2.45rem}.metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.metric{padding:12px 10px}.metric strong{font-size:1.2rem}.working strong{font-size:1.7rem}.actions{gap:8px}.actions button{flex:1 1 auto;padding:11px 12px}.unit-line{grid-template-columns:minmax(0,1fr)}.article{padding-top:35px}.article h1{font-size:2.3rem}.method{padding:16px}.section{margin:38px 0}}