Visual polish: gradient accent bars, shadows, rounded corners, refined typography

app/static/css/print.css

@@ -159,7 +159,6 @@ h6 {
 .hb-heading-italic {
     font-style: italic;
 }
-}
 
 .hb-paragraph,
 .p,
@@ -1335,4 +1334,124 @@ table.programs td:nth-child(5) {
     font-weight: 700;
     margin: 8pt 0;
     letter-spacing: 0.2px;
+}
+
+/* =========================================================
+   VISUAL POLISH — Premium print enhancements
+   Purely additive: no existing rules were removed or altered
+   ========================================================= */
+
+/* ── Section headings – gradient accent bar ── */
+.hb-heading-1::after {
+    content: "";
+    display: block;
+    width: 50pt;
+    height: 2.5pt;
+    background: linear-gradient(90deg, #0263A3, #199970);
+    margin-top: 5pt;
+    border-radius: 1.5pt;
+}
+
+/* Tier-group centred headings get a centred accent */
+.tier-group-heading .hb-heading-1::after {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/* ── Sub-headings – colour-matched left accent ── */
+.hb-heading-2 {
+    border-left: 2.5pt solid currentColor;
+    padding-left: 8pt;
+}
+
+/* ── Table of Contents – elegant header underline ── */
+.toc-heading::after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: 1.5pt;
+    background: linear-gradient(90deg, #0263A3, #199970 60%, transparent);
+    margin-top: 5pt;
+}
+
+.toc-row--major .toc-title {
+    color: #0263A3;
+}
+
+/* ── Note callouts – refined shadow depth ── */
+.hb-note,
+.note {
+    box-shadow: 0 1pt 5pt rgba(192, 0, 0, 0.07);
+}
+
+/* ── Enrollment step cards – modern depth & rounding ── */
+.hb-step {
+    box-shadow: 0 1pt 6pt rgba(25, 153, 112, 0.10);
+    border-radius: 0 5pt 5pt 0;
+}
+
+/* ── Benefits bar – shadow pop ── */
+.hb-benefits-bar,
+.benefits-bar {
+    box-shadow: 0 2pt 6pt rgba(25, 153, 112, 0.15);
+    border-radius: 2pt;
+}
+
+/* Benefit text pills – softer edges */
+.hb-benefit-text,
+.benefit-text {
+    border-radius: 2pt;
+}
+
+/* ── Campus photos – modern rounded corners + shadow ── */
+.hb-campus-img,
+.campus-top-img {
+    border-radius: 5pt;
+    box-shadow: 0 2pt 10pt rgba(0, 0, 0, 0.13);
+}
+
+/* ── Funding info cards – subtle lift ── */
+.funding-intro-card {
+    box-shadow: 0 1pt 4pt rgba(0, 0, 0, 0.05);
+    border-radius: 5pt;
+}
+
+.funding-sources-card {
+    box-shadow: 0 1pt 4pt rgba(0, 0, 0, 0.05);
+    border-radius: 5pt;
+}
+
+/* ── Qualification callout – rounded depth ── */
+.hb-qualify,
+.qualify {
+    border-radius: 0 4pt 4pt 0;
+    box-shadow: 0 1pt 3pt rgba(2, 99, 163, 0.07);
+}
+
+/* ── Numbered list – branded marker colour ── */
+ol.hb-numbered-list li::marker {
+    color: #0263A3;
+    font-weight: 700;
+}
+
+/* ── University name – refined underline treatment ── */
+.hb-uni-name {
+    text-underline-offset: 3pt;
+    text-decoration-thickness: 1.5pt;
+}
+
+/* ── Banner heading – shadow & rounding ── */
+.hb-banner-heading {
+    box-shadow: 0 2pt 6pt rgba(13, 123, 85, 0.18);
+    border-radius: 3pt;
+}
+
+/* ── ISP Financing frame – rounded ── */
+.hb-isp-financing {
+    border-radius: 3pt;
+}
+
+/* ── Links – smooth colour transitions ── */
+a {
+    transition: color 0.15s ease, border-color 0.15s ease;
 }