:root{--ink:#243d32;--paper:#f8f7f0;--line:#d9ddd1;--green:#244f3d;--lime:#d8e7a8;--muted:#697769}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,a,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #b66b39;outline-offset:4px}.skip{position:absolute;top:-70px;background:var(--green);color:white;padding:12px;z-index:9}.skip:focus{top:0}header,footer{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}header{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:24px;letter-spacing:-1px;font-weight:700;text-decoration:none}.mark{font-size:37px;line-height:1}.brand-dot{color:#a95d3c}nav{display:flex;gap:28px}nav a{font-size:13px;text-decoration:none}nav a:hover{text-decoration:underline}.hero{padding:75px 5% 78px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px}.hero h1,.intro h1,.reading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.2vw,76px);letter-spacing:-3px;font-weight:400;line-height:1.08;margin:24px 0}.hero em,.intro em,.reading em{color:#60805c;font-weight:400}.hero p{color:var(--muted);font-size:15px;margin:25px 0 30px}.text-link{font-weight:bold;font-size:13px;text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:9px;display:inline-block}.text-link span{padding-left:28px}.paper{background:#e9eddc;transform:rotate(3deg);padding:30px 32px;box-shadow:10px 12px 0 #e0e2d5;border:1px solid #d3dac6;min-height:270px;position:relative}.paper>span{font:10px monospace;letter-spacing:2px}.paper p{font:clamp(15px,1.5vw,21px) Georgia,serif;margin:32px 0 10px}.paper .cross{color:#9c6a52;text-decoration:line-through}.paper .addition{margin:10px 0;background:#d4e0b4;padding:4px 8px;display:table;color:#38523b}.paper small{font-size:11px}.sprout{font-size:68px;text-align:right;line-height:1;color:#71855a}.workspace{max-width:1296px;margin:0 auto 72px;border:1px solid #c9d0c0;background:#fffef9;box-shadow:0 12px 40px #273b2810}.workspace-top{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.6px;line-height:1.2}.workspace h2{margin:8px 0 0}.local{font-size:11px;color:#53674f;white-space:nowrap}.local i{display:inline-block;width:6px;height:6px;background:#5b8150;border-radius:100%;margin-right:8px}.toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 30px;background:#f0f2e9}.toolbar p{font-size:12px;margin:0;color:#687660}.toolbar>div{display:flex;gap:8px}button{font:inherit;font-size:12px;border:1px solid #c6cebd;border-radius:3px;background:transparent;padding:8px 13px;color:var(--ink);cursor:pointer}button:hover{background:#e2e8d5}button:disabled{cursor:default;opacity:.45}.editors{display:grid;grid-template-columns:1fr 1fr}.editors label+label{border-left:1px solid var(--line)}.editors label>span{display:flex;gap:12px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);font-size:12px}.editors b{color:#819175;font:11px monospace}.editors small{margin-left:auto;color:#809077;font:10px monospace}textarea{display:block;resize:vertical;width:100%;border:0;background:transparent;min-height:240px;padding:20px 24px;font:13px/1.8 'Courier New',monospace;color:#314732;border-radius:0}textarea:focus{outline-offset:-3px}.compare-bar{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.compare-bar>span{font-size:10px;color:#6a7965;max-width:460px}.primary{background:var(--green);color:white;border-color:var(--green);padding:12px 22px;white-space:nowrap}.primary:hover{background:#386549}.primary span{margin-left:24px}.result-head{background:#e8ecdf;display:flex;align-items:center;gap:18px;padding:12px 24px}.result-head h3{font-size:12px;font-weight:700;margin:0}.result-head>span{font-size:11px;color:#52634d}.result-head button{margin-left:auto}.result{background:#233b30;color:#ecf0dc;overflow:auto;max-height:540px;min-height:180px;padding:18px 0;font:12px/1.8 'Courier New',monospace}.empty{text-align:center;padding:25px 16px;color:#d2ddbd;font:20px/1.6 Georgia,serif}.empty span{font:11px Arial,sans-serif;color:#a6b79e}.diff-line{display:grid;grid-template-columns:42px 42px 24px minmax(max-content,1fr);min-width:100%;width:max-content}.num{color:#a9b89e;text-align:right;padding-right:10px;user-select:none;border-right:1px solid #ffffff12}.sign{text-align:center}.text{white-space:pre;padding-right:24px;min-height:21px}.added{background:#56774644;color:#e7f3ce}.removed{background:#97634f44;color:#ffd2b9}.feedback{min-height:28px;margin:0;padding:4px 24px;font-size:11px}.principles{max-width:1440px;margin:0 auto;padding:0 5% 80px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}.principles h2{font-size:32px;margin:18px 0}.principles article{border-top:1px solid #bdc8b4;padding-top:20px}.principles article>span{font-size:10px;color:#728267;letter-spacing:1px}.principles h3{font:20px Georgia,serif}.principles p{font-size:12px;color:#687660}.intro{max-width:1296px;margin:auto;padding:55px 0 40px}.intro p{color:var(--muted)}.reading{max-width:800px;margin:auto;padding:65px 30px 100px;min-height:65vh}.reading h1{font-size:58px}.reading h2{margin-top:40px}.reading p,.reading li{color:#53624e}.reading li{margin:15px 0}.doc-links{flex-wrap:wrap;border-block:1px solid var(--line);padding:14px 0;margin:32px 0}code{background:#e7ebdc;padding:3px 5px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);flex-wrap:wrap;font-size:11px;color:#687660}footer>div{display:flex;gap:20px}footer small{width:100%;font-size:10px;overflow-wrap:anywhere}@media(max-width:1350px){.workspace{margin-inline:5%}.intro{padding-inline:5%}}@media(max-width:760px){header{padding:18px 5%;flex-wrap:wrap;gap:10px}.brand{font-size:22px}nav{gap:22px}nav a{font-size:12px}.hero{padding-top:38px;grid-template-columns:1fr;gap:35px}.hero h1,.intro h1{letter-spacing:-2px;font-size:48px}.hero p br{display:none}.paper{margin:0 6px;min-height:215px;padding:23px}.paper p{font-size:20px;margin-top:18px}.sprout{font-size:50px}.workspace-top{padding:22px 18px;align-items:start;gap:14px}.workspace h2{font-size:25px}.local{font-size:9px;margin-top:5px}.toolbar{padding:12px 18px;flex-wrap:wrap}.toolbar>div{flex-wrap:wrap}.editors{grid-template-columns:1fr}.editors label+label{border-left:0;border-top:1px solid var(--line)}textarea{min-height:170px;padding:16px}.compare-bar{padding:16px;align-items:start;flex-direction:column;gap:12px}.primary{width:100%}.result-head{padding:12px 16px;flex-wrap:wrap;gap:9px}.result-head>span{order:3;width:100%}.result{font-size:11px}.principles{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:44px}.principles>div{grid-column:1/-1}.principles article:last-child{grid-column:1/-1}.reading{padding:40px 6% 65px}.reading h1{font-size:43px;letter-spacing:-2px}.diff-line{grid-template-columns:30px 30px 20px minmax(max-content,1fr)}footer{gap:12px}.workspace{margin-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}