/* B8 scoped correction-workbench composition; frozen dependencies own tokens/actions. */
.pitfalls-page { overflow-wrap:anywhere; }
.pitfalls-page [hidden] { display:none !important; }
.pitfalls-page .pitfalls-defs { position:absolute; width:0; height:0; overflow:hidden; }
.pitfalls-page .pitfalls-skip { position:absolute; inset-block-start:12px; inset-inline-start:24px; transform:translateY(-200%); background:var(--ink); color:var(--paper); padding:12px 20px; z-index:var(--z-top); }
.pitfalls-page .pitfalls-skip:focus { transform:none; }
.pitfalls-page .pitfalls-header { position:static; max-width:1120px; margin-inline:auto; padding:20px 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--paper-rule); }
.pitfalls-page .pitfalls-brand { display:inline-flex; align-items:center; gap:8px; font-weight:700; letter-spacing:0; min-height:44px; }
.pitfalls-page .pitfalls-header nav { display:flex; flex-wrap:wrap; gap:16px; }
.pitfalls-page .pitfalls-header nav a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:5px; }
.pitfalls-page .pitfalls-article, .pitfalls-page .pitfalls-contents { width:calc(100% - 48px); max-width:720px; margin-inline:auto; }
.pitfalls-lesson .pitfalls-article, .pitfalls-lesson .pitfalls-contents { max-width:680px; }
.pitfalls-page .pitfalls-article { padding-block:32px 64px; }
.pitfalls-page .pitfalls-contents { margin-block-start:16px; }
.pitfalls-page summary { min-height:44px; cursor:pointer; padding-block:12px; line-height:1.65; font-weight:600; }
.pitfalls-page .pitfalls-contents summary { border-bottom:1px solid var(--paper-rule); }
.pitfalls-page #lbar-fill { display:block; height:2px; width:0; background:var(--ink); }
.pitfalls-page #lbar-current { font-size:13px; color:var(--ink-meta); margin-inline-start:12px; }
.pitfalls-page #lbar-sheet { padding:16px 0; display:grid; gap:8px; }
.pitfalls-page #lbar-sheet a { min-height:44px; display:flex; align-items:center; }
.pitfalls-page .pitfalls-rail { display:none; }
.pitfalls-page .pitfalls-opening { margin-block-end:32px; }
.pitfalls-page .pitfalls-eyebrow { color:var(--ink-meta); font-weight:600; font-size:13px; margin-block-end:8px; }
.pitfalls-page .pitfalls-title { font-family:var(--font-display); font-size:clamp(40px,5vw,56px); line-height:1.5; font-weight:700; margin-block-end:16px; }
.pitfalls-page .pitfalls-heading { font-family:var(--font-display); font-size:32px; line-height:1.5; font-weight:700; margin-block-end:16px; }
.pitfalls-page .pitfalls-subheading { font-family:var(--font-display); font-size:26px; line-height:1.5; font-weight:700; margin-block-end:12px; }
.pitfalls-page p + p { margin-block-start:12px; }
.pitfalls-page .pitfalls-section { margin-block-start:48px; }
.pitfalls-page .pitfalls-section > p { margin-block:12px; }
.pitfalls-page .pitfalls-help { color:var(--ink-soft); font-size:16px; }
.pitfalls-page .pitfalls-label { display:block; font-family:var(--font-fa); font-size:16px; font-weight:600; margin-block:16px 8px; }
.pitfalls-page .pitfalls-en { direction:ltr; text-align:left; font-family:var(--font-en); line-height:1.85; font-size:18px; margin-block:12px 20px; overflow-wrap:anywhere; }
.pitfalls-page .pitfalls-inline-link { display:flex; width:fit-content; max-width:100%; min-height:44px; align-items:center; margin-block:12px; text-decoration:underline; text-underline-offset:5px; }
.pitfalls-page .pitfalls-cold-open { border-inline-start:2px solid var(--ink); padding-inline-start:20px; }
.pitfalls-page fieldset { padding:0; margin:20px 0; border:0; min-width:0; }
.pitfalls-page legend { margin-block-end:12px; font-weight:600; }
.pitfalls-page .pitfalls-choice { display:flex; align-items:center; gap:12px; min-height:56px; padding:12px 16px; background:var(--slip); border:1px solid var(--line-dash); border-radius:var(--r-control); margin-block:8px; cursor:pointer; }
.pitfalls-page .pitfalls-choice input { flex-shrink:0; width:20px; height:20px; accent-color:var(--ink); }
.pitfalls-page .pitfalls-choice span { min-width:0; }
.pitfalls-page .pitfalls-model { margin-block:24px; border-block:1px solid var(--line-gold); }
.pitfalls-page .pitfalls-model-body { padding-block:16px 24px; }
.pitfalls-page .pitfalls-checks { padding-inline-start:24px; margin-block:20px; }
.pitfalls-page .pitfalls-checks li { margin-block:12px; }
.pitfalls-page .pitfalls-video-section { margin-block-start:48px; }
.pitfalls-page #lesson-video { display:block; width:100%; aspect-ratio:16/9; height:auto; margin-block:16px; background:var(--ink); }
.pitfalls-page .pitfalls-video-actions, .pitfalls-page .pitfalls-actions { display:flex; flex-wrap:wrap; gap:12px; margin-block:20px; }
.pitfalls-page .pitfalls-method { margin:40px 0; padding:40px; }
.pitfalls-page .pitfalls-method img { width:min(100%,320px); height:auto; }
.pitfalls-page .pitfalls-method figcaption { margin-block-start:20px; font-size:16px; }
.pitfalls-page .pitfalls-specimen { margin-block:32px; padding-inline-start:20px; border-inline-start:2px solid var(--line-gold); }
.pitfalls-page .pitfalls-specimen > .pitfalls-en { background:var(--slip); border-radius:var(--r-row); padding:16px; }
.pitfalls-page .pitfalls-unit { margin-block:24px; }
.pitfalls-page .pitfalls-static-check { margin-block:32px; border-block-start:1px solid var(--paper-rule); padding-block-start:24px; }
.pitfalls-page #audit-live, .pitfalls-page #audit-result { margin-block-start:24px; padding-block:24px; border-block:1px solid var(--ink); }
.pitfalls-page #audit-progress { width:100%; height:8px; accent-color:var(--ink); }
.pitfalls-page #audit-reveal { margin-block:24px; border-inline-start:2px dashed var(--line-dash); padding-inline-start:16px; }
.pitfalls-page .pitfalls-profile-item { padding-block:16px; border-bottom:1px solid var(--paper-rule); }
.pitfalls-page .pitfalls-writing { margin-block-start:48px; }
.pitfalls-page .pitfalls-field { margin-block:24px 32px; }
.pitfalls-page .pitfalls-field label { display:block; font-weight:600; margin-block-end:12px; }
.pitfalls-page .pitfalls-field .pitfalls-help { margin-block-end:12px; }
.pitfalls-page .pitfalls-editor { display:block; width:100%; min-width:0; max-width:100%; padding:16px; border:1.5px solid var(--ink-soft); border-radius:var(--r-control); background:var(--slip); color:var(--ink); font:500 16px/1.85 var(--font-fa); resize:vertical; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; scroll-margin-block:32px; }
.pitfalls-page .pitfalls-editor--148 { min-height:148px; }
.pitfalls-page .pitfalls-editor--208 { min-height:208px; }
.pitfalls-page .pitfalls-editor--240 { min-height:240px; }
.pitfalls-page .pitfalls-editor--288 { min-height:288px; }
.pitfalls-page .pitfalls-editor:focus-visible { outline:3px solid var(--ink); outline-offset:3px; }
.pitfalls-page .pitfalls-transfer-title { margin-block-start:48px; }
.pitfalls-page .pitfalls-reference-list { padding-inline-start:24px; margin-block:24px; }
.pitfalls-page .pitfalls-reference-list li { margin-block:24px; padding-inline-start:8px; }
.pitfalls-page .pitfalls-task { margin-block-start:48px; padding-block-start:24px; border-block-start:1px solid var(--line-gold); }
.pitfalls-page .pitfalls-first { margin-block:24px; padding-inline-start:16px; border-inline-start:2px solid var(--line-gold); }
.pitfalls-page .pitfalls-raw { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.85; unicode-bidi:plaintext; }
.pitfalls-page .pitfalls-recording { margin-block:32px; padding-block:24px; border-block:1px solid var(--line-gold); }
.pitfalls-page .pitfalls-preview { max-width:360px; margin:24px 0; }
.pitfalls-page .pitfalls-preview img { display:block; width:100%; height:auto; }
.pitfalls-page .pitfalls-preview figcaption { margin-block-start:12px; font-size:16px; color:var(--ink-soft); }
.pitfalls-page .pitfalls-download { margin-block:20px 12px; }
.pitfalls-page .pitfalls-footer { max-width:1120px; margin-inline:auto; padding:32px 24px; border-block-start:1px solid var(--paper-rule); }
.pitfalls-page .pitfalls-footer nav { display:flex; flex-wrap:wrap; gap:8px 20px; margin-block:24px; }
.pitfalls-page .pitfalls-footer nav a { display:flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:5px; }
.pitfalls-page .pitfalls-print-only, .pitfalls-page .pitfalls-print-sentinel, .pitfalls-page [data-print-mirror] { display:none; }
.pitfalls-page .pitfalls-progress { position:fixed; inset-block-start:0; height:2px; width:0; background:var(--ink); pointer-events:none; z-index:var(--z-chrome); }
@media (min-width:768px) { .pitfalls-page .pitfalls-section, .pitfalls-page .pitfalls-writing, .pitfalls-page .pitfalls-task, .pitfalls-page .pitfalls-transfer-title { margin-block-start:64px; } }
@media (min-width:1200px) {
 .pitfalls-page .pitfalls-contents { display:none; }
 .pitfalls-page .pitfalls-rail { display:block; position:fixed; width:160px; inset-block-start:140px; inset-inline-start:calc(50% + 400px); max-height:calc(100vh - 160px); overflow-y:auto; padding-inline-start:16px; border-inline-start:1px solid var(--line-gold); }
 .pitfalls-lesson .pitfalls-rail { inset-inline-start:calc(50% + 380px); }
 .pitfalls-page .pitfalls-rail a { display:flex; align-items:center; min-height:44px; font-size:13px; margin-block:4px; }
}
@media (max-width:600px) { .pitfalls-page .pitfalls-method { padding-inline:40px; } .pitfalls-page .pitfalls-video-actions, .pitfalls-page .pitfalls-actions { display:grid; grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .pitfalls-page *, .pitfalls-page *::before, .pitfalls-page *::after { transition:none !important; animation:none !important; } }

/* D1: narrow opening download fills the reading measure. */
@media screen and (max-width:600px) {
 .pitfalls-ebook .pitfalls-opening .pitfalls-download { inline-size:100%; box-sizing:border-box; min-height:56px; height:auto; }
}