.writing-page{max-width:960px;padding-bottom:50px}.writing-page h1{max-width:19ch}.writing-page h2{font:400 36px/1.15 var(--serif);letter-spacing:-.6px;margin:0 0 20px}.writing-page h3{font:400 27px/1.25 var(--serif);margin:28px 0 18px}.writing-page h4{font:600 15px/1.5 var(--sans);margin:0 0 12px}.writing-page p{max-width:72ch}.writing-page section{scroll-margin-top:24px}.disclosure{border-left:3px solid var(--orange);padding:15px 24px;background:#faf7ef;margin-bottom:48px}.disclosure p{font-size:14px;margin:0 0 10px}.disclosure p:last-child{margin:0}.case-choices,.builder-toolbar,.export-actions{display:flex;gap:10px;flex-wrap:wrap}.case-choices button{min-height:44px}.case-choices [aria-pressed=true]{background:var(--green);color:var(--paper);border-color:var(--green)}.case-brief{display:grid;grid-template-columns:80px 1fr;gap:9px 18px;font-size:15px}.case-brief dt{font-weight:600}.case-brief dd{margin:0;max-width:65ch}.writing-page details{border:1px solid var(--line);padding:18px 22px;margin:20px 0}.writing-page summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}.writing-page details>p{font-size:15px}.draft-before,.draft-after{padding:24px;background:#faf7ef;border-left:3px solid #9c7560;margin:24px 0}.draft-after{background:#e7eadc;border-color:var(--green)}#case-before,#case-after{white-space:pre-line;font-size:16px;line-height:1.75;margin:0}#case-edits{padding-left:24px}#case-edits li{padding:16px 0;border-top:1px solid var(--line)}#case-edits p{font-size:15px;margin:0 0 8px}.check-note{padding:16px;background:#faf7ef}.writing-page #skill-builder{border-top:1px solid var(--line);padding-top:42px;margin-top:48px}.voice-reference figure{margin:24px 0}.voice-reference blockquote{margin:0 0 12px;padding-left:18px;border-left:2px solid var(--green);font:400 21px/1.5 var(--serif)}.voice-reference figcaption{color:var(--green);font-size:14px;line-height:1.65}.writing-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.writing-field{min-width:0}.field-samples,.field-voice,.field-avoid,.field-facts{grid-column:1/-1}.writing-field label{display:block;font-weight:600;font-size:17px}.writing-field p{font-size:14px;color:var(--muted);margin:8px 0 12px}.writing-field textarea{display:block;width:100%;padding:14px;border:1px solid #8f9484;border-radius:4px;background:#faf7ef;color:var(--ink);font:16px/1.6 var(--sans);resize:vertical}.small-note{font-size:14px;color:var(--muted)}.export-box{margin-top:40px;padding:28px;background:#e7eadc;border:1px solid var(--line);border-top:3px solid var(--green)}.export-box pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.65 var(--sans);max-height:550px;overflow:auto;padding:8px}#writing-status{min-height:1.5em;font-size:14px}.writing-handoff{margin-top:46px}.coach-notes li{margin-bottom:12px}.writing-page :is(button,a,textarea,pre,summary):focus-visible{outline:3px solid var(--orange);outline-offset:4px}.writing-page button{touch-action:manipulation}.writing-page button:disabled{opacity:.55;cursor:default}
@media(hover:hover) and (pointer:fine){.case-choices button:not([aria-pressed=true]):hover{background:var(--soft)}}
@media(max-width:700px){.writing-page h1{font-size:42px}.writing-page h2{font-size:30px}.writing-fields{grid-template-columns:1fr}.writing-page details,.disclosure{padding:16px}.draft-before,.draft-after{padding:18px}.export-box{padding:20px}.case-choices{display:grid;grid-template-columns:1fr 1fr}.case-choices button{font-size:14px}.case-brief{grid-template-columns:1fr;gap:4px}.case-brief dd{margin-bottom:10px}.masthead nav{gap:12px;font-size:13px}.writing-page .actions{gap:20px}.writing-page .actions .primary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.writing-page *{scroll-behavior:auto;animation:none;transition:none}}

.learner-reader{margin:30px 0}.voice-reference{margin:36px 0}.guide-tag{display:block;margin-top:8px;font-size:13px;color:var(--green)}.guide-tag[hidden]{display:none}.source-fields .writing-fields{margin-top:22px}#writing-attempt{min-height:170px}

@media(max-width:650px){.masthead{height:auto;flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px;padding-bottom:14px}.masthead nav{display:flex;flex-wrap:wrap;gap:4px 18px;width:100%;font-size:14px}.masthead nav a{display:inline-flex;align-items:center;min-height:44px}.masthead .wordmark{min-height:36px}}