:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#23352f;background:#f5f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,.cta{cursor:pointer;font:inherit;border:1px solid #c3cbc0;background:transparent;color:inherit;border-radius:5px;padding:9px 13px}button:hover,button[aria-pressed=true]{background:#e1e8db}button:disabled{opacity:.4;cursor:default}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid #d7dcd0}.brand{font-size:26px;text-decoration:none;display:flex;gap:10px;align-items:center}.brand span{font-size:18px;font-weight:700;letter-spacing:-.5px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}.badge,.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.badge{border:1px solid #b7c6b0;border-radius:30px;padding:7px 12px}main{max-width:1440px;margin:auto;padding:0 5%}.hero{padding:85px 0 50px}.eyebrow{color:#5e7565;font-weight:650}h1{font-size:clamp(42px,5.7vw,82px);letter-spacing:-4px;line-height:1.06;font-weight:480;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#5d765b}.intro{font-size:19px;line-height:1.6;max-width:660px;color:#66726a}.cta{display:inline-flex;gap:35px;text-decoration:none;background:#243e33;color:#fff;margin-top:15px;padding:14px 20px}.flow{display:flex;gap:25px;align-items:center;margin-top:65px;border-top:1px solid #d5dacd;padding-top:26px;color:#6e7c71;font:13px ui-monospace,monospace}.flow b{font-weight:400;color:#9aa992}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-weight:500;font-size:clamp(26px,3vw,40px);letter-spacing:-1.2px;line-height:1.2;margin:14px 0}p{line-height:1.65}.section-heading p{color:#718075;font-size:14px}.section-heading>a{font-size:13px;white-space:nowrap}.workbench{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd3c5;border-radius:10px;overflow:hidden;box-shadow:0 15px 45px #203b3010}.editor-pane{background:#172b24;color:#c5d4c7;min-width:0}.bar{min-height:58px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #b8c6b530;font-size:12px}.bar button{padding:5px 9px;font-size:11px}.editor-pane button{color:#d7e6d9;border-color:#506658}.editor-pane button:hover{background:#294437}textarea{display:block;width:100%;height:470px;resize:vertical;border:0;outline-offset:-3px;background:transparent;color:#c3dfbf;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;padding:22px;tab-size:2}.status{padding:12px 20px;font-size:12px;white-space:pre-line;max-height:160px;overflow:auto;border-top:1px solid #506658}.valid{color:#b8d6ac}.error{color:#ffc1ae}.tools{display:flex;gap:8px;padding:0 18px 18px}.tools button{font-size:12px}.preview-pane{background:#fdfdf8;min-width:0}.preview{padding:26px 32px}.preview>a{font-size:11px;color:#71816d}.preview h2{font:30px/1.15 Georgia,serif;margin:18px 0 25px}.block{margin:17px 0}.block h3{font-size:18px;font-weight:600}.block p{font:15px/1.7 Georgia,serif;margin:0 0 6px}.block>a{font:10px ui-sans-serif,system-ui;color:#6b7d66}.metric{background:#e8efdf;padding:16px;border-left:3px solid #7a976c}.workspace{display:flex;flex-wrap:wrap;gap:10px}.workspace>h2,.workspace>a{width:100%}.workspace .block{flex:1 1 43%;padding:14px;background:#edf1e6;border:1px solid #d5dfcc;border-radius:6px;margin:0}.workspace .block p{font:13px/1.6 system-ui}.workspace .block h3{font-size:16px}.note{padding:0 25px 20px;color:#74816e;font-size:11px;line-height:1.6}.principles{padding:90px 0 65px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.number{font:12px ui-monospace,monospace;color:#7e9276}.columns article{border-top:1px solid #ccd6c3;padding-top:20px}.columns h3{font-size:20px;font-weight:550}.columns p{font-size:14px;color:#6d7b6c}.resources{border-top:1px solid #ccd6c3;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px 0 70px}.links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #d7dfd0;text-decoration:none;font-size:14px}footer{padding:25px 5%;border-top:1px solid #d5dacd;display:flex;justify-content:space-between;font-size:11px;color:#7d8978}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.doc{max-width:800px;padding:60px 5%;margin:auto}.doc h1{font-size:46px;letter-spacing:-2px}.doc pre{padding:20px;background:#e6ecdf;overflow:auto;font-size:12px}.doc li{margin:12px 0;line-height:1.6}@media(max-width:800px){header{flex-wrap:wrap;gap:20px}.badge{display:none}nav{gap:16px}h1{letter-spacing:-2px}.hero{padding-top:50px}.workbench{grid-template-columns:1fr}.columns{grid-template-columns:1fr;gap:20px}.resources{grid-template-columns:1fr;gap:15px}.flow{gap:10px;font-size:10px}.section-heading{align-items:start}.preview{padding:24px}footer{gap:15px;flex-wrap:wrap}}