fix: complete CSS rewrite - clean layout, no negative-margin tricks

Replaced entire print.css with corrected version:
- Removed duplicate reset blocks and broken CSS cascade
- Removed negative-margin/negative-offset layout tricks
- Right-side label kept within page box (position:fixed top:0 right:0)
- All decorative elements no longer break content flow
- Clean section-specific overrides for ISP handbook spec
- All 93 tests pass

app/static/css/print.css

@@ -1,42 +1,19 @@
-/* =================================================================
-   ISP Handbook – Print Stylesheet for Chromium PDF Export
-   Replaces both handbook-word.css and inline PDF overrides.
-   Designed for Playwright page.pdf() with print media.
-
-   All visual rules are derived from the ISP Handbook Enhancement
-   Guidelines + sample PDF.  CSS classes use the "hb-" prefix to
-   match RenderBlock-based Jinja partials.
-
-   Legacy class names (.h2, .h3, .p, .ul, .ol, .tbl, .note, etc.)
-   are kept for backward compatibility but aliased to the new
-   hb-prefixed rules.
-   ================================================================= */
-
-/* ── Page geometry ──
-   NON-NEGOTIABLE: 2.54 cm margins on ALL FOUR sides.
-   Playwright page.pdf() margins:
-     top    2.54cm  (header zone – header_template renders scaled image)
-     left   2.54cm
-     right  2.54cm
-     bottom 2.54cm  (footer zone – footer_template renders page number)
-
-   All four margins handled by Playwright. Content area is within margins.
-   position:fixed elements are relative to the content area.
-   .page-header and .page-footer divs hidden – Playwright templates
-   handle header image and page numbers.
-   ── */
+/* =========================================================
+   ISP HANDBOOK - CORRECTED PRINT CSS
+   Uses real page margins (2.54 cm all sides)
+   Removes negative-margin / negative-offset layout tricks
+   Keeps decorative elements from breaking content flow
+   ========================================================= */
+
+/* ------------------------------
+   PAGE SETUP
+   ------------------------------ */
 @page {
     size: A4;
     margin: 2.54cm;
 }
 
-/* ── Reset ── */
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
+/* Optional cover page: use only if your renderer supports named pages */
 @page cover {
     size: A4;
     margin: 0;
@@ -51,14 +28,27 @@
     box-sizing: border-box;
 }
 
-/* ══════════════════════════════════════════════════════════
-   REPEATING PAGE HEADER
-   Hidden before PDF — Playwright header_template renders
-   the header image in the top margin zone on every page.
-   Kept in HTML so the image src can be extracted via JS.
-   ══════════════════════════════════════════════════════════ */
-.page-header {
-    display: none;
+html,
+body {
+    margin: 0;
+    padding: 0;
+    font-family: "Century Gothic", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    font-size: 10pt;
+    line-height: 1.4;
+    color: #000000;
+    text-align: justify;
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+    background: #ffffff;
+}
+
+/* ------------------------------
+   EXTERNAL PLAYWRIGHT HEADER/FOOTER
+   Keep hidden in body flow if using templates
+   ------------------------------ */
+.page-header,
+.page-footer {
+    display: none !important;
 }
 
 .page-header img {
@@ -67,237 +57,237 @@
     height: 1.03in;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   REPEATING RIGHT-SIDE LABEL
-   position:fixed on every page. Negative right offset
-   pushes it into the Playwright right margin zone (2.50cm)
-   so it sits at the paper edge.
-   ══════════════════════════════════════════════════════════ */
-.hb-right-label {
-    position: fixed;
-    top: -2.54cm;
-    right: -2.54cm;
-    width: 36px;
-    height: calc(100% + 2.54cm + 2.54cm);
-    z-index: 100;
-    pointer-events: none;
-    overflow: hidden;
-}
-
-.hb-right-label img {
-    width: 36px;
-    height: 100%;
-    display: block;
-    object-fit: fill;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   PAGE-CONTENT WRAPPER
-   Playwright margins handle all per-page spacing.
-   No CSS padding needed — content naturally sits inside
-   the margin box on every page.
-   ══════════════════════════════════════════════════════════ */
+/* ------------------------------
+   SAFE CONTENT WRAPPER
+   ------------------------------ */
 .page-content {
-    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    z-index: 1;
+    overflow: hidden;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
 }
 
-/* Suppress page-break on first child to avoid blank page after cover/TOC */
-.page-content> :first-child.page-break {
+/* Prevent accidental blank page after cover */
+.cover-page + .page-content,
+.cover-page + .toc-page,
+.cover-page + .section-block {
     page-break-before: auto;
     break-before: auto;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   PAGE NUMBERS (FOOTER)
-   Hidden — Playwright footer_template handles page numbers.
-   ══════════════════════════════════════════════════════════ */
-.page-footer {
-    display: none;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   BLANK PAGE PREVENTION
-   Avoid double page-breaks when page-break-after meets
-   page-break-before on adjacent elements.
-   ══════════════════════════════════════════════════════════ */
-.cover-page+.page-content {
+/* Prevent accidental blank page from a leading .page-break */
+.page-content > :first-child.page-break,
+.page-content > :first-child.section-block.page-break {
     page-break-before: auto;
     break-before: auto;
 }
 
-
-/* ── Body typography ──
-   Spec: Century Gothic 10pt, justified, space after paragraphs
-   Playwright margins handle all per-page spacing. */
-html,
-body {
-    margin: 0;
-    padding: 0;
-    font-family: 'Century Gothic', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    font-size: 10pt;
-    line-height: 1.4;
-    color: #000000;
-    text-align: justify;
-    -webkit-print-color-adjust: exact;
-    print-color-adjust: exact;
+/* ------------------------------
+   DECORATIVE RIGHT-SIDE STRIP
+   Kept fixed but NOT outside page box
+   ------------------------------ */
+.hb-right-label {
+    position: fixed;
+    top: 0;
+    right: 0;
+    width: 0.95cm;
+    height: 100%;
+    z-index: 0;
+    pointer-events: none;
+    overflow: hidden;
 }
 
+.hb-right-label img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: fill;
+}
 
-/* ══════════════════════════════════════════════════════════
-   HEADINGS
-   Spec: H1 = 12pt bold blue #1C75BC, uppercase
-         H2+ = 12pt bold green #1A9970
-   ══════════════════════════════════════════════════════════ */
-
-/* New block classes */
+/* ------------------------------
+   TYPOGRAPHY
+   ------------------------------ */
 .hb-heading-1,
-.h2 {
+.h2,
+h1 {
     font-size: 12pt;
     font-weight: 700;
     color: #1C75BC;
-    margin: 12px 0 6px;
+    margin: 0 0 8pt;
     line-height: 1.2;
     text-transform: uppercase;
-    letter-spacing: 0.3px;
     text-align: left;
+    letter-spacing: 0.2px;
     page-break-after: avoid;
     break-after: avoid;
+    page-break-inside: avoid;
+    break-inside: avoid;
 }
 
 .hb-heading-2,
-.h3 {
-    font-size: 12pt;
-    font-weight: 700;
-    margin: 10px 0 4px;
-    line-height: 1.2;
-    page-break-after: avoid;
-    break-after: avoid;
-    color: #1A9970;
-    text-align: left;
-}
-
-/* Global heading break rules */
-h1,
+.h3,
 h2,
 h3,
 h4,
 h5,
 h6 {
+    font-size: 12pt;
+    font-weight: 700;
+    color: #1A9970;
+    margin: 10pt 0 6pt;
+    line-height: 1.2;
+    text-align: left;
     page-break-after: avoid;
     break-after: avoid;
     page-break-inside: avoid;
     break-inside: avoid;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   PARAGRAPHS
-   Spec: 10pt, justified, line-height 1.4
-   ══════════════════════════════════════════════════════════ */
 .hb-paragraph,
-.p {
-    margin: 2px 0 8px;
-    line-height: 1.4;
+.p,
+p {
+    margin: 0 0 8pt;
     font-size: 10pt;
+    line-height: 1.4;
     text-align: justify;
+    orphans: 3;
+    widows: 3;
+}
+
+strong,
+b {
+    font-weight: 700;
 }
 
+em,
+i {
+    font-style: italic;
+}
 
-/* ══════════════════════════════════════════════════════════
-   LINKS
-   ══════════════════════════════════════════════════════════ */
-a {
+a,
+a:visited {
     color: #1C75BC;
     text-decoration: underline;
+    word-break: break-word;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   BULLET LISTS
-   Spec: primary bullet = ➢, 10pt
-   ══════════════════════════════════════════════════════════ */
+/* ------------------------------
+   LISTS
+   ------------------------------ */
 .hb-bullet-list,
-.ul {
-    margin: 2px 0 8px 18px;
+.ul,
+ul.hb-bullet-list {
+    list-style: none;
+    margin: 0 0 8pt 16pt;
     padding: 0;
     font-size: 10pt;
-    list-style-type: none;
 }
 
 .hb-bullet-list li,
-.ul li {
-    margin: 2px 0;
-    line-height: 1.4;
+.ul li,
+ul.hb-bullet-list li {
     position: relative;
-    padding-left: 16px;
+    margin: 0 0 4pt;
+    padding-left: 14pt;
+    line-height: 1.4;
+    page-break-inside: avoid;
+    break-inside: avoid;
 }
 
 .hb-bullet-list li::before,
-.ul li::before {
+.ul li::before,
+ul.hb-bullet-list li::before {
     content: "\27A2";
-    /* ➢ */
     position: absolute;
     left: 0;
+    top: 0;
     color: #000000;
     font-size: 10pt;
+    font-weight: 400;
 }
 
-/* Numbered (ordered) lists – restore numbering */
+/* ordered lists */
 .hb-numbered-list,
-ol.hb-bullet-list,
-.ol {
-    margin: 2px 0 4px 14px;
+.ol,
+ol.hb-numbered-list {
+    list-style: decimal;
+    margin: 0 0 8pt 18pt;
     padding: 0;
     font-size: 10pt;
-    list-style-type: decimal;
 }
 
 .hb-numbered-list li,
-ol.hb-bullet-list li,
-.ol li {
-    margin: 1px 0;
-    line-height: 1.4;
+.ol li,
+ol.hb-numbered-list li {
+    margin: 0 0 4pt;
     padding-left: 0;
+    line-height: 1.4;
+    page-break-inside: avoid;
+    break-inside: avoid;
 }
 
 .hb-numbered-list li::before,
-ol.hb-bullet-list li::before,
-.ol li::before {
+.ol li::before,
+ol.hb-numbered-list li::before {
     content: none;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   NOTES / CALLOUTS
-   Spec: full bold text, NOTE / ONLY IF keywords in bold + red #C00000
-   ══════════════════════════════════════════════════════════ */
+/* ------------------------------
+   NOTES / EMPHASIS
+   Guideline requires full bold text;
+   NOTE and ONLY IF in red.
+   ------------------------------ */
 .hb-note,
 .note {
-    border: 1px solid #BBBBBB;
-    padding: 6px 8px;
-    margin: 6px 0 8px;
-    background: #F7F8FA;
-    font-size: 9.5px;
+    margin: 8pt 0 10pt;
+    padding: 0;
+    border: none;
+    background: transparent;
+    font-size: 10pt;
+    line-height: 1.4;
     font-weight: 700;
-    line-height: 1.35;
     page-break-inside: avoid;
     break-inside: avoid;
 }
 
-.hb-note-keyword {
+.hb-note-keyword,
+.note-keyword,
+.note .keyword,
+.only-if {
+    color: #C00000;
+    font-weight: 700;
+}
+
+/* ------------------------------
+   BOLD EMPHASIS FOR KEY INFORMATION
+   Payment amounts, REGULAR, PRIME, critical terms
+   ------------------------------ */
+.hb-bold-keyword {
+    font-weight: 700;
+}
+
+.hb-red-keyword {
     font-weight: 700;
     color: #C00000;
-    margin-right: 3px;
 }
 
+/* ------------------------------
+   SCHOOL INFO - Green color for school information
+   ------------------------------ */
+.hb-school-info {
+    color: #1A9970;
+    font-size: 9.5px;
+}
 
-/* ══════════════════════════════════════════════════════════
-   PAGE-BREAK HELPERS
-   ══════════════════════════════════════════════════════════ */
+/* ------------------------------
+   HELPERS
+   ------------------------------ */
 .page-break {
     page-break-before: always;
     break-before: page;
@@ -313,71 +303,61 @@ ol.hb-bullet-list li::before,
     break-after: avoid;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   TABLES (global break rules)
-   ══════════════════════════════════════════════════════════ */
-table {
-    page-break-inside: auto;
-    break-inside: auto;
-}
-
-thead {
-    display: table-header-group;
+.clearfix::after {
+    content: "";
+    display: block;
+    clear: both;
 }
 
-tfoot {
-    display: table-row-group;
+.debug-block {
+    border: 2px dashed #cc0000;
+    padding: 12px;
+    background: #fffbe6;
+    page-break-inside: avoid;
+    break-inside: avoid;
 }
 
-
-/* ══════════════════════════════════════════════════════════
+/* ------------------------------
    COVER PAGE
-   Edge-to-edge cover image. Negative margins expand into
-   Playwright margin areas.
-   ══════════════════════════════════════════════════════════ */
+   Prefer named page.
+   If unsupported by renderer, cover will still render safely.
+   ------------------------------ */
 .cover-page {
+    page: cover;
     page-break-after: always;
     break-after: page;
-    margin: -2.54cm -2.54cm -2.54cm -2.54cm;
+    margin: 0;
     padding: 0;
     position: relative;
-    z-index: 2000;
     overflow: hidden;
-    text-align: center;
 }
 
 .cover-img {
-    width: calc(100% + 5.08cm);
-    max-width: none;
-    height: auto;
     display: block;
-    margin: 0;
+    width: 100%;
+    height: auto;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   FULL-PAGE IMAGES
-   Negative margins expand into Playwright margin areas
-   for edge-to-edge rendering.
-   ══════════════════════════════════════════════════════════ */
+/* ------------------------------
+   FULL-PAGE IMAGE PAGES
+   Only use when intentionally full-page.
+   ------------------------------ */
 .fullpage-img-wrap {
+    page: cover;
     page-break-before: always;
     break-before: page;
-    page-break-inside: avoid;
-    margin: -2.54cm -2.54cm -2.54cm -2.54cm;
+    page-break-after: always;
+    break-after: page;
+    margin: 0;
     padding: 0;
     position: relative;
-    z-index: 2000;
     overflow: hidden;
 }
 
 .fullpage-img {
-    width: calc(100% + 5.08cm);
-    max-width: none;
-    height: auto;
     display: block;
-    margin: 0;
+    width: 100%;
+    height: auto;
 }
 
 img {
@@ -385,85 +365,117 @@ img {
     height: auto;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   GENERIC TABLES
-   Spec: standard grid, NO row shading, #333 border
-   DOMPDF-safe: explicit widths, collapse, padding, v-align
-   ══════════════════════════════════════════════════════════ */
-.hb-table,
-.tbl {
+/* ------------------------------
+   TABLES - GLOBAL
+   No shading / color fill per guideline
+   ------------------------------ */
+table {
     width: 100%;
     border-collapse: collapse;
     table-layout: fixed;
-    margin: 6px 0 10px;
-    font-size: 9.5px;
-    line-height: 1.3;
-    border: 1px solid #333333;
+    max-width: 100%;
+    overflow: hidden;
+    page-break-inside: auto;
+    break-inside: auto;
 }
 
-.hb-table thead,
-.tbl thead {
+thead {
     display: table-header-group;
 }
 
-.hb-table tr,
-.tbl tr {
+tfoot {
+    display: table-row-group;
+}
+
+tr {
     page-break-inside: avoid;
     break-inside: avoid;
 }
 
+.hb-table,
+.tbl {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+    max-width: 100%;
+    margin: 8pt 0 10pt;
+    font-size: 9.5pt;
+    line-height: 1.3;
+    border: 1px solid #333333;
+}
+
 .hb-table th,
 .hb-table td,
 .tbl th,
 .tbl td {
     border: 1px solid #333333;
-    padding: 5px 6px;
+    padding: 5pt 6pt;
     vertical-align: top;
     word-wrap: break-word;
     overflow-wrap: break-word;
-    font-size: 9.5px;
+    font-size: 9.5pt;
     line-height: 1.3;
+    background: transparent;
+    color: #000000;
 }
 
 .hb-table th,
 .tbl th {
     font-weight: 700;
-    background: #E6E6E6;
-    color: #333333;
-    font-size: 9.5px;
+    background: transparent;
     text-align: left;
-    padding: 5px 6px;
 }
 
-/* No row shading per spec */
+/* comparison table */
+.hb-table-comparison,
+.tbl-comparison {
+    font-size: 9pt;
+}
 
+.hb-table-comparison th,
+.tbl-comparison th {
+    text-align: center;
+    font-size: 9pt;
+    background: transparent;
+}
 
-/* ══════════════════════════════════════════════════════════
-   PROGRAMS TABLE (university-level)
-   Spec: plain table, NO shading, standard grid
-   Column widths: 22% / 14% / 12% / 34% / 18%
-   DOMPDF-safe: explicit sizing on every element
-   ══════════════════════════════════════════════════════════ */
+/* ------------------------------
+   PROGRAM TABLES
+   No shading
+   ------------------------------ */
 .hb-programs,
 table.programs {
     width: 100%;
     border-collapse: collapse;
     table-layout: fixed;
-    margin: 6px 0 10px;
-    font-family: 'Century Gothic', 'Segoe UI', sans-serif;
+    max-width: 100%;
+    margin: 8pt 0 10pt;
     border: 1px solid #333333;
+    font-family: "Century Gothic", "Segoe UI", sans-serif;
 }
 
-.hb-programs thead,
-table.programs thead {
-    display: table-header-group;
+.hb-programs th,
+.hb-programs td,
+table.programs th,
+table.programs td {
+    border: 1px solid #333333;
+    padding: 4.5pt 5pt;
+    vertical-align: top;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    font-size: 8.75pt;
+    line-height: 1.25;
+    background: transparent;
+    color: #000000;
 }
 
-.hb-programs tr,
-table.programs tr {
-    page-break-inside: avoid;
-    break-inside: avoid;
+.hb-programs th,
+table.programs th {
+    font-weight: 700;
+    background: transparent;
+    text-transform: none;
+    text-align: left;
+    letter-spacing: 0;
 }
 
 .hb-programs th:nth-child(1),
@@ -484,14 +496,14 @@ table.programs td:nth-child(2) {
 .hb-programs td:nth-child(3),
 table.programs th:nth-child(3),
 table.programs td:nth-child(3) {
-    width: 12%;
+    width: 16%;
 }
 
 .hb-programs th:nth-child(4),
 .hb-programs td:nth-child(4),
 table.programs th:nth-child(4),
 table.programs td:nth-child(4) {
-    width: 34%;
+    width: 30%;
 }
 
 .hb-programs th:nth-child(5),
@@ -501,78 +513,44 @@ table.programs td:nth-child(5) {
     width: 18%;
 }
 
-.hb-programs th,
-.hb-programs td,
-table.programs th,
-table.programs td {
-    border: 1px solid #333333;
-    padding: 4px 5px;
-    vertical-align: top;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-    font-size: 8.5px;
-    line-height: 1.25;
-}
-
-.hb-programs th,
-table.programs th {
-    font-weight: 700;
-    background: #E6E6E6;
-    color: #000000;
-    text-transform: uppercase;
-    font-size: 8.5px;
-    text-align: center;
-    letter-spacing: 0.3px;
-    padding: 4px 5px;
-}
-
-/* No row shading per spec */
-
-/* Career pathways bullet list inside programs table */
+/* career list inside programs table */
 .hb-career-list,
 .career-list {
     margin: 0;
-    padding-left: 12px;
+    padding-left: 12pt;
     list-style-type: disc;
 }
 
 .hb-career-list li,
 .career-list li {
-    margin: 0;
-    line-height: 1.2;
-    font-size: 8.5px;
+    margin: 0 0 2pt;
     padding-left: 0;
+    line-height: 1.2;
+    font-size: 8.75pt;
 }
 
-/* Override the ➢ bullet for career lists */
 .hb-career-list li::before,
 .career-list li::before {
     content: none;
 }
 
-
-/* ══════════════════════════════════════════════════════════
+/* ------------------------------
    TABLE OF CONTENTS
-   ══════════════════════════════════════════════════════════ */
+   Stable within content width
+   ------------------------------ */
 .toc-page {
-    width: 100%;
-    max-width: none;
     display: block;
+    width: 100%;
+    margin: 0;
+    padding: 0;
     page-break-after: auto;
     break-after: auto;
-    padding: 10px 0 0 0;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    border: none;
 }
 
 .toc {
     width: 100%;
-    max-width: none;
-    display: block;
     margin: 0;
     padding: 0;
-    background: #FFFFFF;
 }
 
 .toc-heading {
@@ -581,8 +559,7 @@ table.programs th {
     font-size: 12pt;
     font-weight: 700;
     text-transform: uppercase;
-    letter-spacing: 0.3px;
-    margin: 0 0 8px 0;
+    margin: 0 0 8pt;
     color: #1C75BC;
     line-height: 1.2;
 }
@@ -598,100 +575,91 @@ table.programs th {
 .toc-table td {
     border: none;
     vertical-align: bottom;
-    padding: 2px 0;
-    line-height: 1.3;
+    padding: 2pt 0;
+    line-height: 1.2;
     font-size: 10pt;
     color: #111111;
+    background: transparent;
+}
+
+.toc-title {
+    padding-right: 6pt;
 }
 
 .toc-dots {
     border-bottom: 1px dotted #777777;
-    height: 0.85em;
+    height: 0.9em;
     padding: 0;
 }
 
 .toc-pagenum {
-    width: 48px;
+    width: 34pt;
     text-align: right;
     font-weight: 700;
     color: #111111;
     white-space: nowrap;
-    padding-left: 4px;
-}
-
-.toc-row--major td {
-    padding-top: 1px;
-    padding-bottom: 1px;
-}
-
-.toc-row--major td a {
-    color: #111111;
-    text-decoration: none;
+    padding-left: 6pt;
 }
 
-.toc-row--sub td {
-    padding-top: 0;
-    padding-bottom: 0;
-}
-
-.toc-row--sub td a {
-    color: #222222;
-    text-decoration: none;
-}
-
-/* TOC indent / weight variants */
+.toc-row--major .toc-title,
 .toc-row--bold .toc-title {
     font-weight: 700;
 }
 
+.toc-row--sub .toc-title {
+    font-weight: 400;
+}
+
 .toc-row--upper .toc-title {
     text-transform: uppercase;
     letter-spacing: 0.1px;
 }
 
 .toc-row--indent-1 .toc-title {
-    padding-left: 16px;
+    padding-left: 12pt;
 }
 
-.toc-row--indent-2 .toc-title {
-    padding-left: 30px;
+.toc-row--indent-2 .toc-title,
+.toc-row--deep .toc-title {
+    padding-left: 24pt;
 }
 
-/* TOC link styling */
 .toc-table a,
 .toc-table a:visited {
     color: #111111;
     text-decoration: none;
 }
 
-
-/* ══════��═══════════════════════════════════════════════════
+/* ------------------------------
    SECTION BLOCKS
-   ══════════════════════════════════════════════════════════ */
+   ------------------------------ */
 .section-block {
     display: block;
     width: 100%;
-    padding: 4px 0 2px;
+    margin: 0 0 8pt;
+    padding: 0;
     border: none;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   ENROLLMENT STEPS
-   Spec: own page (break-before: page)
-   ══════════════════════════════════════════════════════════ */
-.hb-enrollment-steps {
-    /* Each step block avoids internal breaks */
+.summary-section {
+    display: block;
 }
 
+/* ------------------------------
+   ENROLMENT STEPS
+   Dedicated page block
+   ------------------------------ */
+.hb-enrollment-steps,
 .sec-steps {
     page-break-before: always;
     break-before: page;
+    page-break-after: always;
+    break-after: page;
 }
 
 .hb-step {
-    margin-bottom: 8px;
-    padding-bottom: 6px;
+    margin: 0 0 8pt;
+    padding: 0 0 2pt;
     page-break-inside: avoid;
     break-inside: avoid;
 }
@@ -699,102 +667,95 @@ table.programs th {
 .hb-step-title {
     font-size: 10pt;
     font-weight: 700;
-    margin: 0 0 4px;
-    line-height: 1.2;
     color: #1A9970;
+    margin: 0 0 4pt;
+    line-height: 1.2;
     page-break-after: avoid;
     break-after: avoid;
 }
 
 .hb-step-qr-wrap {
-    margin: 4px 0 6px;
+    margin: 4pt 0 6pt;
 }
 
 .hb-step-qr {
-    width: 60px;
-    height: 60px;
-    margin: 4px 0;
-}
-
-/* Legacy step overrides */
-.sec-steps .avoid-break {
-    margin-bottom: 6px;
-    padding-bottom: 4px;
+    display: block;
+    width: 72pt;
+    height: 72pt;
+    margin: 4pt 0 6pt;
 }
 
+/* legacy step support */
 .sec-steps .h3 {
-    margin: 0 0 2px;
+    margin: 0 0 4pt;
     font-size: 10pt;
+    color: #1A9970;
 }
 
 .sec-steps .p {
-    margin: 2px 0 3px;
-    font-size: 10pt;
+    margin: 0 0 6pt;
 }
 
 .sec-steps .ul {
-    margin: 2px 0 3px 14px;
+    margin: 0 0 6pt 16pt;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   UNIVERSITY PAGE
-   ══════════════════════════════════════════════════════════ */
-
-/* Legacy + new classes — each university starts on a new page */
+/* ------------------------------
+   UNIVERSITY / SCHOOL PAGE
+   ------------------------------ */
 .uni,
 .hb-school-profile {
     page-break-before: always;
     break-before: page;
-    padding: 4px 0 4px;
+    padding: 0;
 }
 
-/* School name — linked, underlined per spec */
 .hb-uni-name,
 .uni-name {
-    font-size: 12pt;
+    font-size: 14pt;
     font-weight: 700;
-    margin: 0 0 6px;
+    margin: 0 0 6pt;
     color: #1C75BC;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
     line-height: 1.2;
-    text-align: left;
+    text-transform: none;
+    letter-spacing: 0.1px;
 }
 
+.hb-uni-name a,
 .hb-uni-name-link,
 .uni-name a.uni-name-link {
     color: #1C75BC;
     text-decoration: underline;
+    font-weight: 700;
 }
 
-/* Summary info — green labels */
+/* School info directly below school name in green */
 .hb-summary-title,
 .summary-title {
-    font-size: 10.5px;
+    font-size: 10pt;
     font-weight: 700;
     text-transform: uppercase;
-    margin: 6px 0 3px;
+    margin: 6pt 0 4pt;
     color: #1A9970;
-    letter-spacing: 0.3px;
+    letter-spacing: 0.2px;
 }
 
 .hb-summary-ul,
 .summary-ul {
     list-style: none;
+    margin: 0 0 8pt;
     padding: 0;
-    margin: 0 0 4px;
 }
 
 .hb-summary-ul li,
 .summary-ul li {
-    margin: 0 0 1px;
+    margin: 0 0 3pt;
     padding: 0;
-    font-size: 9.5px;
+    font-size: 10pt;
     line-height: 1.3;
+    color: #1A9970;
 }
 
-/* Override ➢ bullets for summary lists */
 .hb-summary-ul li::before,
 .summary-ul li::before {
     content: none;
@@ -808,17 +769,18 @@ table.programs th {
 
 .hb-uni-website,
 .uni-website {
-    margin: 3px 0 6px;
-    font-size: 10px;
+    margin: 4pt 0 8pt;
+    font-size: 10pt;
+    color: #1A9970;
 }
 
-/* Two-column layout table */
+/* top school layout */
 .hb-school-top-table,
 .school-top-table {
     width: 100%;
     border-collapse: collapse;
     table-layout: fixed;
-    margin: 0 0 2px;
+    margin: 0 0 6pt;
     border: none;
 }
 
@@ -826,187 +788,163 @@ table.programs th {
 .school-top-table td {
     border: none;
     padding: 0;
+    vertical-align: top;
 }
 
 .hb-school-top-summary,
 .school-top-summary {
-    width: 58%;
-    padding-right: 8px;
-    vertical-align: top;
+    width: 52%;
+    padding-right: 10pt !important;
 }
 
 .hb-school-top-campus,
 .school-top-campus {
-    width: 42%;
-    vertical-align: top;
+    width: 48%;
     text-align: right;
 }
 
 .hb-campus-img,
 .campus-top-img {
+    display: block;
     width: 100%;
-    max-height: 160px;
+    max-height: 180pt;
     height: auto;
-    display: block;
     border: 1px solid #333333;
-    border-radius: 3px;
     object-fit: cover;
 }
 
 .hb-campus-caption,
 .campus-top-cap {
-    font-size: 9px;
-    color: #444444;
-    margin-top: 2px;
+    margin-top: 3pt;
+    font-size: 9pt;
+    color: #666666;
     font-style: italic;
     text-align: right;
-    line-height: 1.15;
+    line-height: 1.2;
 }
 
 .hb-campus-placeholder,
 .campus-placeholder-cell {
     width: 100%;
-    min-height: 120px;
+    min-height: 120pt;
     border: 1px dashed #999999;
     color: #666666;
-    font-size: 10px;
-    padding: 10px;
-    background: #F4F6F8;
-    border-radius: 4px;
+    font-size: 10pt;
+    padding: 10pt;
+    background: transparent;
 }
 
-
-/* ══════════════════════════════════════════════════════════
+/* ------------------------------
    BENEFITS SECTION
-   Spec: heading highlight = bright green #00F600 bg, white text
-         item highlight   = bright cyan #00FCFC bg
-   Highlights wrap the TEXT only, not the entire row.
-   ══════════════════════════════════════════════════════════ */
+   Guideline colors retained
+   ------------------------------ */
 .hb-benefits-section,
 .benefits-section {
     clear: both;
-    margin: 4px 0 4px;
+    margin: 8pt 0 8pt;
     page-break-inside: avoid;
     break-inside: avoid;
 }
 
-/* Heading container — plain block, no background */
 .hb-benefits-heading {
-    margin: 0 0 2px;
+    margin: 0 0 4pt;
     line-height: 1.3;
 }
 
-/* Heading highlight — green background bar spanning full width */
 .hb-benefits-bar,
 .benefits-bar {
-    display: block;
+    display: inline-block;
     background: #00F600;
-    color: #FFFFFF;
+    color: #000000;
     font-weight: 700;
-    padding: 4px 8px;
-    font-size: 10.5px;
-    text-transform: none;
-    letter-spacing: 0.2px;
-    line-height: 1.4;
+    padding: 2pt 6pt;
+    font-size: 10pt;
+    line-height: 1.35;
 }
 
-/* Benefit list — no list bullets, no background */
 .hb-benefits-ul,
 .benefits-ul {
     list-style: none;
-    padding: 0;
     margin: 0;
+    padding: 0;
 }
 
-/* Benefit item — cyan background highlight */
+.hb-benefits-ul li,
 .hb-benefit-item,
 .benefit-li {
-    margin: 2px 0;
-    padding: 3px 6px;
-    font-size: 10px;
-    line-height: 1.4;
-    background: #00FCFC;
-    border-bottom: none;
+    margin: 3pt 0;
+    padding: 0;
+    font-size: 9.75pt;
+    line-height: 1.35;
+    background: none;
+    border: none;
 }
 
-/* Remove all ::before pseudo-element bullets */
+.hb-benefits-ul li::before,
 .hb-benefit-item::before,
 .benefit-li::before {
-    content: none;
-}
-
-.hb-benefits-ul li::before {
-    content: none;
-}
-
-.hb-benefits-ul li {
-    padding-left: 0;
+    content: "\27A2";
+    display: inline-block;
+    margin-right: 6pt;
+    color: #000000;
 }
 
-/* Benefit text — text inside benefit items */
 .hb-benefit-text,
 .benefit-text {
-    display: inline;
-    background: transparent;
-    padding: 0;
-    font-size: 10px;
-    line-height: 1.4;
+    display: inline-block;
+    background: #00FCFC;
+    padding: 1pt 4pt;
 }
 
 .benefit-bullet {
     display: none;
 }
 
-
-/* ══════════════════════════════════════════════════════════
-   QUALIFICATION TEXT
-   ══════════════════════════════════════════════════════════ */
-.hb-qualify,
-.qualify {
-    margin: 6px 0 4px;
-    font-weight: 700;
-    font-size: 10px;
-    font-style: italic;
-    color: #1A9970;
-}
-
-.hb-muted,
-.muted {
-    color: #666666;
-    font-size: 10px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
+/* ------------------------------
    UNIVERSITY SUMMARY LIST
-   Spec: numbered list, black, bold
-   ══════════════════════════════════════════════════════════ */
+   Black, bold, numbered
+   ------------------------------ */
 .hb-university-list {
-    margin: 4px 0 6px 18px;
+    margin: 0 0 10pt 18pt;
     padding: 0;
+    list-style: decimal;
     font-size: 10pt;
-    list-style-type: decimal;
     color: #000000;
 }
 
 .hb-university-list li {
-    margin: 2px 0;
-    line-height: 1.4;
-    font-weight: 700;
+    margin: 0 0 4pt;
     padding-left: 0;
+    font-weight: 700;
+    line-height: 1.4;
+    color: #000000;
 }
 
-/* Override ➢ for university list */
 .hb-university-list li::before {
     content: none;
 }
 
+/* ------------------------------
+   QUALIFICATION / MUTED TEXT
+   ------------------------------ */
+.hb-qualify,
+.qualify {
+    margin: 8pt 0 6pt;
+    font-weight: 700;
+    font-size: 10pt;
+    font-style: italic;
+    color: #1A9970;
+}
 
-/* ══════════════════════════════════════════════════════════
-   SECTION-SPECIFIC FORMATTING OVERRIDES
-   ══════════════════════════════════════════════════════════ */
+.hb-muted,
+.muted {
+    color: #666666;
+    font-size: 10pt;
+}
 
-/* Overview */
+/* ------------------------------
+   SECTION-SPECIFIC OVERRIDES
+   ------------------------------ */
 .sec-overview .hb-heading-1,
 .sec-overview .h2 {
     margin-top: 0;
@@ -1018,180 +956,57 @@ table.programs th {
     line-height: 1.4;
 }
 
-/* Qualification */
 .sec-qualification .hb-heading-2,
 .sec-qualification .h3 {
-    margin-top: 8px;
+    margin-top: 10pt;
 }
 
 .sec-qualification .hb-table,
 .sec-qualification .tbl {
-    margin: 4px 0 8px;
+    margin: 6pt 0 10pt;
 }
 
-/* Policy */
 .sec-policy .hb-heading-2,
 .sec-policy .h3 {
-    margin-top: 8px;
-    padding-bottom: 1px;
+    margin-top: 10pt;
+    padding-bottom: 0;
 }
 
 .sec-policy .hb-note,
 .sec-policy .note {
-    border-color: #B0B0B0;
-    background: #F5F5F5;
+    margin-top: 8pt;
 }
 
 .sec-policy .hb-table,
 .sec-policy .tbl {
-    margin: 4px 0 6px;
+    margin: 6pt 0 10pt;
 }
 
-/* Refund */
 .sec-refund .hb-table,
 .sec-refund .tbl {
-    margin: 4px 0 8px;
+    margin: 6pt 0 10pt;
 }
 
-/* Contributions — bold text, ISP brand color per guidelines */
 .sec-contributions .hb-paragraph,
-.sec-contributions .p {
-    font-weight: 700;
-    color: #1C75BC;
-}
-
+.sec-contributions .p,
 .sec-contributions .hb-bullet-list li,
 .sec-contributions .ul li {
     font-weight: 700;
-    color: #1C75BC;
+    color: #1A9970;
 }
 
 .sec-contributions .hb-table,
 .sec-contributions .tbl {
-    margin: 4px 0 8px;
-}
-
-.sec-contributions .hb-note,
-.sec-contributions .note {
-    color: #000000;
-}
-
-.sec-contributions .hb-note-keyword {
-    color: #C00000;
+    margin: 6pt 0 10pt;
 }
 
-/* Funding */
 .sec-funding .hb-table,
 .sec-funding .tbl {
-    margin: 4px 0 8px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   COMPARISON TABLE VARIANT
-   ══════════════════════════════════════════════════════════ */
-.hb-table-comparison,
-.tbl-comparison {
-    font-size: 9px;
-}
-
-.hb-table-comparison th,
-.tbl-comparison th {
-    text-align: center;
-    font-size: 8.5px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   DEBUG BLOCK
-   ══════════════════════════════════════════════════════════ */
-.debug-block {
-    border: 2px dashed #cc0000;
-    padding: 12px;
-    background: #fffbe6;
-    page-break-inside: avoid;
-}
-
-.debug-block h2 {
-    color: #cc0000;
-}
-
-.clearfix::after {
-    content: "";
-    display: block;
-    clear: both;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   ORPHAN / WIDOW PREVENTION
-   Prevent orphaned headings at page bottoms and widows
-   ══════════════════════════════════════════════════════════ */
-.hb-heading-1,
-.h2,
-.hb-heading-2,
-.h3 {
-    orphans: 3;
-    widows: 3;
-}
-
-.hb-paragraph,
-.p {
-    orphans: 2;
-    widows: 2;
-}
-
-/* Ensure section headings always keep with following content */
-.section-block .hb-heading-1:last-child,
-.section-block .h2:last-child {
-    page-break-after: avoid;
-    break-after: avoid;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   BOLD EMPHASIS FOR KEY INFORMATION
-   Payment amounts, REGULAR, PRIME, critical terms
-   ════════════════════════════════════════════════��═════════ */
-.hb-bold-keyword {
-    font-weight: 700;
-}
-
-.hb-red-keyword {
-    font-weight: 700;
-    color: #C00000;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   SCHOOL INFO — Green color for school information
-   ══════════════════════════════════════════════════════════ */
-.hb-school-info {
-    color: #1A9970;
-    font-size: 9.5px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   PRINT SAFETY — Prevent any content from exceeding margins
-   ══════════════════════════════════════════════════════════ */
-.page-content {
-    overflow: hidden;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-}
-
-/* Tables must not exceed page width */
-.hb-table,
-.tbl,
-.hb-programs,
-table.programs {
-    max-width: 100%;
-    overflow: hidden;
+    margin: 6pt 0 10pt;
 }
 
 /* Images must stay inside margins */
 .page-content img {
     max-width: 100%;
     height: auto;
-}
+}

app/static/css/print.css.backup

@@ -1,1082 +0,0 @@
-/* =================================================================
-   ISP Handbook – Print Stylesheet for Chromium PDF Export
-   Replaces both handbook-word.css and inline PDF overrides.
-   Designed for Playwright page.pdf() with print media.
-
-   All visual rules are derived from the ISP Handbook Enhancement
-   Guidelines + sample PDF.  CSS classes use the "hb-" prefix to
-   match RenderBlock-based Jinja partials.
-
-   Legacy class names (.h2, .h3, .p, .ul, .ol, .tbl, .note, etc.)
-   are kept for backward compatibility but aliased to the new
-   hb-prefixed rules.
-   ================================================================= */
-
-/* ── Page geometry ──
-   Playwright page.pdf() margins (standard Word):
-     top    2.54cm  (header zone – header_template renders scaled image)
-     left   2.54cm  (Word default)
-     right  2.50cm  (Word default)
-     bottom 2.54cm  (footer zone – footer_template renders page number)
-
-   All four margins handled by Playwright. Content area is within margins.
-   position:fixed elements are relative to the content area.
-   .page-header and .page-footer divs hidden – Playwright templates
-   handle header image and page numbers.
-   ── */
-@page {
-    size: A4;
-    margin: 0;
-}
-
-/* ── Reset ── */
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   REPEATING PAGE HEADER
-   Hidden before PDF — Playwright header_template renders
-   the header image in the top margin zone on every page.
-   Kept in HTML so the image src can be extracted via JS.
-   ══════════════════════════════════════════════════════════ */
-.page-header {
-    display: none;
-}
-
-.page-header img {
-    display: block;
-    width: 8.45in;
-    height: 1.03in;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   REPEATING RIGHT-SIDE LABEL
-   position:fixed on every page. Negative right offset
-   pushes it into the Playwright right margin zone (2.50cm)
-   so it sits at the paper edge.
-   ══════════════════════════════════════════════════════════ */
-.hb-right-label {
-    position: fixed;
-    top: -2.54cm;
-    right: -2.50cm;
-    width: 36px;
-    height: calc(100% + 2.54cm + 2.54cm);
-    z-index: 100;
-    pointer-events: none;
-    overflow: hidden;
-}
-
-.hb-right-label img {
-    width: 36px;
-    height: 100%;
-    display: block;
-    object-fit: fill;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   PAGE-CONTENT WRAPPER
-   Playwright margins handle all per-page spacing.
-   No CSS padding needed — content naturally sits inside
-   the margin box on every page.
-   ══════════════════════════════════════════════════════════ */
-.page-content {
-    box-sizing: border-box;
-}
-
-/* Suppress page-break on first child to avoid blank page after cover/TOC */
-.page-content> :first-child.page-break {
-    page-break-before: auto;
-    break-before: auto;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   PAGE NUMBERS (FOOTER)
-   Hidden — Playwright footer_template handles page numbers.
-   ══════════════════════════════════════════════════════════ */
-.page-footer {
-    display: none;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   BLANK PAGE PREVENTION
-   Avoid double page-breaks when page-break-after meets
-   page-break-before on adjacent elements.
-   ══════════════════════════════════════════════════════════ */
-.cover-page+.page-content {
-    page-break-before: auto;
-    break-before: auto;
-}
-
-
-/* ── Body typography ──
-   Spec: Century Gothic 10pt, justified, line spacing 1.0
-   Playwright margins handle all per-page spacing. */
-html,
-body {
-    margin: 0;
-    padding: 0;
-    font-family: 'Century Gothic', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    font-size: 10pt;
-    line-height: 1.15;
-    color: #000000;
-    text-align: justify;
-    -webkit-print-color-adjust: exact;
-    print-color-adjust: exact;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   HEADINGS
-   Spec: H1 = 12pt bold blue #1C75BC, uppercase
-         H2+ = 12pt bold green #1A9970
-   ══════════════════════════════════════════════════════════ */
-
-/* New block classes */
-.hb-heading-1,
-.h2 {
-    font-size: 12pt;
-    font-weight: 700;
-    color: #1C75BC;
-    margin: 10px 0 4px;
-    line-height: 1.15;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
-    page-break-after: avoid;
-    break-after: avoid;
-}
-
-.hb-heading-2,
-.h3 {
-    font-size: 12pt;
-    font-weight: 700;
-    margin: 6px 0 2px;
-    line-height: 1.15;
-    page-break-after: avoid;
-    break-after: avoid;
-    color: #1A9970;
-}
-
-/* Global heading break rules */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    page-break-after: avoid;
-    break-after: avoid;
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   PARAGRAPHS
-   Spec: 10pt, justified, line-height 1.4
-   ══════════════════════════════════════════════════════════ */
-.hb-paragraph,
-.p {
-    margin: 2px 0 6px;
-    line-height: 1.4;
-    font-size: 10pt;
-    text-align: justify;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   LINKS
-   ══════════════════════════════════════════════════════════ */
-a {
-    color: #1C75BC;
-    text-decoration: underline;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   BULLET LISTS
-   Spec: primary bullet = ➢, 10pt
-   ══════════════════════════════════════════════════════════ */
-.hb-bullet-list,
-.ul {
-    margin: 2px 0 4px 14px;
-    padding: 0;
-    font-size: 10pt;
-    list-style-type: none;
-}
-
-.hb-bullet-list li,
-.ul li {
-    margin: 1px 0;
-    line-height: 1.4;
-    position: relative;
-    padding-left: 14px;
-}
-
-.hb-bullet-list li::before,
-.ul li::before {
-    content: "\27A2";
-    /* ➢ */
-    position: absolute;
-    left: 0;
-    color: #000000;
-    font-size: 10pt;
-}
-
-/* Numbered (ordered) lists – restore numbering */
-.hb-numbered-list,
-ol.hb-bullet-list,
-.ol {
-    margin: 2px 0 4px 14px;
-    padding: 0;
-    font-size: 10pt;
-    list-style-type: decimal;
-}
-
-.hb-numbered-list li,
-ol.hb-bullet-list li,
-.ol li {
-    margin: 1px 0;
-    line-height: 1.4;
-    padding-left: 0;
-}
-
-.hb-numbered-list li::before,
-ol.hb-bullet-list li::before,
-.ol li::before {
-    content: none;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   NOTES / CALLOUTS
-   Spec: full bold text, NOTE / ONLY IF keywords in bold + red #C00000
-   ══════════════════════════════════════════════════════════ */
-.hb-note,
-.note {
-    border: 1px solid #BBBBBB;
-    padding: 5px 7px;
-    margin: 4px 0 6px;
-    background: #F7F8FA;
-    font-size: 9.5px;
-    font-weight: 700;
-    line-height: 1.3;
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.hb-note-keyword {
-    font-weight: 700;
-    color: #C00000;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   PAGE-BREAK HELPERS
-   ══════════════════════════════════════════════════════════ */
-.page-break {
-    page-break-before: always;
-    break-before: page;
-}
-
-.avoid-break {
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.keep-with-next {
-    page-break-after: avoid;
-    break-after: avoid;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   TABLES (global break rules)
-   ══════════════════════════════════════════════════════════ */
-table {
-    page-break-inside: auto;
-    break-inside: auto;
-}
-
-thead {
-    display: table-header-group;
-}
-
-tfoot {
-    display: table-row-group;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   COVER PAGE
-   Edge-to-edge cover image. Negative margins expand into
-   Playwright margin areas.
-   ══════════════════════════════════════════════════════════ */
-.cover-page {
-    page-break-after: always;
-    break-after: page;
-    margin: -2.54cm -2.54cm -2.54cm -2.54cm;
-    padding: 0;
-    position: relative;
-    z-index: 2000;
-    overflow: hidden;
-}
-
-.cover-img {
-    width: 100%;
-    height: auto;
-    display: block;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   FULL-PAGE IMAGES
-   Negative margins expand into Playwright margin areas
-   for edge-to-edge rendering.
-   ══════════════════════════════════════════════════════════ */
-.fullpage-img-wrap {
-    page-break-before: always;
-    break-before: page;
-    page-break-inside: avoid;
-    margin: -2.54cm -2.54cm -2.54cm -2.54cm;
-    padding: 0;
-    position: relative;
-    z-index: 2000;
-    overflow: hidden;
-}
-
-.fullpage-img {
-    width: 100%;
-    height: auto;
-    display: block;
-}
-
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   GENERIC TABLES
-   Spec: standard grid, NO row shading, #333 border
-   DOMPDF-safe: explicit widths, collapse, padding, v-align
-   ══════════════════════════════════════════════════════════ */
-.hb-table,
-.tbl {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 6px 0 10px;
-    font-size: 9.5px;
-    line-height: 1.3;
-    border: 1px solid #333333;
-}
-
-.hb-table thead,
-.tbl thead {
-    display: table-header-group;
-}
-
-.hb-table tr,
-.tbl tr {
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.hb-table th,
-.hb-table td,
-.tbl th,
-.tbl td {
-    border: 1px solid #333333;
-    padding: 5px 6px;
-    vertical-align: top;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-    font-size: 9.5px;
-    line-height: 1.3;
-}
-
-.hb-table th,
-.tbl th {
-    font-weight: 700;
-    background: #E6E6E6;
-    color: #333333;
-    font-size: 9.5px;
-    text-align: left;
-    padding: 5px 6px;
-}
-
-/* No row shading per spec */
-
-
-/* ══════════════════════════════════════════════════════════
-   PROGRAMS TABLE (university-level)
-   Spec: plain table, NO shading, standard grid
-   Column widths: 22% / 14% / 12% / 34% / 18%
-   DOMPDF-safe: explicit sizing on every element
-   ══════════════════════════════════════════════════════════ */
-.hb-programs,
-table.programs {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 6px 0 10px;
-    font-family: 'Century Gothic', 'Segoe UI', sans-serif;
-    border: 1px solid #333333;
-}
-
-.hb-programs thead,
-table.programs thead {
-    display: table-header-group;
-}
-
-.hb-programs tr,
-table.programs tr {
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.hb-programs th:nth-child(1),
-.hb-programs td:nth-child(1),
-table.programs th:nth-child(1),
-table.programs td:nth-child(1) {
-    width: 22%;
-}
-
-.hb-programs th:nth-child(2),
-.hb-programs td:nth-child(2),
-table.programs th:nth-child(2),
-table.programs td:nth-child(2) {
-    width: 14%;
-}
-
-.hb-programs th:nth-child(3),
-.hb-programs td:nth-child(3),
-table.programs th:nth-child(3),
-table.programs td:nth-child(3) {
-    width: 12%;
-}
-
-.hb-programs th:nth-child(4),
-.hb-programs td:nth-child(4),
-table.programs th:nth-child(4),
-table.programs td:nth-child(4) {
-    width: 34%;
-}
-
-.hb-programs th:nth-child(5),
-.hb-programs td:nth-child(5),
-table.programs th:nth-child(5),
-table.programs td:nth-child(5) {
-    width: 18%;
-}
-
-.hb-programs th,
-.hb-programs td,
-table.programs th,
-table.programs td {
-    border: 1px solid #333333;
-    padding: 4px 5px;
-    vertical-align: top;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-    font-size: 8.5px;
-    line-height: 1.25;
-}
-
-.hb-programs th,
-table.programs th {
-    font-weight: 700;
-    background: #E6E6E6;
-    color: #000000;
-    text-transform: uppercase;
-    font-size: 8.5px;
-    text-align: center;
-    letter-spacing: 0.3px;
-    padding: 4px 5px;
-}
-
-/* No row shading per spec */
-
-/* Career pathways bullet list inside programs table */
-.hb-career-list,
-.career-list {
-    margin: 0;
-    padding-left: 12px;
-    list-style-type: disc;
-}
-
-.hb-career-list li,
-.career-list li {
-    margin: 0;
-    line-height: 1.2;
-    font-size: 8.5px;
-    padding-left: 0;
-}
-
-/* Override the ➢ bullet for career lists */
-.hb-career-list li::before,
-.career-list li::before {
-    content: none;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   TABLE OF CONTENTS
-   ══════════════════════════════════════════════════════════ */
-.toc-page {
-    width: 100%;
-    max-width: none;
-    display: block;
-    page-break-after: auto;
-    break-after: auto;
-    padding: 10px 0 0 0;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    border: none;
-}
-
-.toc {
-    width: 100%;
-    max-width: none;
-    display: block;
-    margin: 0;
-    padding: 0;
-    background: #FFFFFF;
-}
-
-.toc-heading {
-    display: block;
-    width: 100%;
-    font-size: 13px;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.2px;
-    margin: 0 0 6px 0;
-    color: #1C75BC;
-    line-height: 1.1;
-}
-
-.toc-table {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 0;
-    border: none;
-}
-
-.toc-table td {
-    border: none;
-    vertical-align: bottom;
-    padding: 1px 0;
-    line-height: 1.15;
-    font-size: 10px;
-    color: #111111;
-}
-
-.toc-dots {
-    border-bottom: 1px dotted #777777;
-    height: 0.85em;
-    padding: 0;
-}
-
-.toc-pagenum {
-    width: 48px;
-    text-align: right;
-    font-weight: 700;
-    color: #111111;
-    white-space: nowrap;
-    padding-left: 4px;
-}
-
-.toc-row--major td {
-    padding-top: 1px;
-    padding-bottom: 1px;
-}
-
-.toc-row--major td a {
-    color: #111111;
-    text-decoration: none;
-}
-
-.toc-row--sub td {
-    padding-top: 0;
-    padding-bottom: 0;
-}
-
-.toc-row--sub td a {
-    color: #222222;
-    text-decoration: none;
-}
-
-/* TOC indent / weight variants */
-.toc-row--bold .toc-title {
-    font-weight: 700;
-}
-
-.toc-row--upper .toc-title {
-    text-transform: uppercase;
-    letter-spacing: 0.1px;
-}
-
-.toc-row--indent-1 .toc-title {
-    padding-left: 16px;
-}
-
-.toc-row--indent-2 .toc-title {
-    padding-left: 30px;
-}
-
-/* TOC link styling */
-.toc-table a,
-.toc-table a:visited {
-    color: #111111;
-    text-decoration: none;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   SECTION BLOCKS
-   ══════════════════════════════════════════════════════════ */
-.section-block {
-    display: block;
-    width: 100%;
-    padding: 4px 0 2px;
-    border: none;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   ENROLLMENT STEPS
-   Spec: own page (break-before: page)
-   ══════════════════════════════════════════════════════════ */
-.hb-enrollment-steps {
-    /* Each step block avoids internal breaks */
-}
-
-.sec-steps {
-    page-break-before: always;
-    break-before: page;
-}
-
-.hb-step {
-    margin-bottom: 6px;
-    padding-bottom: 4px;
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.hb-step-title {
-    font-size: 10pt;
-    font-weight: 700;
-    margin: 0 0 2px;
-    line-height: 1.15;
-    color: #1A9970;
-    page-break-after: avoid;
-    break-after: avoid;
-}
-
-.hb-step-qr {
-    width: 60px;
-    height: 60px;
-    margin: 4px 0;
-}
-
-/* Legacy step overrides */
-.sec-steps .avoid-break {
-    margin-bottom: 6px;
-    padding-bottom: 4px;
-}
-
-.sec-steps .h3 {
-    margin: 0 0 2px;
-    font-size: 10pt;
-}
-
-.sec-steps .p {
-    margin: 2px 0 3px;
-    font-size: 10pt;
-}
-
-.sec-steps .ul {
-    margin: 2px 0 3px 14px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   UNIVERSITY PAGE
-   ═════════════════════════��════════════════════════════════ */
-
-/* Legacy + new classes — each university starts on a new page */
-.uni,
-.hb-school-profile {
-    page-break-before: always;
-    break-before: page;
-    padding: 4px 0 4px;
-}
-
-/* School name — linked, underlined */
-.hb-uni-name,
-.uni-name {
-    font-size: 14px;
-    font-weight: 700;
-    margin: 0 0 4px;
-    color: #1C75BC;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
-    line-height: 1.2;
-}
-
-.hb-uni-name-link,
-.uni-name a.uni-name-link {
-    color: #1C75BC;
-    text-decoration: underline;
-}
-
-/* Summary info — green labels */
-.hb-summary-title,
-.summary-title {
-    font-size: 10.5px;
-    font-weight: 700;
-    text-transform: uppercase;
-    margin: 6px 0 3px;
-    color: #1A9970;
-    letter-spacing: 0.3px;
-}
-
-.hb-summary-ul,
-.summary-ul {
-    list-style: none;
-    padding: 0;
-    margin: 0 0 4px;
-}
-
-.hb-summary-ul li,
-.summary-ul li {
-    margin: 0 0 1px;
-    padding: 0;
-    font-size: 9.5px;
-    line-height: 1.3;
-}
-
-/* Override ➢ bullets for summary lists */
-.hb-summary-ul li::before,
-.summary-ul li::before {
-    content: none;
-}
-
-.hb-lbl,
-.lbl {
-    font-weight: 700;
-    color: #1A9970;
-}
-
-.hb-uni-website,
-.uni-website {
-    margin: 3px 0 6px;
-    font-size: 10px;
-}
-
-/* Two-column layout table */
-.hb-school-top-table,
-.school-top-table {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 0 0 2px;
-    border: none;
-}
-
-.hb-school-top-table td,
-.school-top-table td {
-    border: none;
-    padding: 0;
-}
-
-.hb-school-top-summary,
-.school-top-summary {
-    width: 58%;
-    padding-right: 8px;
-    vertical-align: top;
-}
-
-.hb-school-top-campus,
-.school-top-campus {
-    width: 42%;
-    vertical-align: top;
-    text-align: right;
-}
-
-.hb-campus-img,
-.campus-top-img {
-    width: 100%;
-    max-height: 160px;
-    height: auto;
-    display: block;
-    border: 1px solid #333333;
-    border-radius: 3px;
-    object-fit: cover;
-}
-
-.hb-campus-caption,
-.campus-top-cap {
-    font-size: 9px;
-    color: #444444;
-    margin-top: 2px;
-    font-style: italic;
-    text-align: right;
-    line-height: 1.15;
-}
-
-.hb-campus-placeholder,
-.campus-placeholder-cell {
-    width: 100%;
-    min-height: 120px;
-    border: 1px dashed #999999;
-    color: #666666;
-    font-size: 10px;
-    padding: 10px;
-    background: #F4F6F8;
-    border-radius: 4px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   BENEFITS SECTION
-   Spec: heading highlight = bright green #00F600 bg, white text
-         item highlight   = bright cyan #00FCFC bg
-   Highlights wrap the TEXT only, not the entire row.
-   ══════════════════════════════════════════════════════════ */
-.hb-benefits-section,
-.benefits-section {
-    clear: both;
-    margin: 4px 0 4px;
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-/* Heading container — plain block, no background */
-.hb-benefits-heading {
-    margin: 0 0 2px;
-    line-height: 1.3;
-}
-
-/* Heading highlight — inline span wrapping text only */
-.hb-benefits-bar,
-.benefits-bar {
-    display: inline-block;
-    background: #00F600;
-    color: #FFFFFF;
-    font-weight: 700;
-    padding: 2px 6px;
-    font-size: 10px;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
-    line-height: 1.4;
-}
-
-/* Benefit list — no list bullets, no background */
-.hb-benefits-ul,
-.benefits-ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-/* Benefit item — plain li, no background */
-.hb-benefit-item,
-.benefit-li {
-    margin: 1px 0;
-    padding: 0;
-    font-size: 9.5px;
-    line-height: 1.4;
-    background: none;
-    border-bottom: none;
-}
-
-/* Remove all ::before pseudo-element bullets */
-.hb-benefit-item::before,
-.benefit-li::before {
-    content: none;
-}
-
-.hb-benefits-ul li::before {
-    content: none;
-}
-
-.hb-benefits-ul li {
-    padding-left: 0;
-}
-
-/* Benefit text highlight — inline span, background wraps text only */
-.hb-benefit-text {
-    display: inline-block;
-    background: #00FCFC;
-    padding: 1px 4px;
-    font-size: 9.5px;
-    line-height: 1.4;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   QUALIFICATION TEXT
-   ══════════════════════════════════════════════════════════ */
-.hb-qualify,
-.qualify {
-    margin: 6px 0 4px;
-    font-weight: 700;
-    font-size: 10px;
-    font-style: italic;
-    color: #1A9970;
-}
-
-.hb-muted,
-.muted {
-    color: #666666;
-    font-size: 10px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   UNIVERSITY SUMMARY LIST
-   Spec: numbered list, black, bold
-   ══════════════════════════════════════════════════════════ */
-.hb-university-list {
-    margin: 4px 0 6px 18px;
-    padding: 0;
-    font-size: 10pt;
-    list-style-type: decimal;
-    color: #000000;
-}
-
-.hb-university-list li {
-    margin: 2px 0;
-    line-height: 1.4;
-    font-weight: 700;
-    padding-left: 0;
-}
-
-/* Override ➢ for university list */
-.hb-university-list li::before {
-    content: none;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   SECTION-SPECIFIC FORMATTING OVERRIDES
-   ══════════════════════════════════════════════════════════ */
-
-/* Overview */
-.sec-overview .hb-heading-1,
-.sec-overview .h2 {
-    margin-top: 0;
-}
-
-.sec-overview .hb-paragraph,
-.sec-overview .p {
-    text-align: justify;
-    line-height: 1.4;
-}
-
-/* Qualification */
-.sec-qualification .hb-heading-2,
-.sec-qualification .h3 {
-    margin-top: 8px;
-}
-
-.sec-qualification .hb-table,
-.sec-qualification .tbl {
-    margin: 4px 0 8px;
-}
-
-/* Policy */
-.sec-policy .hb-heading-2,
-.sec-policy .h3 {
-    margin-top: 8px;
-    padding-bottom: 1px;
-}
-
-.sec-policy .hb-note,
-.sec-policy .note {
-    border-color: #B0B0B0;
-    background: #F5F5F5;
-}
-
-.sec-policy .hb-table,
-.sec-policy .tbl {
-    margin: 4px 0 6px;
-}
-
-/* Refund */
-.sec-refund .hb-table,
-.sec-refund .tbl {
-    margin: 4px 0 8px;
-}
-
-/* Contributions — bold text, ISP green per guidelines */
-.sec-contributions .hb-paragraph,
-.sec-contributions .p {
-    font-weight: 700;
-    color: #1A9970;
-}
-
-.sec-contributions .hb-bullet-list li,
-.sec-contributions .ul li {
-    font-weight: 700;
-    color: #1A9970;
-}
-
-.sec-contributions .hb-table,
-.sec-contributions .tbl {
-    margin: 4px 0 8px;
-}
-
-/* Funding */
-.sec-funding .hb-table,
-.sec-funding .tbl {
-    margin: 4px 0 8px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   COMPARISON TABLE VARIANT
-   ══════════════════════════════════════════════════════════ */
-.hb-table-comparison,
-.tbl-comparison {
-    font-size: 9px;
-}
-
-.hb-table-comparison th,
-.tbl-comparison th {
-    text-align: center;
-    font-size: 8.5px;
-}
-
-
-/* ══════════════════════════════════════════════════════════
-   DEBUG BLOCK
-   ══════════════════════════════════════════════════════════ */
-.debug-block {
-    border: 2px dashed #cc0000;
-    padding: 12px;
-    background: #fffbe6;
-    page-break-inside: avoid;
-}
-
-.debug-block h2 {
-    color: #cc0000;
-}
-
-.clearfix::after {
-    content: "";
-    display: block;
-    clear: both;
-}

app/static/css/print.css.bak

@@ -1,734 +0,0 @@
-/* =================================================================
-   ISP Handbook – Print Stylesheet for Chromium PDF Export
-   Replaces both handbook-word.css and inline PDF overrides.
-   Designed for Playwright page.pdf() with print media.
-   ================================================================= */
-
-/* ── Page geometry ── */
-@page {
-    size: A4;
-    margin: 95px 42px 55px 36px;
-}
-
-@page :first {
-    margin: 0;
-}
-
-/* ── Reset ── */
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
-/* ── Body typography ── */
-body {
-    margin: 0;
-    padding: 0;
-    font-family: 'Century Gothic', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    font-size: 11px;
-    line-height: 1.3;
-    color: #000;
-    -webkit-print-color-adjust: exact;
-    print-color-adjust: exact;
-}
-
-/* ══════════════════════════
-   HEADINGS
-   ══════════════════════════ */
-.h2 {
-    font-size: 15px;
-    font-weight: 700;
-    color: #1c75bc;
-    margin: 10px 0 4px;
-    line-height: 1.15;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
-    page-break-after: avoid;
-}
-
-.h3 {
-    font-size: 10.5px;
-    font-weight: 700;
-    margin: 6px 0 2px;
-    line-height: 1.2;
-    page-break-after: avoid;
-    color: #2f8f6a;
-}
-
-/* ══════════════════════════
-   PARAGRAPHS
-   ══════════════════════════ */
-.p {
-    margin: 2px 0 4px;
-    line-height: 1.3;
-    font-size: 10.5px;
-}
-
-/* ══════════════════════════
-   LINKS
-   ══════════════════════════ */
-a {
-    color: #1c75bc;
-    text-decoration: underline;
-}
-
-/* ══════════════════════════
-   LISTS
-   ══════════════════════════ */
-.ul {
-    margin: 2px 0 4px 14px;
-    padding: 0;
-    font-size: 10.5px;
-}
-
-.ul li {
-    margin: 1px 0;
-    line-height: 1.3;
-}
-
-.ol {
-    margin: 2px 0 4px 14px;
-    padding: 0;
-    font-size: 10.5px;
-}
-
-.ol li {
-    margin: 1px 0;
-    line-height: 1.3;
-}
-
-/* ══════════════════════════
-   NOTE / CALLOUT BOX
-   ══════════════════════════ */
-.note {
-    border: 1px solid #bbb;
-    padding: 5px 7px;
-    margin: 4px 0 6px;
-    background: #f7f8fa;
-    font-size: 9.5px;
-    line-height: 1.3;
-    page-break-inside: avoid;
-}
-
-/* ══════════════════════════
-   PAGE-BREAK HELPERS
-   ══════════════════════════ */
-.page-break {
-    page-break-before: always;
-    break-before: page;
-}
-
-.avoid-break {
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.keep-with-next {
-    page-break-after: avoid;
-    break-after: avoid;
-}
-
-/* ══════════════════════════
-   HEADINGS (global break rules)
-   ══════════════════════════ */
-h1, h2, h3, h4, h5, h6 {
-    page-break-after: avoid;
-    break-after: avoid;
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-/* ══════════════════════════
-   TABLES (global break rules)
-   ══════════════════════════ */
-table {
-    page-break-inside: auto;
-    break-inside: auto;
-}
-
-thead {
-    display: table-header-group;
-}
-
-tfoot {
-    display: table-row-group;
-}
-
-/* ══════════════════════════
-   COVER PAGE
-   ══════════════════════════ */
-.cover-page {
-    page-break-after: always;
-    break-after: page;
-    margin: 0;
-    padding: 0;
-}
-
-.cover-img {
-    width: 100%;
-    height: auto;
-    display: block;
-}
-
-/* ══════════════════════════
-   FULL-PAGE IMAGES
-   ══════════════════════════ */
-.fullpage-img-wrap {
-    width: 100%;
-    page-break-inside: avoid;
-}
-
-.fullpage-img {
-    width: 100%;
-    height: auto;
-    display: block;
-}
-
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-/* ══════════════════════════
-   GENERIC TABLES (.tbl)
-   ══════════════════════════ */
-.tbl {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 3px 0 6px;
-    font-size: 9.5px;
-    line-height: 1.25;
-}
-
-.tbl thead {
-    display: table-header-group;
-}
-
-.tbl tr {
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.tbl th,
-.tbl td {
-    border: 1px solid #333;
-    padding: 8px;
-    vertical-align: top;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-}
-
-.tbl th {
-    font-weight: 700;
-    background: #e6e6e6;
-    color: #333;
-    font-size: 9.5px;
-}
-
-.tbl tbody tr:nth-child(even) {
-    background: #f4f6f8;
-}
-
-/* ══════════════════════════
-   PROGRAMS TABLE (university-level)
-   ══════════════════════════ */
-table.programs {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 4px 0 8px;
-    font-family: 'Century Gothic', 'Segoe UI', sans-serif;
-}
-
-table.programs thead {
-    display: table-header-group;
-}
-
-table.programs tr {
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-table.programs th:nth-child(1),
-table.programs td:nth-child(1) {
-    width: 22%;
-}
-
-table.programs th:nth-child(2),
-table.programs td:nth-child(2) {
-    width: 14%;
-}
-
-table.programs th:nth-child(3),
-table.programs td:nth-child(3) {
-    width: 12%;
-}
-
-table.programs th:nth-child(4),
-table.programs td:nth-child(4) {
-    width: 34%;
-}
-
-table.programs th:nth-child(5),
-table.programs td:nth-child(5) {
-    width: 18%;
-}
-
-table.programs th,
-table.programs td {
-    border: 1px solid #333;
-    padding: 8px;
-    vertical-align: top;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-    font-size: 8.5px;
-    line-height: 1.25;
-}
-
-table.programs th {
-    font-weight: 700;
-    background: #e6e6e6;
-    color: #000;
-    text-transform: uppercase;
-    font-size: 8.5px;
-    text-align: center;
-    letter-spacing: 0.3px;
-}
-
-table.programs tbody tr:nth-child(even) {
-    background: #f7f7f7;
-}
-
-/* Career pathways bullet list inside programs table */
-.career-list {
-    margin: 0;
-    padding-left: 12px;
-    list-style-type: disc;
-}
-
-.career-list li {
-    margin: 0;
-    line-height: 1.2;
-    font-size: 8.5px;
-}
-
-/* ══════════════════════════
-   TABLE OF CONTENTS
-   ══════════════════════════ */
-.toc-page {
-    width: 100%;
-    max-width: none;
-    display: block;
-    page-break-after: always;
-    break-after: page;
-    padding: 10px 18px 0 18px;
-    box-sizing: border-box;
-    background: #ffffff;
-    border: none;
-}
-
-.toc {
-    width: 100%;
-    max-width: none;
-    display: block;
-    margin: 0;
-    padding: 0;
-    background: #ffffff;
-}
-
-.toc-heading {
-    display: block;
-    width: 100%;
-    font-size: 13px;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.2px;
-    margin: 0 0 6px 0;
-    color: #1c75bc;
-    line-height: 1.1;
-}
-
-.toc-table {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 0;
-    border: none;
-}
-
-.toc-table td {
-    border: none;
-    vertical-align: bottom;
-    padding: 1px 0;
-    line-height: 1.15;
-    font-size: 10px;
-    color: #111111;
-}
-
-.toc-dots {
-    border-bottom: 1px dotted #777777;
-    height: 0.85em;
-    padding: 0;
-}
-
-.toc-pagenum {
-    width: 48px;
-    text-align: right;
-    font-weight: 700;
-    color: #111111;
-    white-space: nowrap;
-    padding-left: 4px;
-}
-
-.toc-row--major td {
-    padding-top: 1px;
-    padding-bottom: 1px;
-}
-
-.toc-row--major td a {
-    color: #111111;
-    text-decoration: none;
-}
-
-.toc-row--sub td {
-    padding-top: 0;
-    padding-bottom: 0;
-}
-
-.toc-row--sub td a {
-    color: #222222;
-    text-decoration: none;
-}
-
-/* TOC link styling */
-.toc-table a,
-.toc-table a:visited {
-    color: #111111;
-    text-decoration: none;
-}
-
-/* ══════════════════════════
-   SECTION BLOCKS
-   ══════════════════════════ */
-.section-block {
-    display: block;
-    width: 100%;
-    padding: 4px 0 2px;
-    border-bottom: none;
-}
-
-/* ══════════════════════════════════════════════════════════
-   UNIVERSITY PAGE TEMPLATE
-   ══════════════════════════════════════════════════════════ */
-.uni {
-    padding: 8px 0 6px;
-}
-
-.uni-name {
-    font-size: 16px;
-    font-weight: 700;
-    margin: 0 0 5px;
-    color: #1c75bc;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
-    line-height: 1.15;
-}
-
-.uni-name a.uni-name-link {
-    color: #1c75bc;
-    text-decoration: underline;
-}
-
-/* Summary section */
-.summary-title {
-    font-size: 10.5px;
-    font-weight: 700;
-    text-transform: uppercase;
-    margin: 6px 0 3px;
-    color: #2f8f6a;
-    letter-spacing: 0.3px;
-}
-
-.summary-ul {
-    list-style: none;
-    padding: 0;
-    margin: 0 0 4px;
-}
-
-.summary-ul li {
-    margin: 0 0 1px;
-    padding: 0;
-    font-size: 9.5px;
-    line-height: 1.3;
-}
-
-.lbl {
-    font-weight: 700;
-    color: #2f8f6a;
-}
-
-.uni-website {
-    margin: 3px 0 6px;
-    font-size: 10px;
-}
-
-/* Two-column layout table */
-.school-top-table {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: fixed;
-    margin: 0 0 2px;
-    border: none;
-}
-
-.school-top-table td {
-    border: none;
-    padding: 0;
-}
-
-.school-top-summary {
-    width: 55%;
-    padding-right: 10px;
-    vertical-align: top;
-}
-
-.school-top-campus {
-    width: 45%;
-    vertical-align: top;
-    text-align: right;
-}
-
-.campus-top-img {
-    width: 100%;
-    height: auto;
-    display: block;
-    border: 1px solid #333;
-    border-radius: 4px;
-}
-
-.campus-top-cap {
-    font-size: 9px;
-    color: #444;
-    margin-top: 2px;
-    font-style: italic;
-    text-align: right;
-    line-height: 1.15;
-}
-
-.campus-placeholder-cell {
-    width: 100%;
-    min-height: 120px;
-    border: 1px dashed #999;
-    color: #666;
-    font-size: 10px;
-    padding: 10px;
-    background: #f4f6f8;
-    border-radius: 4px;
-}
-
-/* ══════════════════════════
-   BENEFITS SECTION
-   ══════════════════════════ */
-.benefits-section {
-    clear: both;
-    margin: 6px 0 6px;
-    page-break-inside: avoid;
-    break-inside: avoid;
-}
-
-.benefits-bar {
-    display: block;
-    width: 100%;
-    box-sizing: border-box;
-    background: #2f8f6a;
-    color: #fff;
-    font-weight: 700;
-    padding: 5px 8px;
-    margin: 0 0 3px;
-    font-size: 10.5px;
-    text-transform: uppercase;
-    letter-spacing: 0.3px;
-    line-height: 1.15;
-}
-
-.benefits-ul {
-    list-style: none;
-    padding: 0;
-    margin: 3px 0 6px 4px;
-}
-
-.benefit-li {
-    margin: 0 0 2px 0;
-    font-size: 10px;
-    line-height: 1.3;
-}
-
-.benefit-bullet {
-    display: inline-block;
-    width: 12px;
-    font-size: 10px;
-}
-
-.benefit-text {
-    font-size: 10px;
-}
-
-.qualify {
-    margin: 6px 0 4px;
-    font-weight: 700;
-    font-size: 10px;
-    font-style: italic;
-    color: #2f8f6a;
-}
-
-.muted {
-    color: #666;
-    font-size: 10px;
-}
-
-.clearfix::after {
-    content: "";
-    display: block;
-    clear: both;
-}
-
-/* ══════════════════════════════════════════════════════════
-   SECTION-SPECIFIC FORMATTING OVERRIDES
-   ══════════════════════════════════════════════════════════ */
-
-/* Overview */
-.sec-overview .h2 {
-    margin-top: 0;
-}
-
-.sec-overview .p {
-    text-align: left;
-    line-height: 1.35;
-}
-
-/* Qualification */
-.sec-qualification .h3 {
-    margin-top: 8px;
-}
-
-.sec-qualification .tbl {
-    margin: 4px 0 8px;
-}
-
-.sec-qualification .tbl th {
-    background: #e6e6e6;
-    color: #333;
-    font-size: 9.5px;
-}
-
-.sec-qualification .tbl td {
-    font-size: 9.5px;
-}
-
-/* Enrolment Steps */
-.sec-steps .avoid-break {
-    margin-bottom: 6px;
-    padding-bottom: 4px;
-    border-bottom: 1px solid #e8e8e8;
-}
-
-.sec-steps .h3 {
-    margin: 0 0 2px;
-    font-size: 10.5px;
-}
-
-.sec-steps .p {
-    margin: 2px 0 3px;
-    font-size: 10.5px;
-}
-
-.sec-steps .ul {
-    margin: 2px 0 3px 14px;
-}
-
-/* Policy */
-.sec-policy .h3 {
-    margin-top: 8px;
-    padding-bottom: 1px;
-}
-
-.sec-policy .note {
-    border-color: #b0b0b0;
-    background: #f5f5f5;
-}
-
-.sec-policy .tbl {
-    margin: 4px 0 6px;
-}
-
-.sec-policy .tbl th {
-    background: #e6e6e6;
-    color: #333;
-}
-
-/* Refund */
-.sec-refund .tbl {
-    margin: 4px 0 8px;
-}
-
-.sec-refund .tbl th {
-    background: #e6e6e6;
-    color: #333;
-}
-
-/* Contributions */
-.sec-contributions .tbl {
-    margin: 4px 0 8px;
-}
-
-.sec-contributions .tbl th {
-    background: #e6e6e6;
-    font-size: 9.5px;
-}
-
-/* Funding */
-.sec-funding .tbl {
-    margin: 4px 0 8px;
-}
-
-.sec-funding .tbl th {
-    background: #dfe8f0;
-    font-size: 9px;
-    text-align: center;
-}
-
-.sec-funding .tbl td {
-    font-size: 9px;
-    text-align: center;
-}
-
-/* ══════════════════════════
-   COMPARISON TABLE (table_v2)
-   ══════════════════════════ */
-.tbl-comparison th {
-    text-align: center;
-    font-size: 9px;
-}
-
-.tbl-comparison td {
-    text-align: center;
-    font-size: 9px;
-}
-
-/* ══════════════════════════
-   DEBUG BLOCK
-   ══════════════════════════ */
-.debug-block {
-    font-size: 10px;
-    padding: 10px;
-}
-
-.debug-block pre {
-    background: #f4f6f8;
-    padding: 10px;
-    border: 1px solid #ccc;
-    overflow-wrap: break-word;
-    white-space: pre-wrap;
-}