:root{color-scheme:light;--ink:#173329;--green:#13774d;--paper:#f5f5ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}footer,header,main{max-width:1180px;margin:auto;padding:26px 28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4ddd5}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--green)}.brand small{font-size:14px;font-weight:400;letter-spacing:0;color:#6c7f73}nav{display:flex;gap:8px}nav a{padding:5px 10px;border:1px solid transparent;border-radius:6px}nav a[aria-current]{border-color:var(--green);color:var(--green)}.hero{max-width:830px;padding:44px 0 38px}.eyebrow,.number{font:700 12px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px;color:var(--green)}h1{font-size:clamp(36px,5vw,64px);line-height:1.06;letter-spacing:-2.5px;margin:16px 0 22px}h2{font-size:21px;line-height:1.3}.hero p{font-size:19px;color:#587063;max-width:700px}.back{font-size:13px;color:#587063}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:white;border:1px solid #dce3da;border-radius:14px;padding:27px;transition:border-color .2s}.card:hover{border-color:var(--green)}.card h2{display:flex;justify-content:space-between}.card p{color:#607367;font-size:14px}.workspace{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #dce3da;border-radius:16px;overflow:hidden}.result,form{padding:32px}.result{background:#e2eddf}label{display:block;font-weight:600;font-size:14px;margin:18px 0}input,select{display:block;width:100%;padding:12px;font:inherit;background:#fafbf7;border:1px solid #b9cbbd;border-radius:7px;margin-top:6px}button{padding:14px 25px;border:0;border-radius:7px;background:var(--green);color:white;font:600 16px system-ui;cursor:pointer}dt{font-size:13px}dd{margin:0;font-size:26px;font-weight:700;overflow-wrap:anywhere}dl>div{border-bottom:1px solid #c0d3c1;padding:10px 0}article{padding:28px 0;max-width:800px}code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#e9eee5;padding:20px;border-radius:8px}footer{margin-top:65px;border-top:1px solid #d4ddd5;display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;align-items:center}footer div{display:flex;gap:20px;font-size:13px}footer small{color:#607367}:focus-visible{outline:3px solid #cc8130;outline-offset:4px}@media(max-width:650px){footer,header,main{padding:20px}.brand small{display:none}nav{gap:0}nav a{padding:4px 7px}.grid,.workspace{grid-template-columns:1fr}.hero{padding-top:28px}h1{letter-spacing:-1px}.result,form{padding:23px}footer div{flex-wrap:wrap}}.guide{max-width:850px}.guide h2{margin-top:34px}.guide h3{font-size:16px}.guide p{color:#405d4c}.guide a{text-decoration:underline;text-underline-offset:3px}.worked-example{background:#e7eee2;border:1px solid #c9d7c5;padding:22px 28px;border-radius:12px;margin:24px 0}.worked-example h2{margin-top:0}.worked-example li{padding:6px 0}.worked-example dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.worked-example dd{font-size:22px}.worked-example dl>div{border:0;padding:0}.faq details{border-bottom:1px solid #cdd9ce;padding:14px 0}.faq summary{cursor:pointer;font-weight:650}.faq details p{padding:0 14px}.related-tools{display:block;margin:28px 0}.related-tools a{display:inline-block;margin:6px 22px 6px 0;padding:8px 0}.privacy-settings{font-size:12px;background:transparent;border:1px solid #6a8570;color:var(--ink);padding:8px 10px}@media(max-width:650px){.worked-example{padding:18px}.worked-example dl{grid-template-columns:1fr}.worked-example ol{padding-left:22px}.guide h2{font-size:22px}}