lerobot/robot-learning-tutorial
508
1 2/* ============================================================================ */3/* Print styles */4/* ========================================================================= */5@media print {6 html, body { background: #fff; }7 /* Margins handled by Playwright; avoid extra global margins */8 body { margin: 0; }9 10 /* Keep the banner (hero), hide non-essential UI elements */11 #theme-toggle { display: none !important; }12 13 /* Links: remove underline */14 .content-grid main a { text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.2); }15 16 /* Avoid breaks inside complex blocks */17 .content-grid main pre,18 .content-grid main blockquote,19 .content-grid main table,20 .content-grid main figure { break-inside: avoid; page-break-inside: avoid; }21 22 /* Soft page breaks around main headings */23 .content-grid main h2 { page-break-before: auto; page-break-after: avoid; break-after: avoid-page; }24 25 /* Small icon labels not needed when printing */26 .code-lang-chip { display: none !important; }27 28 /* Adjust more contrasty colors for print */29 :root {30 --border-color: rgba(0,0,0,.2);31 --link-underline: rgba(0,0,0,.3);32 --link-underline-hover: rgba(0,0,0,.4);33 }34 35 /* Force single column to reduce widows/orphans and awkward breaks */36 .content-grid { grid-template-columns: 1fr !important; }37 .table-of-contents, .right-aside, .table-of-contents-mobile { display: none !important; }38 main > nav:first-of-type { display: none !important; }39 40 /* Avoid page breaks inside complex visual blocks */41 .hero,42 .hero-banner,43 .d3-banner,44 .d3-banner svg,45 .html-embed__card,46 .html-embed__card,47 .js-plotly-plot,48 figure,49 pre,50 table,51 blockquote,52 .wide,53 .full-width {54 break-inside: avoid;55 page-break-inside: avoid;56 }57 /* Prefer keeping header+lead together */58 .hero { page-break-after: avoid; }59 }60 61 62 @media print {63 .meta-container-cell--pdf {64 display: none !important;65 }66 }67 68 