Sharpness: crisp text rendering, GPU-composited images, geometric precision

app/static/css/print.css

@@ -40,6 +40,11 @@ body {
     -webkit-print-color-adjust: exact;
     print-color-adjust: exact;
     background: #ffffff;
+    /* Sharpness — crisp text rendering */
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-feature-settings: "kern" 1, "liga" 1;
 }
 
 /* ------------------------------
@@ -1454,4 +1459,108 @@ ol.hb-numbered-list li::marker {
 /* ── Links – smooth colour transitions ── */
 a {
     transition: color 0.15s ease, border-color 0.15s ease;
+}
+
+/* =========================================================
+   SHARPNESS & CLARITY — Razor-crisp rendering
+   ========================================================= */
+
+/* All images: high-quality scaling, no blur */
+img {
+    image-rendering: auto;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transform: translateZ(0);          /* GPU-composited layer */
+}
+
+/* Icons, logos, QR codes: pixel-perfect edges */
+.hb-step-qr,
+.cover-img,
+.fullpage-img,
+.page-header img {
+    image-rendering: -webkit-optimize-contrast;
+}
+
+/* Borders — sharp 1px lines, never sub-pixel blurred */
+.hb-table,
+.hb-table th,
+.hb-table td,
+.tbl,
+.tbl th,
+.tbl td,
+.hb-programs,
+.hb-programs th,
+.hb-programs td {
+    border-style: solid;
+    -webkit-backface-visibility: hidden;
+}
+
+/* Headings — sharper weight rendering */
+.hb-heading-1,
+.hb-heading-2,
+.hb-uni-name,
+.hb-step-title,
+.hb-benefits-bar,
+.toc-heading {
+    text-rendering: geometricPrecision;
+    -webkit-font-smoothing: antialiased;
+}
+
+/* Paragraph text — optimal readability */
+.hb-paragraph,
+.p,
+p {
+    text-rendering: optimizeLegibility;
+    word-spacing: 0.02em;
+    letter-spacing: 0.005em;
+}
+
+/* Table text — precise rendering for dense data */
+.hb-table td,
+.hb-table th,
+.tbl td,
+.tbl th,
+.hb-programs td,
+.hb-programs th {
+    text-rendering: geometricPrecision;
+}
+
+/* Bullet markers — sharp glyph rendering */
+.hb-bullet-list li::before,
+.hb-sub-bullets li::before,
+.hb-benefits-ul li::before {
+    text-rendering: geometricPrecision;
+    -webkit-font-smoothing: antialiased;
+}
+
+/* Steps, notes, cards — crisp border-left lines */
+.hb-step,
+.hb-note,
+.note,
+.hb-qualify,
+.qualify {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+}
+
+/* Gradient bars — smooth without banding */
+.hb-heading-1::after,
+.toc-heading::after,
+.hb-benefits-bar,
+.hb-banner-heading {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transform: translateZ(0);
+}
+
+/* Print media — force high-res */
+@media print {
+    * {
+        -webkit-print-color-adjust: exact;
+        print-color-adjust: exact;
+    }
+    img {
+        image-rendering: auto;
+        -webkit-backface-visibility: hidden;
+    }
 }