:root{--wine:#762d3d;--wine-dark:#54202e;--ink:#252c2b;--muted:#747873;--line:#dedfd6;--paper:#fafaf5;--green:#53736b;--serif:Georgia,'Times New Roman',serif;--accent:#762d3d}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.masthead,.site-header{max-width:1440px;min-height:112px;margin:auto;padding:24px 5%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:13px;color:var(--wine);text-decoration:none;white-space:nowrap}.brand>span{font:24px var(--serif);letter-spacing:-.6px}.brand small{display:block;font:9px Arial;letter-spacing:2.3px;color:var(--muted);margin-top:5px}.brand svg{flex-shrink:0}.site-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.site-nav a{font-size:13px;text-decoration:none;color:var(--ink);padding:10px 0}.site-nav a.active{color:var(--wine);border-bottom:2px solid var(--wine)}.site-nav .mod-login{color:var(--wine);font-size:12px}.site-nav button{font-size:12px}.spell-site main{max-width:1240px;padding:0 36px;margin:auto}.spell-site .intro{padding:55px 0 30px;text-align:left;max-width:none;margin:0}.spell-site .eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:600}.spell-site .intro h1{font:62px/1.08 var(--serif);letter-spacing:-2px;margin:20px 0;color:var(--ink)}.spell-site .intro h1 em{color:var(--wine);font-weight:400}.spell-site .intro p{color:var(--muted);font-size:14px;line-height:1.8;max-width:690px}.spell-site .workspace{background:white;border:1px solid var(--line);border-radius:5px;padding:28px;box-shadow:0 5px 18px #343e2910}.spell-site .toolbar{padding:0 0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.spell-site .toolbar label{font-size:12px;color:var(--muted)}.spell-site select,.spell-site input{font:16px var(--serif);border:1px solid #bfc4b8;border-radius:4px;padding:10px;background:var(--paper);color:var(--ink)}.spell-site .tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:0 0 24px;padding:0}.spell-site .tab{border:0;border-bottom:2px solid transparent;background:none;border-radius:0;padding:16px 0;color:var(--muted);font-size:13px}.spell-site .tab.active{color:var(--wine);border-color:var(--wine);background:none}.spell-site .field-label{font-size:12px;color:var(--muted);margin-bottom:10px}.spell-site textarea{min-height:235px;border:1px solid #bfc4b8;background:var(--paper);font:21px/1.7 var(--serif);padding:20px;border-radius:4px;color:var(--ink);width:100%;resize:vertical}.spell-site button{font:13px Arial;cursor:pointer}.spell-site .primary{background:var(--wine);color:white;border:1px solid var(--wine);border-radius:3px;padding:13px 22px;box-shadow:none}.spell-site .primary:hover{background:var(--wine-dark)}.spell-site .actions{margin-top:18px;gap:13px;display:flex;align-items:center;flex-wrap:wrap}.spell-site .actions>button:not(.primary){padding:12px 18px;background:var(--paper);border:1px solid var(--line);border-radius:3px;color:var(--ink)}.spell-site .count{font-size:11px;color:var(--muted);margin-left:auto}.spell-site .results{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;background:transparent;border-radius:0}.spell-site h2{font:27px var(--serif);color:var(--ink);font-weight:400}.spell-site h3{font:22px var(--serif)}.spell-site a{color:var(--wine)}.spell-site .highlighted{font:22px/1.8 var(--serif);color:var(--ink)}.spell-site .misspelled{font:inherit;background:#f5e0ae;border:0;border-bottom:1px dotted #8d6b26}.spell-site .suggestion{background:#f1f1e9;padding:20px;border:1px solid var(--line);border-radius:4px}.spell-site .suggestion button{margin:8px;padding:8px 12px;background:white;border:1px solid var(--line);border-radius:3px}.spell-site .grammar-tag{background:#eceee6;color:#526b5a;border:0;border-radius:3px;font-size:12px;padding:5px 9px}.spell-site .analysis-raw{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f1e9;padding:12px;font-size:13px}.spell-site .note,.spell-site .analysis-note{color:var(--muted);font-size:12px;line-height:1.8}.spell-site .note{margin:25px 0 45px}.spell-site footer{max-width:1240px;padding:25px 36px 35px;border-top:1px solid var(--line);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);background:transparent}.spell-site footer a{color:var(--wine)}.spell-site [hidden]{display:none!important}.spell-site :focus-visible{outline:3px solid #a68646;outline-offset:3px}.mod-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mod-fields label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:7px}.mod-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:14px}.mod-help{font-size:12px;color:var(--muted);line-height:1.8}.mod-downloads{display:flex;gap:12px;flex-wrap:wrap;padding:15px 0}.mod-downloads a{border:1px solid var(--line);border-radius:3px;padding:10px 14px;text-decoration:none;font-size:12px}.mod-history{font-size:12px;line-height:1.8;padding:12px 0}.mod-history pre{white-space:pre-wrap;overflow-wrap:anywhere}.mod-account{font-size:12px;color:var(--green)}.mod-result{font-size:13px;padding-top:12px}.nav-crosslink{font-size:12px;color:var(--wine)}@media(max-width:900px){.masthead,.site-header{gap:20px}.site-nav{gap:17px}.brand>span{font-size:22px}}@media(max-width:760px){.masthead,.site-header{padding:20px 22px;min-height:0;flex-wrap:wrap;gap:18px}.site-nav{width:100%;margin:0;justify-content:space-between;gap:15px}.site-nav a{font-size:12px}.spell-site main{padding:0 22px}.spell-site .intro{padding-top:34px}.spell-site .intro h1{font-size:46px;letter-spacing:-1.5px}.spell-site .eyebrow{font-size:8px;letter-spacing:1.4px}.spell-site .workspace{padding:19px}.spell-site textarea{font-size:19px;min-height:220px;padding:13px}.spell-site .tab{font-size:12px}.spell-site .tabs{gap:18px;overflow:auto}.spell-site .count{width:100%;margin:0}.spell-site .analysis-form{display:flex;flex-wrap:wrap;gap:12px}.spell-site .analysis-form input{width:100%}.spell-site footer{margin:0 22px;padding:22px 0;flex-wrap:wrap}.mod-fields{grid-template-columns:1fr}}
/* Typography matches the dictionary interface. */
body.spell-site{font-size:15px;line-height:1.55;display:block}.spell-site .site-header{width:100%}.spell-site main{width:100%}.spell-site footer{width:100%;line-height:1.55}.spell-site .site-nav a{line-height:1.55}.spell-site .eyebrow{line-height:1.55}.spell-site .tab{font-size:12px;line-height:1.55}.spell-site button{line-height:1.55}.spell-site .primary{font-size:14px;line-height:1.55}.spell-site .field-label,.spell-site .toolbar label{font-weight:400;line-height:1.55}.spell-site textarea{font-size:23px;line-height:1.7}.spell-site .highlighted{font-size:18px;line-height:1.85}.spell-site .analysis-item{font-size:18px;line-height:1.85}.spell-site .analysis-raw{font-size:12px;line-height:1.55}.spell-site .analysis-raw-label{font-size:12px;line-height:1.55}.spell-site .analysis-form input{font-size:23px}.spell-site .intro{margin:0}.spell-site .toolbar #status{font-size:12px;line-height:1.55}@media(max-width:760px){.spell-site .tab{font-size:11px}.spell-site .highlighted,.spell-site .analysis-item{font-size:17px}.spell-site textarea,.spell-site .analysis-form input{font-size:21px}.spell-site .primary{font-size:14px}}
/* Compact spelling introduction; masthead remains identical to the dictionary. */
.spell-site .intro{padding:30px 0 22px}.spell-site .intro h1{margin:16px 0}.spell-site .intro p{margin-bottom:0}@media(max-width:760px){.spell-site .intro{padding:25px 0 20px}}
/* Match the dictionary's word-heading and article-reading scale. */
.spell-site .intro h1{font-size:48px;line-height:1.15;letter-spacing:-1px}.spell-site textarea,.spell-site .highlighted,.spell-site .analysis-item,.spell-site .analysis-form input{font-size:18px;line-height:1.85}.spell-site textarea::placeholder{font-size:18px;font-weight:400}.spell-site select,.spell-site .mod-fields input{font-size:15px;line-height:1.55}.spell-site .results h2,.spell-site #moderator-panel h2{font-size:25px}@media(max-width:760px){.spell-site .intro h1{font-size:38px}.spell-site textarea,.spell-site .highlighted,.spell-site .analysis-item,.spell-site .analysis-form input,.spell-site textarea::placeholder{font-size:17px}}
/* Compact reading scale requested for the spelling tool. */
.spell-site .intro h1{font-size:36px;line-height:1.2}.spell-site textarea,.spell-site .highlighted,.spell-site .analysis-item,.spell-site .analysis-form input,.spell-site textarea::placeholder{font-size:16px;line-height:1.75}.spell-site .intro p{font-size:13px}.spell-site .results h2,.spell-site #moderator-panel h2{font-size:22px}.spell-site .primary{font-size:13px}@media(max-width:760px){.spell-site .intro h1{font-size:30px}.spell-site textarea,.spell-site .highlighted,.spell-site .analysis-item,.spell-site .analysis-form input,.spell-site textarea::placeholder{font-size:16px}}

/* Compact spelling typography, version 6. */
.spell-site .intro h1{font-size:30px;letter-spacing:-.5px}
.spell-site textarea,.spell-site .highlighted,.spell-site .analysis-item,.spell-site .analysis-form input,.spell-site textarea::placeholder{font-size:14px;line-height:1.75}
.spell-site select,.spell-site .mod-fields input{font-size:14px}
.spell-site .results h2,.spell-site #moderator-panel h2{font-size:20px}
@media(max-width:760px){.spell-site .intro h1{font-size:28px}.spell-site .site-nav{flex-wrap:wrap;justify-content:flex-start;column-gap:18px;row-gap:0}}

/* Compact spelling typography, version 7. */
.spell-site .intro h1{font-size:28px}
.spell-site textarea,.spell-site .highlighted,.spell-site .analysis-item,.spell-site .analysis-form input,.spell-site textarea::placeholder,.spell-site select,.spell-site .mod-fields input{font-size:13px;line-height:1.7}
.spell-site .intro p,.spell-site .primary,.spell-site .actions>button{font-size:12px}
.spell-site .site-nav a{font-size:12px}
.spell-site .results h2,.spell-site #moderator-panel h2{font-size:19px}
@media(max-width:760px){.spell-site .intro h1{font-size:26px}}

/* Compact spelling typography, version 8: two further scale steps. */
body.spell-site{font-size:11px}
.spell-site .brand>span{font-size:20px}
.spell-site .intro h1{font-size:24px}
.spell-site textarea,.spell-site .highlighted,.spell-site .analysis-item,.spell-site .analysis-form input,.spell-site textarea::placeholder,.spell-site select,.spell-site .mod-fields input{font-size:11px;line-height:1.7}
.spell-site .intro p,.spell-site .primary,.spell-site button,.spell-site .actions>button,.spell-site .site-nav a{font-size:10px}
.spell-site .tab,.spell-site .field-label,.spell-site .toolbar label,.spell-site .toolbar #status,.spell-site .note,.spell-site .analysis-note,.spell-site .analysis-raw,.spell-site .analysis-raw-label,.spell-site .grammar-tag,.spell-site .analysis-muted,.spell-site .mod-fields label,.spell-site .mod-help,.spell-site .mod-downloads a,.spell-site .mod-account,.spell-site .mod-history,.spell-site .mod-result{font-size:10px}
.spell-site .mod-preview{font-size:12px}
.spell-site .results h2,.spell-site #moderator-panel h2{font-size:15px}
.spell-site h3{font-size:18px}
@media(max-width:760px){.spell-site .intro h1{font-size:22px}.spell-site .brand>span{font-size:18px}}