/* Warm editorial styling, with a spacious writing and feedback workspace. */
:root,html[data-theme="light"]{--paper:#fcf9f5;--surface:#fff;--field:#f5f1eb;--rule:#e2ded6;--rule-soft:#eee9e2;--ink:#202c27;--ink-soft:#58625b;--ink-mute:#737a73;--pencil:#315c46;--pencil-soft:#eaf1e9;--hi:#f6d884;--hi-soft:#fff0cd;--adj:#b6bdb2;--ok:#315c46;--radius:12px;--shadow:0 12px 44px #3d30200a,0 2px 8px #3d302006}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--paper:#181e1b;--surface:#202824;--field:#26302a;--rule:#3d4840;--rule-soft:#303a33;--ink:#f2efe8;--ink-soft:#c0c8bf;--ink-mute:#a0aba1;--pencil:#a7c9a9;--pencil-soft:#314337;--hi:#f6d884;--hi-soft:#605032;--ok:#b1d8b3;--shadow:0 12px 44px #0002}}
html[data-theme="dark"]{--paper:#181e1b;--surface:#202824;--field:#26302a;--rule:#3d4840;--rule-soft:#303a33;--ink:#f2efe8;--ink-soft:#c0c8bf;--ink-mute:#a0aba1;--pencil:#a7c9a9;--pencil-soft:#314337;--hi:#f6d884;--hi-soft:#605032;--ok:#b1d8b3;--shadow:0 12px 44px #0002}
html{scroll-behavior:smooth}body{font-size:1.04rem}.wrap{width:min(100% - 3rem,1200px)}
.site-header{background:var(--paper);border-bottom:1px solid var(--rule-soft)}.site-header .wrap{min-height:84px}.wordmark{display:inline-flex;align-items:center;gap:0;font-size:1.28rem;font-weight:650;letter-spacing:-.045em}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--paper)!important;font-family:var(--serif);font-style:italic;font-size:20px;letter-spacing:-4px;padding-right:4px;margin-right:11px}.brand-icon span{color:#f6d884!important}.nav{align-items:center;gap:1.6rem;font-size:.87rem}.nav a{padding:.4rem .1rem}.nav a[aria-current="page"]{border-bottom-color:var(--pencil)}.theme-toggle{width:36px;height:36px;background:var(--surface)}
.tool-nav{border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:.79rem}.tool-nav .wrap{display:flex;justify-content:center;gap:2.25rem;overflow-x:auto;scrollbar-width:thin}.tool-nav a{display:block;flex-shrink:0;padding:17px 0 15px;color:var(--ink-soft);text-decoration:none;border-bottom:2px solid transparent}.tool-nav a:hover,.tool-nav a[aria-current="page"]{color:var(--pencil);border-bottom-color:var(--pencil)}.tool-nav a span{color:var(--ink-mute);margin-left:4px}
main{padding:3.2rem 0 5rem}.tool-head{display:block;text-align:center;margin:0 auto 1.25rem}.eyebrow,.tool-head .eyebrow{font-family:var(--sans);font-size:.68rem;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:var(--pencil);margin:0 auto 1rem}.tool-head h1{font-size:clamp(2.1rem,4.2vw,3.45rem);font-weight:600;letter-spacing:-.045em;line-height:1.13}.tool-head p{font-family:var(--sans);font-size:.96rem;line-height:1.7;max-width:76ch;margin:1rem auto 0}.tool-promises{display:flex;gap:1.7rem;justify-content:center;flex-wrap:wrap;margin:0 0 2.1rem;font-family:var(--sans);font-size:.74rem;color:var(--ink-soft)}.tool-promises i{font-style:normal;color:var(--pencil);margin-right:6px}
.checker:not(.compact){display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:0;align-items:stretch;border:1px solid var(--rule);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.writing-pane{min-width:0;display:flex;flex-direction:column}.pane-heading{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule-soft);padding:0 25px;font-family:var(--sans);font-size:.79rem;font-weight:650;color:var(--ink)}.pane-hint{font-size:.68rem;color:var(--ink-mute);font-weight:400}.feedback-pane{border-left:1px solid var(--rule);min-width:0;background:color-mix(in srgb,var(--field) 40%,var(--surface))}.status-dot{width:7px;height:7px;border-radius:50%;background:#83a085;box-shadow:0 0 0 4px var(--pencil-soft)}
.checker:not(.compact) .editor{display:flex;flex:1;flex-direction:column}.checker:not(.compact) textarea{min-height:390px;flex:1;border:0;border-radius:0;background:var(--surface);font-size:1.08rem;line-height:1.95;padding:27px 28px;resize:vertical}.checker:not(.compact) textarea:focus{outline:2px solid var(--pencil);outline-offset:-3px}.checker:not(.compact) textarea::placeholder{color:var(--ink-mute)}.checker:not(.compact) .marked{min-height:440px;max-height:650px;overflow:auto;border:0;border-radius:0;background:var(--surface);padding:27px 28px;font-size:1.08rem;line-height:1.95}.checker:not(.compact) .marked.hidden,.checker:not(.compact) .editor.hidden{display:none}.checker:not(.compact) .editor .bar{padding:18px 24px;margin:0;border-top:1px solid var(--rule-soft);background:var(--surface);gap:9px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 24px;margin-top:auto;border-top:1px solid var(--rule-soft);min-height:70px}.result-actions:has(button[hidden]):not(:has(button:not([hidden]))){display:none}
.btn{border-radius:7px;border-color:var(--rule);color:var(--ink);padding:.65rem 1rem;font-size:.83rem;transition:background .15s,transform .15s}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}.btn.primary:hover{background:var(--pencil);border-color:var(--pencil);filter:none}.btn:hover{background:var(--field)}.btn:active{transform:translateY(1px)}.btn.small{font-size:.77rem;padding:.45rem .85rem}.editor .bar [data-act="check"]{order:3;margin-left:auto}.editor .bar .spacer{display:none}.editor .bar [data-count]{order:2;font-size:.72rem}.editor .bar [data-act="clear"]{font-size:.77rem;border-color:transparent}
.feedback-pane .results{padding:25px;max-height:590px;overflow:auto;scrollbar-width:thin}.score{align-items:center;gap:1rem;border-bottom:1px solid var(--rule);padding-bottom:20px}.score .big{font-size:3.35rem;color:var(--pencil)}.score .meta{font-size:.77rem;line-height:1.6}.bench{font-size:.75rem;margin:18px 0}.bench .ticklist{font-size:.65rem}.legend{font-size:.69rem;gap:.5rem .85rem;padding:12px 0;border-block:1px solid var(--rule-soft)}.legend i{width:11px;height:9px;margin-right:4px}.notes{max-height:none;overflow:visible}.note{background:var(--surface);border:1px solid var(--rule-soft);padding:14px;border-radius:9px;margin:12px 0}.note .sent{font-size:.9rem;line-height:1.7}.note .tag{display:table;font-family:var(--sans);font-size:.61rem;margin-bottom:7px;padding:2px 7px}.note .why{font-size:.72rem;line-height:1.6}.note .fix{font-size:.85rem;padding:9px 11px;margin-top:10px}.note .fix .lab{font-size:.62rem;letter-spacing:.03em}.note .verdict,.note .zombie{font-size:.7rem;line-height:1.6;margin-bottom:0}.feedback-pane .empty{padding:80px 15px;text-align:center;font-size:.87rem;line-height:1.8}.workspace-note{font-family:var(--sans);font-size:.73rem;color:var(--ink-mute);text-align:center;margin:18px 0 0}.workspace-note span{color:var(--pencil);margin-right:6px}.workspace-note a{margin-left:5px}
.tool-guide{margin:4.5rem auto 0;max-width:75ch}.tool-guide h2{font-size:1.9rem;letter-spacing:-.035em}.tool-guide p,.tool-guide li{line-height:1.85}.tool-guide>h2:first-child{margin-top:0}.article{margin-inline:auto}.reading-page main{padding-top:3.5rem}.reading-page .article h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.byline{font-size:.76rem;margin-top:.85rem}.toc{background:var(--field);border-left-color:var(--pencil);padding:18px 22px;border-radius:0 10px 10px 0}.cta-card{background:var(--surface);border-left:1px solid var(--rule);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.cta-card h3{font-size:1.25rem}.signup,.example-pair>div{padding:24px}.site-footer{background:var(--field);padding:3.5rem 0;font-size:.82rem}.site-footer .wordmark{margin-bottom:16px}.site-footer p{max-width:47ch;font-size:.8rem;line-height:1.8}.site-footer .disclosure{font-size:.7rem}.site-footer h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}.site-footer li{margin-bottom:.55rem}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .wrap{gap:4rem;grid-template-columns:1.6fr 1fr 1fr}.kpi{border-top-color:var(--pencil);border-radius:10px}.kpis{gap:15px}.builder{padding:26px;background:var(--surface);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);margin-bottom:3.5rem}.builder input,.builder select{border-radius:7px!important}.quiz-q{background:var(--surface);padding:22px;border:1px solid var(--rule-soft);border-radius:12px;margin:15px 0}.rewrites li{padding:16px 0}.rewrites .orig,.rewrites .new{font-size:.88rem;line-height:1.75}
@media(max-width:980px){.checker:not(.compact){grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.pane-heading{padding-inline:20px}.pane-hint{display:none}.feedback-pane .results{padding:20px}.nav{gap:1rem}.tool-nav .wrap{justify-content:flex-start;gap:1.5rem}.tool-promises{gap:1rem}.editor .bar [data-count]{width:100%;order:4}.site-footer .wrap{gap:2rem}}
@media(max-width:720px){.wrap{width:calc(100% - 2rem)}.site-header .wrap{min-height:75px;padding-block:14px;gap:14px}.wordmark{font-size:1.05rem}.brand-icon{width:30px;height:30px;font-size:18px;border-radius:8px;margin-right:8px}.nav{gap:.8rem;font-size:.75rem}.nav a.hide-sm{display:block}.tool-nav{font-size:.72rem}.tool-nav a{padding:14px 0 12px}.tool-nav .wrap{gap:1.3rem}main{padding-top:2.2rem}.tool-head h1{font-size:2.15rem}.tool-head p{font-size:.87rem;line-height:1.75}.tool-head .eyebrow{font-size:.61rem;margin-bottom:.9rem}.tool-promises{gap:8px 16px;font-size:.66rem;margin-bottom:1.5rem}.checker:not(.compact){grid-template-columns:minmax(0,1fr)}.feedback-pane{border-left:0;border-top:1px solid var(--rule)}.checker:not(.compact) textarea{min-height:300px;padding:22px;font-size:1rem}.checker:not(.compact) .marked{min-height:300px;max-height:480px;padding:22px;font-size:1rem}.feedback-pane .results{max-height:none;padding:22px}.feedback-pane .empty{padding:35px 10px}.checker:not(.compact) .editor .bar{padding:14px 18px}.result-actions{padding:14px 18px}.pane-heading{min-height:49px}.score .big{font-size:3rem}.score .meta{font-size:.79rem}.workspace-note{font-size:.65rem;line-height:1.8}.tool-guide{margin-top:3rem}.tool-guide h2{font-size:1.6rem}.site-footer .wrap{grid-template-columns:1fr;gap:2rem}.builder{grid-template-columns:minmax(0,1fr)!important;padding:20px;gap:1.5rem!important}.article table{display:block;overflow-x:auto;max-width:100%}.article,.article p,.article li{overflow-wrap:anywhere}.notes .note{padding:14px}.reading-page main{padding-top:2.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
@media print{.tool-nav,.tool-promises,.workspace-note{display:none!important}.article{max-width:none}.site-footer{display:none!important}}

/* Keep the existing blue agent and benchmark legend accurate. */
mark.g{background:#e8eff7;color:#263c50}.bench .tick:first-child{background:#52749a!important}.legend span:nth-child(3) i{background:#e8eff7!important}
/* Writing desk refresh — November 2026 */
:root,html[data-theme="light"]{--paper:#faf7f0;--field:#f1eee5;--surface:#fffefa;--ink:#243c32;--ink-soft:#52645a;--ink-mute:#69776e;--pencil:#2c6149;--rule:#d9ddd1;--rule-soft:#e8e9df;--shadow:0 14px 45px #263b3210;--hi:#f4d789;--hi-soft:#fff0c9}
.site-header .wrap{min-height:74px}.site-header{position:relative;z-index:5}.nav{gap:1.35rem}.more-tools{position:relative}.more-tools summary{cursor:pointer;list-style:none;padding:.4rem 0}.more-tools summary::-webkit-details-marker{display:none}.tools-menu{position:absolute;top:40px;left:-20px;min-width:220px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:12px;padding:10px;z-index:20}.tools-menu a{display:block;padding:10px!important;border:0!important}.tools-menu a:hover{background:var(--field);border-radius:6px}
main{padding-top:2.3rem}.illustrated-head{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:2rem;position:relative;margin-bottom:1.1rem;padding:0 32px}.tool-head .eyebrow{margin:0 0 12px;font-size:.7rem;letter-spacing:.13em}.tool-head h1{font-size:clamp(2rem,3.3vw,2.8rem);max-width:24ch;letter-spacing:-.045em}.tool-head p{margin:.8rem 0 0;max-width:70ch;font-size:.94rem;line-height:1.7}.hero-art{width:148px;height:140px;object-fit:contain;flex-shrink:0;transform:rotate(-4deg)}.tool-promises{justify-content:flex-start;padding-left:32px;margin-bottom:1.6rem;gap:1.6rem;font-size:.76rem}.tool-promises i{font-size:.9rem}
.checker:not(.compact){grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);border-radius:18px;box-shadow:var(--shadow)}.workspace-tabs{display:none}.pane-heading{min-height:58px;font-size:.83rem;padding-inline:26px}.pane-hint{font-size:.71rem}.checker:not(.compact) textarea{min-height:330px;padding:27px 30px;font-size:1.06rem;line-height:1.9}.checker:not(.compact) .marked{min-height:330px;max-height:540px;padding:27px 30px}.feedback-pane .results{max-height:470px;padding:22px}.checker:not(.compact) .editor .bar{flex-wrap:wrap;padding:16px 20px;gap:8px}.editor .bar [data-act="check"]{order:0;margin-left:0;background:var(--pencil);border-color:var(--pencil);color:var(--surface);padding:.78rem 1rem}.editor .bar [data-act="sample"]{order:2;font-size:.76rem}.editor .bar [data-act="paste"]{order:1;font-size:.76rem}.editor .bar [data-act="clear"]{order:3}.editor .bar [data-count]{order:4;margin-left:auto;width:auto}.btn{font-weight:550;min-height:40px}.btn:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #c59a36;outline-offset:3px}.feedback-pane .welcome{padding:40px 10px 30px;margin:0}.welcome img{object-fit:contain;transform:rotate(8deg);margin:0 auto 15px}.welcome h2{font-size:1.35rem;margin:0 0 12px;color:var(--ink);font-family:var(--serif)}.welcome p{font-size:.87rem;line-height:1.75;margin-bottom:16px}.welcome span{font-size:.74rem;color:var(--ink-mute)}
.score .big{font-size:2.6rem}.score .meta{font-size:.8rem}.score{padding-bottom:16px}.comparison{margin:12px 0;border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:.78rem}.comparison>summary{cursor:pointer;font-weight:600;padding:10px 0}.comparison .bench{margin:5px 0 15px}.legend{font-size:.72rem}.note .sent{font-size:.93rem}.note .tag{font-size:.68rem}.note .fix{font-size:.9rem;line-height:1.65;border-radius:7px;background:var(--pencil-soft);padding:12px}.note .fix .lab{font-size:.68rem;margin-bottom:6px}.note .why,.note .verdict,.note .zombie{font-size:.8rem;line-height:1.75}.note-details{margin-top:12px;font-family:var(--sans)}.note-details summary{cursor:pointer;font-size:.76rem;color:var(--pencil);font-weight:600}.note{scroll-margin-top:20px}.note.focused{outline:2px solid var(--pencil);outline-offset:3px}.marked mark[data-note]{cursor:pointer;border-bottom:2px solid #bd9341}.marked mark[data-note]:focus-visible{outline:2px solid var(--pencil)}.note-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.note-actions .btn{font-size:.74rem;min-height:36px}.note.kept{opacity:.75}.note.kept .fix,.note.kept .note-details{display:none}.feedback-hint{font: .76rem/1.6 var(--sans);margin:0 0 14px;color:var(--ink-soft)}.result-actions .undo-btn{margin-left:auto}
.desk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:40px 30px;margin-top:24px;border-bottom:1px solid var(--rule)}.step-num{font:italic 1rem var(--serif);color:#987734}.desk-steps h2{font-size:1.2rem;margin:12px 0 10px}.desk-steps p{font: .85rem/1.8 var(--sans);color:var(--ink-soft);margin:0}.editorial-tip{display:flex;align-items:center;gap:32px;padding:30px 40px;margin:40px 0 0;background:var(--field);border:1px solid var(--rule-soft);border-radius:16px}.editorial-tip img{width:90px;height:95px;object-fit:contain;flex-shrink:0}.editorial-tip .eyebrow{margin:0 0 8px;font-size:.64rem}.editorial-tip h2{font-size:1.45rem;margin:0 0 10px}.editorial-tip p{font:.88rem/1.8 var(--sans);max-width:80ch;margin:0 0 10px}.editorial-tip a{font:600 .8rem var(--sans)}.tool-guide{margin-top:45px;max-width:78ch}.tool-guide h2{font-size:1.65rem}.tool-guide p,.tool-guide li{font-size:.98rem}.reading-art{float:right;width:95px;height:85px;object-fit:contain;margin:0 0 15px 25px}.footer-flourish{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 auto 35px;color:var(--ink-soft);font:italic 1.1rem var(--serif)}.footer-flourish img{object-fit:contain}.site-footer{padding-top:2rem}.site-footer .wrap{grid-template-columns:1.5fr 1fr 1fr}.workspace-note{font-size:.75rem}.good{color:var(--pencil)}
@media(max-width:1000px){.nav{gap:.85rem;font-size:.78rem}.wordmark{font-size:1.1rem}.illustrated-head{padding-inline:0}.tool-promises{padding-left:0}.hero-art{width:115px;height:120px}.editor .bar [data-count]{width:100%;margin:0}.checker:not(.compact){grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}}
@media(max-width:720px){.site-header .wrap{min-height:70px;gap:15px;flex-wrap:wrap;padding-block:14px}.nav{width:100%;justify-content:space-between;gap:10px;font-size:.73rem}.site-header .wordmark{font-size:1.12rem}.theme-toggle{width:30px;height:30px}.tools-menu{left:-70px}.wrap{width:calc(100% - 28px)}main{padding-top:26px}.illustrated-head{gap:12px;align-items:flex-start}.tool-head h1{font-size:1.9rem;line-height:1.18}.tool-head p{font-size:.86rem}.hero-art{width:75px;height:95px;margin-top:5px}.tool-head .eyebrow{font-size:.6rem;letter-spacing:.1em}.tool-promises{gap:8px 16px;font-size:.67rem;margin-bottom:20px}.checker:not(.compact){display:block}.workspace-tabs{display:flex;border-bottom:1px solid var(--rule);background:var(--field)}.workspace-tabs button{flex:1;background:transparent;border:0;padding:15px 8px;color:var(--ink-soft);font:600 .82rem var(--sans);border-bottom:3px solid transparent}.workspace-tabs button[aria-selected="true"]{border-bottom-color:var(--pencil);background:var(--surface);color:var(--ink)}.checker[data-view="write"] .feedback-pane,.checker[data-view="results"] .writing-pane{display:none}.feedback-pane{border:0}.checker:not(.compact) textarea{min-height:285px;padding:22px;font-size:1rem}.checker:not(.compact) .marked{min-height:285px;max-height:none;padding:22px}.feedback-pane .results{max-height:none;padding:20px}.pane-hint{display:none}.checker:not(.compact) .editor .bar{padding:14px;gap:7px}.editor .bar [data-act="check"]{width:100%;font-size:.88rem;min-height:46px}.editor .bar [data-count]{width:auto;margin-left:auto;font-size:.68rem}.editor .bar .btn:not(.primary){font-size:.7rem;padding:.5rem .65rem}.result-actions{padding:14px}.desk-steps{grid-template-columns:1fr;gap:25px;padding:30px 10px}.desk-steps>div{padding-left:40px;position:relative}.step-num{position:absolute;left:0;top:12px}.desk-steps h2{margin-top:6px}.editorial-tip{padding:22px;gap:18px;align-items:flex-start;margin-top:28px}.editorial-tip img{width:50px;height:65px}.editorial-tip h2{font-size:1.25rem}.editorial-tip p{font-size:.82rem}.workspace-note{font-size:.69rem;text-align:left}.tool-guide{margin-top:35px}.footer-flourish{gap:15px;font-size:.9rem;padding:0 20px}.footer-flourish img{width:75px;height:65px}.site-footer .wrap{grid-template-columns:1fr}.reading-art{width:70px;height:65px}.reading-page .article h1{font-size:2rem}.btn,summary{touch-action:manipulation}}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .hero-art,html:not([data-theme="light"]) .welcome img,html:not([data-theme="light"]) .reading-art,html:not([data-theme="light"]) .footer-flourish img,html:not([data-theme="light"]) .editorial-tip img{background:#eee5ce;border-radius:12px;padding:8px}}
html[data-theme="dark"] .hero-art,html[data-theme="dark"] .welcome img,html[data-theme="dark"] .reading-art,html[data-theme="dark"] .footer-flourish img,html[data-theme="dark"] .editorial-tip img{background:#eee5ce;border-radius:12px;padding:8px}
@media print{.desk-steps,.editorial-tip,.workspace-tabs,.hero-art,.reading-art{display:none!important}.checker[data-view] .writing-pane,.checker[data-view] .feedback-pane{display:block!important}}

[hidden]{display:none!important}
.tool-head h1{max-width:30ch}.rewrites li{scroll-margin-top:20px}.rewrites li:focus{outline:2px solid var(--pencil);outline-offset:4px}
.checker>.result-actions{grid-column:1/-1;background:var(--surface);margin-top:0;min-height:62px}.checker>.result-actions button{min-height:38px}@media(max-width:720px){.checker>.result-actions{position:sticky;bottom:0;z-index:2;box-shadow:0 -3px 12px #243c320a}}
