/* Print layout for the worked example pages (/example-answers/<slug>), linked
   with media="print". scripts/build-example-pdfs.py prints each page with
   headless Chrome into public/downloads/examples/<slug>.pdf, and a visitor who
   prints the page gets the same layout. Light on ink: no dark bars or shadows. */

@page{
  size:A4;
  margin:15mm 14mm 18mm;
  @top-right{content:"www.fillmypip.co.uk";font-family:'Space Grotesk',Arial,sans-serif;font-size:8pt;color:#7A7266}
  @bottom-left{content:"Example only. Use it as a guide and write about your own day.";font-family:'Space Grotesk',Arial,sans-serif;font-size:8.5pt;color:#4A443A}
  @bottom-right{content:"Page " counter(page) " of " counter(pages);font-family:'Space Grotesk',Arial,sans-serif;font-size:8pt;color:#7A7266}
}

nav,footer.site,.breadcrumb,.paywall,.ctaband,.exget,.hero-pdf,.noprint,#cookie-banner{display:none !important}
.print-only{display:block !important}

html{scroll-behavior:auto}
body{background:#fff;font-size:10.5pt}
.wrap{max-width:none;padding:0}
.narrow{max-width:none}
section.blk{padding:6mm 0 0}
.phero{padding:0}
h1{font-size:22pt;margin:2mm 0 3mm}
.phero .lead{font-size:11pt;max-width:none}
.prose{max-width:none}
.prose h2{font-size:15pt;margin-top:2mm;break-after:avoid;page-break-after:avoid}
.prose p,.prose ul,.prose ol{font-size:10.5pt}
a{color:#2743A6}

/* The worked answers: one card never splits across two pages. */
.rsheet{box-shadow:none;max-width:none;margin:0 0 4mm;break-inside:avoid;page-break-inside:avoid;border-color:#BDB39C}
.rsheet-bar{background:#fff;color:#211C15;border-bottom:1px solid #BDB39C;padding:2mm 4mm;font-size:9pt}
.rsheet-bar .mono{color:#7A7266;font-size:8.5pt}
.rsheet-body{padding:3mm 4mm 3.5mm 8mm}
.rsheet-body:before{left:4mm}
.rqnum{font-size:12pt}
.rqask{font-size:9.5pt;margin:0.5mm 0 1.5mm}
.rqsub{font-size:9.5pt;margin:1.5mm 0 2mm}
.yesbox{margin-bottom:2mm;font-size:9pt;padding:1mm 2.5mm}
.ransw{font-size:10pt;line-height:19px;text-underline-offset:4px}
.pill{margin-top:2mm;font-size:8.5pt;padding:1mm 2.5mm}
.rnote{font-size:9pt;margin-top:1.5mm}
.pill,.yesbox,.author .av{-webkit-print-color-adjust:exact;print-color-adjust:exact}

.tipgrid{max-width:none;gap:3mm}
/* "The other activities" heading stays with the cards it introduces. */
div:has(+ .tipgrid){break-inside:avoid;page-break-inside:avoid;break-after:avoid;page-break-after:avoid}
.tipcard{break-inside:avoid;page-break-inside:avoid;border-color:#D8CEB8;padding:3mm 4mm}
.tipcard p{font-size:9.5pt;line-height:1.5}
.author{break-inside:avoid;page-break-inside:avoid;max-width:none}

/* Tables and FAQ blocks in the prose: rows and answers never split across pages. */
.prose table{font-size:9.5pt;line-height:1.45}
.prose th,.prose td{padding:1.5mm 2.5mm;border-color:#BDB39C}
.prose th{background:#fff}
.prose tr,.qa{break-inside:avoid;page-break-inside:avoid}
.qa{padding:2.5mm 0}
.qa h3{font-size:11pt}
.qa p{font-size:10pt}

/* Masthead on page 1 and the closing note after the author box. */
.print-mast{display:flex !important;justify-content:space-between;align-items:baseline;border-bottom:2px solid #2743A6;padding-bottom:2.5mm;margin-bottom:5mm;font-size:9pt;color:#4A443A}
.print-mast b{font-size:15pt;letter-spacing:-.03em;color:#211C15}
.print-mast b span{color:#2743A6}
.print-end{margin-top:7mm;border:1.5px solid #2743A6;border-radius:10px;padding:4mm 5mm;break-inside:avoid;page-break-inside:avoid}
.print-end b{display:block;font-size:12pt;margin-bottom:1.5mm}
.print-end p{font-size:10pt;color:#4A443A;margin:0 0 1.5mm}
.print-end .small{font-size:8.5pt;color:#7A7266;margin:0}