/* ===================================================================== * BATAS ExamCenter — the examiner dashboard ([batas_examiner]). * * READ THIS BEFORE EDITING. The ExamCenter renders INSIDE the theme's * `#main` reading sheet, whose element rules are ID-scoped (1,0,1) and * therefore outrank any single-class rule this file can write. That is * why the block order below is load-bearing: * * 0 · BREAK OUT — escape the 860px paper card * 1 · DE-THEME — zero the theme's element margins, once * 2 · RE-ASSERT — restate our own spacing from that zero baseline * 3 · BANK HTML — contain the server-sanitised past-Bar markup * 4 · RESETS — controls, links, the brand lockup * 5 · TOKENS — one palette, one 4px grid, four radii, rem type * 6+ · the app * * MAINTENANCE CONTRACT: any new rule that sets margin/padding on * p / ul / ol / li / h1-h4 / blockquote MUST carry the `#main .batas-px` * prefix, or the theme silently beats it. * * Palette: the site is warm forest/cream. There is ONE action colour * (forest). Gold means attention and nothing else. No web-blue. * =================================================================== */ /* ═════════════════════════════════════════════════════════════════════ * 0 · BREAK OUT — this is an application, not a page. * * Written TWICE in adjacent but SEPARATE blocks, never comma-joined: a * selector list is atomic, so one unsupported `:has()` compound would * discard the whole rule. The body-class form (stamped by * Batas_Proctor::body_class) parses everywhere and comes first; the * `:has()` twin is a belt on top. Both are (1,2,0) and beat * `body.batas-app #main` (1,1,0) without depending on print order. * * 1120px matches the theme's other app surfaces (catalog, dashboard, * account) and the site header/footer `.wrap` — a wider app would * visibly out-dent the brand bar and read as a bug. * ═══════════════════════════════════════════════════════════════════ */ body.batas-app.batas-px-page #main { max-width: 1120px; margin: 1.5rem auto 2.5rem; padding: 0 1.5rem; background: none; border: 0; border-radius: 0; box-shadow: none; } body.batas-app #main:has(.batas-px) { max-width: 1120px; margin: 1.5rem auto 2.5rem; padding: 0 1.5rem; background: none; border: 0; border-radius: 0; box-shadow: none; } /* The theme ships no page.php, so a Page falls through to index.php, which always prints `

ExamCenter

` above .entry-content — the same word the rail lockup and the app bar already say. The app emits a real

in its top bar, so this is pure duplication. Removed from the document rather than sr-only'd: keeping it would make the outline read h2 → h1. */ body.batas-px-page #main > article > h2 { display: none; } #main:has(.batas-px) > article > h2 { display: none; } /* The theme re-applies the paper card at ≤640px from a list this surface is also absent from. Mirror the pair inside that breakpoint. */ @media (max-width: 640px) { body.batas-app.batas-px-page #main { margin: 0 0 1.5rem; padding: 0 12px; border-radius: 0; } } @media (max-width: 640px) { body.batas-app #main:has(.batas-px) { margin: 0 0 1.5rem; padding: 0 12px; border-radius: 0; } } /* `#site-header` is sticky at top:0; WordPress's admin bar is fixed and pushes `html { margin-top: 32px }`, so for every professor who is also an editor the header's top 32px hide underneath it. */ body.batas-px-page #site-header { top: var(--wp-admin--admin-bar--height, 0px); } /* ═════════════════════════════════════════════════════════════════════ * 1 · DE-THEME — zero the theme's element box model, once. * `#main p { margin: 0 0 1.1rem }` and friends are (1,0,1); every * component rule here would otherwise lose regardless of load order. * NOTE: li padding is deliberately NOT zeroed — .px-a-opts li needs it. * ═══════════════════════════════════════════════════════════════════ */ #main .batas-px :is(h1, h2, h3, h4, p, blockquote, hr, figure, dl, dd, fieldset) { margin: 0; } #main .batas-px :is(ul, ol) { margin: 0; padding: 0; } #main .batas-px li { margin: 0; } #main .batas-px fieldset { padding: 0; border: 0; } /* ═════════════════════════════════════════════════════════════════════ * 2 · RE-ASSERT — our own spacing, from that zero baseline. * `#main .batas-px h1` is (1,1,1) and beats `#main h1` (1,0,1); * the `:is(.px-*)` forms are (1,2,0) and beat both. * ═══════════════════════════════════════════════════════════════════ */ #main .batas-px :is(h1, h2, h3, h4) { color: var(--px-ink); font-weight: 700; letter-spacing: -.015em; line-height: 1.3; } #main .batas-px .px-topbar-title { font-size: var(--px-fs-xl); letter-spacing: -.022em; } #main .batas-px .px-sectionhead h3, #main .batas-px .px-panel > h3 { font-size: var(--px-fs-lg); } #main .batas-px :is(.px-topbar-sub, .px-hint, .px-softp, .px-bankcount, .px-aihint, .px-savenote, .px-analysis, .px-markprog) { color: var(--px-soft); font-size: var(--px-fs-sm); } #main .batas-px .px-card-course { margin: 4px 0 0; } #main .batas-px .px-card-when { margin: 6px 0 0; } #main .batas-px :is(.px-hint, .px-markprog, .px-bq-expl, .px-bq-src) { margin: 8px 0 0; } #main .batas-px .px-analysis { margin: 16px 0 0; } #main .batas-px .px-bankcount { margin: 0 0 12px; } #main .batas-px .px-aihint { margin: 0 0 16px; } #main .batas-px :is(.px-steps, .px-rubric, .px-bq-rubric) { padding-left: 20px; } #main .batas-px .px-steps li { margin: 6px 0; } #main .batas-px .px-bq-rubric li { margin: 0 0 4px; } #main .batas-px .px-integrity ul { padding-left: 18px; margin: 8px 0 0; } #main .batas-px .px-ai p { margin: 6px 0 0; } #main .batas-px .px-empty p { margin: 0; } #main .batas-px .px-gatecard p { margin: 0 0 var(--px-4); } /* ═════════════════════════════════════════════════════════════════════ * 3 · BANK HTML — .px-bq-text renders server-sanitised past-Bar essays * as-is. That markup carries

,