:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#203d35;background:#f4f3ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.masthead,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}.masthead{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7ddd3}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;text-decoration:none;color:inherit;letter-spacing:-1px}.mark{width:36px;height:36px;background:#254d40;color:#f4f3ec;display:grid;place-content:center;font:24px Georgia,serif;position:relative}.mark span{font-size:15px;position:absolute;right:4px;bottom:2px}.quiet{font-size:10px;letter-spacing:2px;color:#637269}.intro{padding:58px 0 34px;max-width:640px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:700}.eyebrow i{width:7px;height:7px;background:#78946b;border-radius:100%}h1{font-size:clamp(44px,5.4vw,66px);line-height:1.06;font-weight:480;letter-spacing:-3.5px;margin:22px 0 21px}h1 em{font-family:Georgia,serif;font-weight:400;color:#567457}.intro p{max-width:485px;color:#69766c;font-size:15px;line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d2d8ce;background:#fcfcf8;box-shadow:0 6px 25px #243e3110}.editor{padding:24px;min-width:0}.editor.result{background:#e9eee3;border-left:1px solid #d2d8ce}.field-head{display:flex;justify-content:space-between;align-items:center;min-height:25px;gap:12px}.field-head>label{font-size:13px;font-weight:650}.text-button{border:0;background:transparent;color:#5c7560;font-size:11px;cursor:pointer;padding:0}.tag{font-size:8px;letter-spacing:1.2px;border:1px solid #cbd6c4;padding:5px 7px;border-radius:3px;white-space:nowrap}textarea{display:block;resize:vertical;width:100%;min-height:220px;background:transparent;border:0;padding:22px 0 15px;outline-offset:4px;font:15px/1.75 Inter,Segoe UI,Arial,sans-serif;color:#283e35}textarea::placeholder{color:#8e9a8b}.options{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#667664}.options label{display:flex;align-items:center;gap:6px}.options input{accent-color:#315c46;margin:0}.actions{grid-column:1/-1;display:flex;gap:12px;padding:20px 24px;border-top:1px solid #d2d8ce;background:#fcfcf8}button{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #709b6e;outline-offset:4px}.primary,.secondary{border-radius:4px;padding:14px 19px;font-size:12px;font-weight:600;cursor:pointer}.primary{background:#28523f;color:white;border:1px solid #28523f;display:flex;align-items:center;justify-content:space-between;gap:32px}.primary:hover{background:#1e4232}.secondary{background:transparent;color:#47634c;border:1px solid #cdd8c8}.secondary:disabled{opacity:.45;cursor:default}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:40px 0 55px}.notes article>span{font:11px Georgia,serif;color:#8d9b84}.notes h2{font-size:13px;font-weight:650;margin:11px 0 9px}.notes p{font-size:12px;line-height:1.75;color:#74806e;margin:0;max-width:280px}footer{display:flex;justify-content:space-between;padding:21px 0 28px;border-top:1px solid #d7ddd3;font-size:10px;color:#899181}footer>span:first-child{font-weight:700;color:#586d54}@media(max-width:680px){.masthead,main,footer{width:calc(100% - 32px)}.masthead{height:76px}.quiet{display:none}.intro{padding:38px 0 28px}h1{letter-spacing:-2px}.workspace{grid-template-columns:1fr}.editor{padding:20px}.editor.result{border-left:0;border-top:1px solid #d2d8ce}textarea{min-height:160px}.actions{padding:16px 20px;flex-direction:column}.primary,.secondary{justify-content:center;min-height:46px}.notes{grid-template-columns:1fr;gap:24px;margin:30px 0 38px}.notes p{max-width:none}footer{gap:15px}}