.editing-lesson { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-fa); font-weight:500; font-size:16px; line-height:1.85; }
.editing-lesson *, .editing-lesson *::before, .editing-lesson *::after { box-sizing:border-box; }
.editing-lesson [hidden] { display:none !important; }
.editing-lesson main { max-width:728px; margin-inline:auto; }
.editing-lesson .article { width:100%; padding:48px 24px 64px; }
.editing-lesson h1 { font-family:var(--font-display); font-weight:700; font-size:34px; line-height:1.5; margin:0 0 24px; }
.editing-lesson h2 { font-family:var(--font-display); font-weight:700; font-size:28px; line-height:1.5; margin:0 0 24px; }
.editing-lesson h3 { font-family:var(--font-display); font-weight:700; font-size:23px; line-height:1.5; margin:0 0 16px; }
.editing-lesson p { margin:0 0 24px; }
.editing-lesson a { overflow-wrap:anywhere; }
.editing-lesson button, .editing-lesson textarea { font:inherit; }
.editing-lesson :focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.editing-lesson [id] { scroll-margin-top:120px; }
.editing-lesson .article:focus { outline:none; }
.editing-lesson .editing-opening { margin-block-end:64px; }
.editing-lesson .editing-lead { font-size:19px; line-height:1.85; font-weight:600; }
.editing-lesson .editing-meta { color:var(--ink-meta); font-size:13px; }
.editing-lesson .editing-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-block:24px; }
.editing-lesson .editing-actions .btn { max-width:100%; }
.editing-lesson .editing-byline { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-block:24px; color:var(--ink-meta); font-size:13px; }
.editing-lesson .meta__avatar { width:28px; height:28px; border-radius:var(--r-pill); }
.editing-lesson .editing-section { margin-block:64px; }
.editing-lesson .editing-section:first-child { margin-block-start:0; }
.editing-lesson .editing-example { margin-block:32px; padding-inline-start:16px; border-inline-start:1.5px solid var(--line-gold); }
.editing-lesson .editing-label { font-weight:600; color:var(--ink-soft); margin-block-end:8px; }
.editing-lesson .editing-english { direction:ltr; unicode-bidi:isolate; text-align:start; font-family:var(--font-en); font-size:16px; line-height:1.6; font-weight:500; padding:16px 0; margin-block:0 24px; overflow-wrap:anywhere; }
.editing-lesson .editing-example .editing-english { padding:0; margin-block-end:24px; }
.editing-lesson bdi { unicode-bidi:isolate; }
.editing-lesson .editing-links { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; margin-block:24px; }
.editing-lesson .editing-links > p { flex-basis:100%; margin:0; }
.editing-lesson .editing-links a, .editing-lesson .editing-link, .editing-lesson .editing-return { display:inline-flex; min-height:44px; align-items:center; text-decoration:underline; text-underline-offset:5px; }
.editing-lesson .editing-family { display:flex; gap:16px 24px; flex-wrap:wrap; margin-block:24px; }
.editing-lesson .editing-family div { flex:1 1 120px; }
.editing-lesson .editing-family dt { color:var(--ink); font-weight:600; text-align:start; }
.editing-lesson .editing-family dd { margin:8px 0 0; }
.editing-lesson .editing-detail { border-block:1px solid var(--line-gold); margin-block:24px; }
.editing-lesson .editing-detail summary { font-size:16px; font-weight:600; min-height:56px; padding:16px 12px; cursor:pointer; overflow-wrap:anywhere; }
.editing-lesson .editing-detail > p, .editing-lesson .editing-detail > .editing-english, .editing-lesson .editing-key { margin-inline:12px; }
.editing-lesson .editing-detail > p { margin-block:16px 24px; }
.editing-lesson .editing-key { padding-block:8px 24px; }
.editing-lesson .editing-key > :last-child { margin-block-end:0; }
.editing-lesson .editing-reason { margin-block:24px; }
.editing-lesson .editing-change { font-weight:600; text-align:start; margin-block-end:8px; }
.editing-lesson .editing-criteria, .editing-lesson .editing-area-list { padding-inline-start:24px; margin-block:24px; }
.editing-lesson li { padding-inline-start:4px; margin-block:12px; }
.editing-lesson .editing-diagnostic-options { display:flex; flex-direction:column; gap:12px; margin-block:24px; }
.editing-lesson .blindspot__opt { text-align:start; justify-content:flex-start; font-size:16px; }
.editing-lesson .blindspot__opt.is-right::before { content:'✓'; margin-inline-end:8px; }
.editing-lesson .blindspot__opt.is-wrong::before { content:'✗'; margin-inline-end:8px; }
.editing-lesson .editing-feedback { border-inline-start:2px solid var(--ink); padding-inline-start:16px; }
.editing-lesson .blindspot__flip, .editing-lesson .blindspot__abs { border-block-end:2px dashed var(--ink); }
.editing-lesson .blindspot__flip.lit, .editing-lesson .blindspot__abs.lit { background:var(--mark-highlight-band); }
.editing-lesson .editing-field { margin-block:24px; }
.editing-lesson .editing-field label { display:block; font-weight:600; margin-block-end:8px; }
.editing-lesson .editing-field > p { margin-block-end:12px; }
.editing-lesson textarea { display:block; width:100%; min-height:192px; padding:16px; line-height:1.85; resize:vertical; border:1.5px solid var(--line-gold); border-radius:var(--r-control); background:var(--slip); color:var(--ink); overflow:auto; }
.editing-lesson textarea[dir=ltr] { font-family:var(--font-en); line-height:1.6; }
.editing-lesson .editing-stage { margin-block:48px; padding-block-start:24px; border-block-start:1px solid var(--line-gold); }
.editing-lesson .editing-notice { padding-inline-start:16px; border-inline-start:2px solid var(--line-gold); }
.editing-lesson .editing-method { margin:48px 0; padding:40px; text-align:center; }
.editing-lesson .editing-method img { display:block; width:280px; height:auto; margin-inline:auto; }
.editing-lesson .editing-method figcaption { margin-block-start:24px; }
.editing-lesson .editing-reference { margin-block:64px 24px; padding:24px; border:1.5px solid var(--ink); border-radius:var(--r-surface); background:var(--slip); }
.editing-lesson .editing-reference-row { margin-block:24px; }
.editing-lesson .editing-reference-row h3 { margin-block-end:8px; }
.editing-lesson .editing-reference-identity { border-block-start:1px solid var(--line-gold); margin-block-start:24px; padding-block-start:24px; }
.editing-lesson .editing-reference-identity > p { margin-block-end:8px; }
.editing-lesson .editing-reference-identity > p:first-child { font-weight:700; letter-spacing:0; }
.editing-lesson .editing-reference-links p { margin-block-end:8px; }
.editing-lesson .editing-reference-links p[dir=ltr] { font-size:16px; line-height:1.6; overflow-wrap:anywhere; margin-block-end:24px; }
.editing-lesson .editing-print-controls, .editing-lesson .editing-read-state { margin-block:32px; }
.editing-lesson .editing-read-state > p { margin-block:16px; }
.editing-lesson .editing-paper-task { margin-block:64px; padding-block-start:24px; border-block-start:1px solid var(--line-gold); }
.editing-lesson .editing-paper-labels { padding-inline-start:16px; border-inline-start:1px solid var(--line-gold); margin-block:24px; }
.editing-lesson .editing-paper-labels div { margin-block:12px; }
.editing-lesson .editing-paper-labels dt { font-weight:600; }
.editing-lesson .editing-paper-labels dd { margin:4px 0 0; color:var(--ink-soft); }
.editing-lesson .editing-pdf-preview { margin:48px 0; }
.editing-lesson .editing-pdf-preview img { display:block; width:320px; max-width:100%; height:auto; margin-inline:auto; border:1px solid var(--line-gold); }
.editing-lesson .editing-pdf-preview figcaption { margin-block:24px; }
.editing-lesson .sigil-defs { position:absolute; width:0; height:0; overflow:hidden; }
.editing-lesson .progress { position:fixed; top:0; inset-inline-start:0; width:0; height:2px; background:var(--ink); pointer-events:none; z-index:var(--z-top); }
.editing-lesson .header__start, .editing-lesson .header__brand, .editing-lesson .header__nav { display:flex; align-items:center; gap:12px; }
.editing-lesson .header__start { min-width:0; }
.editing-lesson .header__brand { flex-shrink:0; min-height:44px; }
.editing-lesson .header__wordmark, .editing-lesson .footer__wordmark { font-weight:700; letter-spacing:0; }
.editing-lesson .header__sigil, .editing-lesson .footer__sigil { width:22px; height:22px; flex-shrink:0; }
.editing-lesson .header__wordmark { font-size:13px; }
.editing-lesson .header__pill { padding-inline:8px; }
.editing-lesson .header__rail { display:none; }
.editing-lesson .header.is-hidden { transform:translateY(-100%); }
.editing-lesson .header:focus-within { transform:none; }
.editing-lesson .footer { margin-block-start:32px; }
.editing-lesson .footer__inner { max-width:1100px; margin-inline:auto; padding:24px; }
.editing-lesson .footer__top, .editing-lesson .footer__brand { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.editing-lesson .footer__brand { justify-content:flex-start; }
.editing-lesson .footer__nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 12px; margin-block:24px; padding-block:16px; border-block:1px solid var(--line-gold); }
.editing-lesson .footer a { display:inline-flex; min-height:44px; align-items:center; }
.editing-lesson .footer__consult, .editing-lesson .footer__copy { text-align:center; }
.editing-lesson .footer__copy { color:var(--ink-meta); font-size:13px; margin:0; }
.editing-lesson .lrail { display:none; }
.editing-lesson .lbar { position:static; transform:none; padding:24px; border-block:1px solid var(--line-gold); }
.editing-lesson .lbar__sheet { display:block; }
.editing-lesson .lbar__item { padding:8px 12px; }
.editing-lesson.has-editing-js .lbar { display:none; position:fixed; inset-inline:0; top:0; padding:0; z-index:var(--z-chrome); }
.editing-lesson.has-editing-js .lbar.is-shown, .editing-lesson.has-editing-js .lbar.is-open { display:block; }
.editing-lesson.has-editing-js .lbar__sheet { display:none; max-height:calc(100dvh - 80px); overflow-y:auto; }
.editing-lesson.has-editing-js .lbar.is-open .lbar__sheet { display:block; }
.editing-lesson .lbar__toggle { gap:12px; min-height:56px; padding:12px 24px; font-size:16px; color:var(--ink); }
.editing-lesson .lbar__label { min-width:0; }
.editing-lesson .lbar__fill { height:2px; background:var(--ink); }
@media(max-width:768px) {
 .editing-lesson .header__inner { gap:12px; }
 .editing-lesson .header__nav { gap:8px; }
 .editing-lesson .header__rail { display:flex; align-items:center; gap:8px; min-height:44px; padding-inline:24px; border-block-start:1px solid var(--line-gold); }
 .editing-lesson .header__rail-back { display:inline-flex; align-items:center; gap:8px; min-height:44px; flex-shrink:0; font-size:13px; }
 .editing-lesson .header__rail-current { font-size:13px; overflow-wrap:anywhere; }
}
@media(max-width:430px) {
 .editing-lesson .editing-actions { align-items:stretch; flex-direction:column; }
 .editing-lesson .editing-method img { width:240px; }
 .editing-lesson .editing-reference { padding:16px; }
 .editing-lesson .lbar__toggle #lbar-current { display:none; }
}
@media(max-width:374px) { .editing-lesson .editing-method img { width:232px; } }
@media(min-width:1240px) {
 .editing-lesson .lrail { display:block; position:fixed; top:140px; inset-inline-end:calc(50% + 364px); width:184px; max-height:calc(100dvh - 164px); overflow-y:auto; border-inline-start:1px solid var(--line-gold); padding-inline-start:16px; }
 .editing-lesson .lrail__item, .editing-lesson .lrail__companion { display:block; min-height:44px; padding-block:8px; font-size:16px; }
 .editing-lesson .lrail__companion { margin-block-start:24px; border-block-start:1px solid var(--line-gold); padding-block-start:16px; }
 .editing-lesson.has-editing-js .lbar, .editing-lesson.has-editing-js .lbar.is-shown, .editing-lesson.has-editing-js .lbar.is-open { display:none; }
}
@media(prefers-reduced-motion:reduce) { .editing-lesson *, .editing-lesson *::before, .editing-lesson *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }

/* The long editing activity is an ordered writing surface, without a containing card. */
.editing-lesson .audit { background:none; border:0; border-radius:0; }

.editing-lesson .editing-method:has(img[hidden]) { padding-block:0; }