/* Approved handbook formatting, from content/learning/week-7/approved-handbook.css
 * (Codex's reviewed design, approved by KingK).
 *
 * Every rule is scoped under .module-handbook. The source is a standalone-page
 * stylesheet - it sets *, html, body, button, select and page chrome - and loading
 * that globally would wreck the portal, which is what Codex warned against. Only
 * the handbook BODY rules are carried over, and they cannot leak out of the
 * container. Regenerate with scratchpad/scope_css.py if the approved CSS changes.
 */
.module-handbook { --ink:#17394a;--muted:#61737d;--line:#e1e7e9;--accent:#a07836 }
.module-handbook { max-width:820px;min-width:0;font:18px/1.85 Georgia,'Times New Roman',serif;color:#344650 }
.module-handbook p { margin:0 0 20px }
.module-handbook h1, .module-handbook h2, .module-handbook h3, .module-handbook h4 { color:var(--ink) }
.module-handbook .cover { border:1px solid var(--line);border-top:4px solid var(--accent);padding:45px 48px 40px;margin-bottom:55px;background:linear-gradient(120deg,#fff 75%,#f8f7f3) }
.module-handbook .cover-label { font:11px/1.7 'Segoe UI',sans-serif;letter-spacing:.13em;color:#5e707a;margin-bottom:9px }
.module-handbook .cover h1 { font:700 clamp(27px,3.3vw,43px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:20px 0 30px;max-width:650px }
.module-handbook .cover .week { font:600 12px/1.5 'Segoe UI',sans-serif;color:#927039;letter-spacing:.15em;margin:28px 0 0 }
.module-handbook .cover .metadata { font:13px/1.65 'Segoe UI',sans-serif;letter-spacing:0;margin:9px 0;color:#65747d }
.module-handbook .metadata strong { font-weight:600;color:#324d59 }
.module-handbook .cover .cover-label:last-child { margin-top:24px }
.module-handbook .major { font:700 25px/1.4 Georgia,serif;margin:54px 0 25px;padding-top:28px;border-top:1px solid var(--line);letter-spacing:.01em }
.module-handbook .session { font:700 19px/1.5 'Segoe UI',sans-serif;letter-spacing:.15em;border-left:4px solid var(--accent);padding:23px 25px;background:#f6f5f1;margin:65px 0 26px }
.module-handbook h3 { font:700 21px/1.5 Georgia,serif;margin:34px 0 16px }
.module-handbook h4 { font:600 17px/1.5 'Segoe UI',sans-serif;margin:30px 0 15px }
.module-handbook .list-item { margin:0 0 12px;padding:0 15px 0 25px;text-indent:-18px }
.module-handbook .role-label, .module-handbook .paired-label { font-weight:700;margin-bottom:0;break-after:avoid }
.module-handbook .role-label::after { content:":" }
.module-handbook .role-label + p, .module-handbook .paired-label + p { margin-top:0;margin-bottom:20px }
.module-handbook .task-label { margin-top:28px }
.module-handbook .role-label { color:var(--ink) }
.module-handbook p.compact-item { margin:0;padding-left:20px;line-height:1.65 }
.module-handbook p.compact-item + p:not(.compact-item) { margin-top:20px }
.module-handbook .major { font-size:27px;line-height:1.35;font-weight:700;margin-top:52px }
.module-handbook h3.minor { font:600 20px/1.45 'Segoe UI',Arial,sans-serif;margin:30px 0 12px }
.module-handbook h4.minor { font:600 16px/1.5 'Segoe UI',Arial,sans-serif;margin:24px 0 7px }
.module-handbook .role-label, .module-handbook .paired-label { font:600 16px/1.65 'Segoe UI',Arial,sans-serif;margin-bottom:0 }
.module-handbook .task-label { font-size:17px;margin-top:26px }
.module-handbook p.compact-item { font-weight:400;margin:0;padding-left:18px;line-height:1.6 }
.module-handbook p.list-item { margin-bottom:3px;line-height:1.6 }
.module-handbook .paired-label + p.compact-item { margin-bottom:0 }
.module-handbook p.compact-item + p:not(.compact-item) { margin-top:20px }
.module-handbook a { color:#167282;text-underline-offset:3px;overflow-wrap:anywhere }
.module-handbook .assessment-table { width:100%;border-collapse:collapse;font:16px/1.55 'Segoe UI',Arial,sans-serif;margin:10px 0 28px }
.module-handbook .assessment-table th { text-align:left;background:#f2f5f5;font-weight:600 }
.module-handbook .assessment-table th, .module-handbook .assessment-table td { padding:10px 14px;border-bottom:1px solid #dce4e6 }
.module-handbook .assessment-table td:last-child, .module-handbook .assessment-table th:last-child { text-align:right }
.module-handbook .assessment-table tr:last-child td { font-weight:600;border-top:2px solid #b3c3c9 }
