@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#233e37;--muted:#7c8881;--green:#245344;--border:#e2e6de;--bg:#f8f9f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b7ba70;outline-offset:3px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#f0f2eb;border-right:1px solid var(--border);padding:35px 24px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-weight:bold;font-size:42px;letter-spacing:-3px;display:flex;align-items:center}.brand i{font-size:34px;margin-left:auto;color:#62764b;font-style:normal}.practice{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;margin:41px 0 35px}.practice-symbol{background:#e1e6da;padding:12px;border-radius:9px;font-family:Georgia;font-size:20px}.practice small,.profile small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:5px}.nav-label,.tiny-label,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.nav-label{color:var(--muted);margin-bottom:15px}.nav-item{padding:14px 12px;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:13px}.active{background:#e2e8d9}.nav-dot,.profile-dot{height:6px;width:6px;border-radius:50%;background:#477459;margin-left:auto}.sidebar-note{margin-top:auto;padding-top:45px}.sidebar-note .tiny-label{font-size:9px;color:#77816e}.sidebar-note h3{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.2;margin:16px 0}.sidebar-note p{font-size:12px;line-height:1.8;color:#7a8578;max-width:180px}.orbit{font-size:65px;color:#c3cea9;margin:20px 0}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #dce2d5;padding-top:20px;font-size:12px}.avatar{background:#dce3cf;padding:11px;border-radius:50%;font-size:11px}main{margin-left:250px;padding:0 48px;max-width:1700px}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:11px;color:#68756d}header div span{padding:0 12px;color:#b2bbb1}.demo-badge{display:flex;align-items:center;gap:7px;border:1px solid #e1e4d6;border-radius:20px;padding:7px 11px;background:#f1f2e7;font-size:10px}.demo-badge b{width:5px;height:5px;background:#8c9655;border-radius:50%}.heading{padding:39px 0 29px}.eyebrow{color:#7d876c;font-size:9px}h1{font-family:Georgia,serif;font-weight:400;font-size:43px;letter-spacing:-1.7px;margin:10px 0 12px}.heading p{color:var(--muted);font-size:13px;margin:0}.steps{display:flex;align-items:center;gap:14px;padding:0 0 28px;margin-bottom:3px}.step{display:flex;align-items:center;gap:9px;color:#8a938b;font-size:11px;border:0;background:none;padding:0;white-space:nowrap}.step span{border:1px solid #dce2d8;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-size:9px}.step.current{color:var(--green);font-weight:700}.step.current span{background:var(--green);color:#fff;border-color:var(--green)}.step-line{height:1px;width:42px;background:var(--border)}.session-id{margin-left:auto;font-size:9px;letter-spacing:1.4px;color:#9aa094}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;animation:appear .3s ease}.main-column{min-width:0}.card{background:white;border:1px solid var(--border);border-radius:10px;padding:24px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:15px;font-weight:600;margin:0}.soft-tag{font-size:9px;color:#758064;background:#f0f3e9;border-radius:4px;padding:5px 8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-top:24px}label{font-size:11px;color:#68776d}input:not([type=checkbox]),select{display:block;width:100%;margin-top:8px;border:1px solid #dfe5dc;border-radius:5px;padding:11px 12px;background:#fcfdfb;color:var(--ink);font-size:12px}.notes-card{margin-top:20px;padding-bottom:0;overflow:hidden}.muted{font-size:10px;color:var(--muted)}.helper{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 20px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin:0 -24px;padding:0 24px 12px}.selected-tab{font-size:11px;color:var(--green);font-weight:600}.dictate{border:1px solid #e0e5da;border-radius:5px;background:white;color:var(--green);font-size:11px;padding:8px 10px}.dictate span{font-size:7px;margin-left:5px;color:#9a9d81}.notes-card textarea{width:100%;height:290px;resize:vertical;border:0;line-height:1.9;font-size:12px;padding:17px 0;color:#53655a;background:white}.editor-footer{border-top:1px solid var(--border);padding:12px 0;display:flex;justify-content:space-between;color:#8a9589;font-size:9px}.editor-footer span:first-child{color:#7e8d70}.guide-card{background:#eaf0df;padding:27px 25px;border-radius:10px;position:relative;overflow:hidden}.small-symbol{background:#dce6cb;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:21px;margin-bottom:25px}.guide-card .tiny-label{font-size:8px;letter-spacing:1.2px;color:#73825e}.guide-card h2{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.22;margin:13px 0}.guide-card p{font-size:11px;line-height:1.85;color:#778368}.guide-card ul{list-style:none;margin:24px 0 0;padding:0}.guide-card li{display:flex;gap:11px;padding:14px 0;border-top:1px solid #d7e0c9;font-size:11px}.guide-card li>span{font-size:9px;color:#8d997d;margin-top:2px}.guide-card small{display:block;font-size:9px;color:#899379;margin-top:6px}.review-note{display:flex;gap:12px;padding:24px 4px}.review-note>span{border:1px solid #dce3d7;border-radius:50%;height:25px;min-width:25px;display:grid;place-items:center;color:#6f865e}.review-note strong{font-size:11px;font-weight:600}.review-note p{font-size:11px;line-height:1.8;color:var(--muted);margin:7px 0 0}.demo-note{font-size:9px;line-height:1.9;color:#91978b;border-top:1px solid var(--border);padding-top:18px;margin:0 4px}.action-row{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:10px}.action-row>span{font-size:10px;color:#8a927e}.primary{background:var(--green);color:white;border:none;border-radius:6px;padding:14px 18px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:30px;transition:background .15s}.primary:hover:not(:disabled){background:#346c56}.primary span{font-size:17px}footer{border-top:1px solid var(--border);margin-top:42px;padding:20px 0;display:flex;justify-content:space-between;color:#9aa191;font-size:8px;letter-spacing:1.1px}footer span{letter-spacing:0;font-size:10px}.review-top{display:flex;justify-content:space-between;margin-bottom:16px}.text-button{border:0;background:none;padding:0;color:var(--green);font-size:11px}.letter-paper{background:white;border:1px solid var(--border);box-shadow:0 7px 20px #253e3706;padding:42px;border-radius:3px}.letter-brand{font-size:18px;letter-spacing:4px}.letter-brand span{display:block;font-size:8px;margin-top:7px;letter-spacing:3px;color:#849077}.letter-rule{height:1px;background:#cfd8c7;margin:24px 0}.letter-paper .tiny-label{font-size:8px;color:#919989}.letter-paper textarea{display:block;min-height:540px;resize:vertical;width:100%;border:0;margin-top:20px;font-family:Georgia,serif;font-size:14px;line-height:1.9;color:#405247}.letter-signature{font-family:Georgia;font-size:20px;border-top:1px solid var(--border);padding-top:22px}.letter-signature span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;color:var(--muted);margin-top:8px}.review-checks{padding:25px 21px}.review-checks h2{font-family:Georgia;font-size:28px;font-weight:400;margin:14px 0}.check-list{padding-left:18px;font-size:11px;line-height:2.3;color:#708068}.approval{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--border);padding-top:20px;margin:22px 0;line-height:1.7}.approval input{accent-color:var(--green);margin-top:4px}.review-checks .primary{width:100%;gap:5px;font-size:11px}.export-help{font-size:10px;line-height:1.7;color:var(--muted)}.notice{padding:12px;background:#edf3e5;color:#4d6843;font-size:11px;line-height:1.6;margin-bottom:12px;border-radius:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{padding:0 65px}.workspace-grid{grid-template-columns:minmax(0,1fr) 310px}.notes-card textarea{height:310px}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 20px}main{margin-left:210px;padding:0 25px}.workspace-grid{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.guide-card{padding:22px 18px}.session-id{display:none}.step-line{width:20px}}@media(max-width:900px){.sidebar{width:78px;padding:25px 18px}.brand span,.brand i,.practice,.nav-label,.nav-item,.sidebar-note,.profile{display:none}main{margin-left:78px}.workspace-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-card{grid-row:span 2}.review-note{padding:15px 0}.demo-note{align-self:start}.review-checks{grid-row:span 2}.guide-card h2 br{display:none}}@media(max-width:560px){.sidebar{display:none}main{margin-left:0;padding:0 18px}header{height:65px;font-size:9px;gap:10px}.demo-badge{font-size:8px;padding:7px}.heading{padding:28px 0}h1{font-size:35px}.heading p{font-size:12px}.steps{gap:7px}.step{font-size:9px;gap:5px}.step-line{width:10px;flex:1}.step span{height:22px;width:22px}.card{padding:20px}.field-grid{gap:16px 12px}.editor-toolbar{margin:0 -20px;padding:0 20px 12px}.notes-card{padding-bottom:0}.notes-card textarea{height:350px}.action-row>span{display:none}.action-row .primary{width:100%}.right-column{grid-template-columns:1fr}.guide-card{grid-row:auto}.letter-paper{padding:25px}.letter-paper textarea{font-size:13px;min-height:680px}footer span{display:none}.card-heading .muted{font-size:8px}.soft-tag{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
