:root{color-scheme:light;--paper:#f4f2eb;--ink:#203a32;--muted:#617169;--line:#d6dcd1;--green:#244e42;--white:#fcfcf8;--soft:#e7ecdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #5d8461;outline-offset:4px}.skip{position:absolute;top:-100px;left:15px;background:var(--white);padding:10px;z-index:10}.skip:focus{top:10px}header,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:19px;font-weight:650;letter-spacing:-.5px;text-decoration:none;display:flex;align-items:center;gap:11px}.brand>span{background:var(--green);color:var(--paper);padding:0 8px;border-radius:7px;font:25px/1.5 Georgia,serif}nav{display:flex;gap:28px}nav a{text-decoration:none;color:var(--muted);font-size:14px}nav a:hover,nav a[aria-current]{color:var(--ink);text-decoration:underline}main{min-height:65vh;padding-bottom:76px}.intro{padding:92px 0 78px;max-width:780px}.eyebrow,.number{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:650;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(44px,6.8vw,82px)/1.07 Georgia,serif;letter-spacing:-.045em;margin:22px 0 26px}p{color:var(--muted);max-width:650px}.intro>p{font-size:18px;max-width:560px}.status{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--green);margin-top:10px}.status>span{width:7px;height:7px;background:#608d64;border-radius:50%}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;gap:15px}h2{font:400 34px/1.2 Georgia,serif;letter-spacing:-.025em;margin-bottom:18px}.section-heading h2{font:600 20px/1.3 system-ui,sans-serif}.muted{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-card{border:1px solid var(--line);background:var(--white);padding:34px;text-decoration:none;display:block;border-radius:14px;transition:border-color .2s,transform .2s}.tool-card:hover{border-color:#839c81;transform:translateY(-2px)}.sample{font:clamp(19px,2.6vw,31px)/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.04em;margin:40px 0 30px;overflow-wrap:anywhere}.sample span{color:#83917c}.tool-card h3{font:600 19px/1.4 system-ui,sans-serif;display:flex;justify-content:space-between;gap:12px}.tool-card p{font-size:14px;min-height:72px}.card-link{font-size:13px;font-weight:600;color:var(--green)}.note-banner{background:var(--soft);padding:44px;border-radius:14px;margin-top:44px}.note-banner h2{margin-top:18px;font-size:40px}.button,button{border:1px solid var(--green);background:var(--green);color:var(--white);border-radius:8px;padding:13px 22px;font:600 14px/1.4 system-ui,sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;gap:30px;align-items:center;justify-content:space-between}.secondary{background:transparent;color:var(--green)}footer{border-top:1px solid var(--line);padding:28px 0 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.small{font-size:15px}.back{display:inline-block;margin-top:36px;font-size:13px;text-decoration:none;color:var(--muted)}.page-head{padding:50px 0 32px;max-width:820px}.page-head h1{font-size:clamp(40px,5vw,62px)}.workbench{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:34px}label{font-weight:600;font-size:14px}.hint{font-size:12px;line-height:1.6;margin:7px 0 16px}.input-row{display:flex;gap:12px}input{font:15px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--ink);background:#fff;border:1px solid #b9c6b5;border-radius:8px;padding:14px 16px;width:100%;min-width:0}.input-row button{flex-shrink:0}.error{color:#963c2c;padding:13px 0;font-size:14px}.result-grid{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 0;gap:0 28px}.result-grid>div{border-top:1px solid var(--line);padding:16px 0;min-width:0}dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}dd{margin:6px 0 0;font:15px/1.6 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.explanation{margin:38px 0;max-width:760px}.explanation h2{font-size:27px}.explanation p,.article p{font-size:15px}.explanation a,.article a{font-size:14px}.small-heading{font:600 14px/1.5 system-ui,sans-serif;margin-top:28px}.query-row{display:grid;grid-template-columns:1fr 2fr;gap:16px;border-top:1px solid var(--line);padding:12px 0;font:13px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.article{max-width:760px;border-top:1px solid var(--line);padding:35px 0 18px}.article h2{font-size:31px;margin-top:15px}.note-index{padding:0 0 35px;gap:20px;flex-wrap:wrap}.note-index a{text-decoration:underline}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{width:calc(100% - 36px)}header{min-height:82px;gap:12px}.brand{font-size:17px}nav{gap:16px}.intro{padding:62px 0 48px}.cards{grid-template-columns:1fr}.tool-card{padding:26px}.tool-card p{min-height:0}.note-banner{padding:28px}.note-banner h2{font-size:32px}.input-row{flex-direction:column}.workbench{padding:24px}.result-grid{grid-template-columns:1fr}.section-heading .muted{display:none}footer{align-items:flex-start;flex-direction:column;gap:12px}.page-head{padding-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none;transform:none!important}}