/* Keep the writing surface quiet; colour signals the error even while focused. */
.answer-wrap.answer-bad,.answer-wrap.answer-bad:focus-within{border:2px solid #e4443d!important;background:#fff8f7;box-shadow:0 0 0 3px #e4443d12!important}.answer-wrap.answer-bad textarea{color:var(--ink)}
.word-hint-button{color:#58645e;border:1px solid #dce4de;border-radius:9px;padding:7px 12px;font-size:14px;font-weight:600;gap:7px;white-space:nowrap}.word-hint-button:hover{color:#1e6f4b;background:#edf5ef;border-color:#9dc5aa}.word-hint-button svg{width:18px;height:18px}.answer-label{align-items:center;gap:10px}.word-hint-notice{font-size:14px;color:#397354;margin:12px 0 0;line-height:1.65}.compact-retry{padding:12px 16px;margin-top:14px;border-radius:10px}.compact-retry strong{font-size:16px;font-weight:550}.compact-retry .text-button{margin-top:7px;font-size:14px}
.mistake-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.journal-toolbar{align-items:center;flex-wrap:wrap}.sentence-mistake-card h2{font-size:24px;line-height:1.55;margin:18px 0 12px;letter-spacing:-.4px}.sentence-mistake-card .error-card-top{align-items:flex-start;gap:12px}.sentence-mistake-card .level-badge{white-space:normal;line-height:1.6}.sentence-mistake-card .error-example{overflow-wrap:anywhere}.journal-undo{font-size:15px;color:#65746a}.journal-undo .text-button{color:#25734f;margin-left:8px}.sentence-mistake-card details{margin:18px 0}.sentence-mistake-card .error-card-bottom{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.sentence-mistake-card .error-card-bottom small{margin-right:auto}
@media(max-width:640px){.word-hint-button{font-size:13px;padding:7px 9px}.word-hint-notice{font-size:13px}.compact-retry{padding:12px 13px}.compact-retry strong{font-size:15px}.mistake-toolbar-actions{width:100%;gap:10px}.mistake-toolbar-actions .primary-button{width:100%;justify-content:center}.sentence-mistake-card h2{font-size:21px}.sentence-mistake-card .error-card-bottom{gap:14px}.sentence-mistake-card .error-card-top{flex-wrap:wrap}}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235e676f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px 18px;padding-right:46px!important}.grammar-filters select,#verb-group{padding-right:42px!important;min-width:0}.teaser-row>span:first-child{overflow-wrap:anywhere}
@media(max-width:640px){select{background-position:right 12px center;background-size:16px 16px}.grammar-filters select,#verb-group{padding-right:34px!important}}
@media(max-width:640px){.journal-toolbar>.filter-group{width:100%;display:flex;justify-content:stretch}.journal-toolbar>.filter-group button{white-space:nowrap;flex:1;padding:10px 8px;font-size:12px}.sentence-mistake-card .frequency{white-space:nowrap}}
#mission-form .answer-label{display:flex;align-items:center;justify-content:space-between;gap:12px}#mission-form .answer-label>label{min-width:0}
.immediate-diagnostic{padding:19px 22px;margin-top:17px;display:block;border-radius:13px}.immediate-diagnostic>div{width:100%;min-width:0}.immediate-diagnostic>div>strong{font-size:18px;line-height:1.5}.immediate-issue-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:17px}.immediate-issue-list>li{display:flex;gap:11px;align-items:flex-start}.immediate-issue-list>li>div{min-width:0;flex:1}.immediate-issue-icon{font-size:18px;line-height:1.65;flex-shrink:0}.immediate-issue-kind{display:inline-block;text-transform:uppercase;font-size:10px;letter-spacing:.9px;line-height:1.7;font-weight:700;color:#ad625a;margin-right:10px;vertical-align:middle}.immediate-issue-list code{display:inline;font-family:inherit;font-size:18px;line-height:1.5;background:#ffdfd8;border-radius:5px;padding:2px 7px;color:#8c342e;overflow-wrap:anywhere;font-weight:650}.immediate-issue-list p{font-size:15px!important;line-height:1.75!important;color:#9b655e!important;margin:7px 0 0!important}.immediate-diagnostic[hidden]{display:none}@media(max-width:640px){.immediate-diagnostic{padding:17px 15px}.immediate-diagnostic>div>strong{font-size:17px}.immediate-issue-list{gap:15px}.immediate-issue-kind{display:block;font-size:9px;margin:0 0 5px}.immediate-issue-list code{font-size:17px}.immediate-issue-list p{font-size:14px!important}.immediate-issue-icon{font-size:17px}}
.immediate-issue-kind{font-size:12px;letter-spacing:.55px}.immediate-issue-list p{font-size:16px!important}@media(max-width:640px){.immediate-issue-kind{font-size:11px}.immediate-issue-list p{font-size:15px!important}}
.hint-highlights{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:0}.hint-highlight-text{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:break-word;color:transparent;transform-origin:top left;min-height:100%;pointer-events:none}.hint-assisted-word{background:#e9eaed;color:transparent!important;font:inherit;border-radius:3px;padding:0;margin:0}.answer-wrap>.hint-highlights+textarea{position:relative;z-index:1;background:transparent}.answer-wrap>.hint-highlights~.fixed-question{z-index:2}

/* Underlines keep the prompt legible and stable as it wraps. */
.prompt-cue{text-decoration-line:underline;text-decoration-color:#c8cbd0;text-decoration-thickness:.09em;text-underline-offset:.15em;text-decoration-skip-ink:none}.prompt-negation{text-decoration-thickness:.13em}

.article-context{border:1px solid #dce6df;background:#f8fbf8;border-radius:16px;padding:24px;margin:25px 0}.article-context h4{font-size:23px;line-height:1.5;margin:0 0 13px}.article-context>p{font-size:17px;line-height:1.8;color:#76847c;margin:0 0 18px}.article-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-context-grid>div{padding:19px 21px;border:1px solid #e0e7e2;border-radius:12px;background:#fff}.article-context-grid strong{font-size:24px;color:#287b53;line-height:1.6}.article-context-grid p{font-size:16px;line-height:1.8;color:#7e8a83;margin:9px 0 0}.article-context .article-context-result{margin:20px 0 0;color:#397950;font-size:16px}@media(max-width:640px){.article-context{padding:20px}.article-context-grid{grid-template-columns:1fr}.article-context h4{font-size:22px}.article-context>p{font-size:16px}.article-context-grid>div{padding:17px}.article-context-grid p{font-size:15px}}

/* Negation has its own shape; the subject keeps a simple underline. */
.prompt-cue.prompt-negation{text-decoration:none;display:inline-block;border:1.5px solid #bec3c9;border-radius:3px;padding:0 .17em;line-height:1.15;vertical-align:baseline;white-space:nowrap}
