/* Cedar & Breath — print stylesheet.
   Goal: a pose page prints as a usable card — the illustration, the numbered
   steps, the gentler option, the chair or wall option and the care note — with
   nothing else on the sheet. The line illustrations print far better than a
   photograph would, which is part of why they are drawn. */

@page { margin: 16mm 14mm; }

.head, .head__curve, .curve, .foot, .consent, .ad-slot, .crumbs, .nav,
.menu-toggle, .skip, .btn, .btn-row, form, .no-print {
  display: none !important;
}

body {
  background: #fff;
  color: #000;
  font: 400 11.5pt/1.5 'Chivo', Arial, sans-serif;
}

.wrap { width: auto; margin: 0; }
.band, .hero { padding: 0; background: #fff !important; color: #000 !important; }
.band--fern, .band--fern h2, .band--fern h3 { background: #fff !important; color: #000 !important; }
.measure { max-width: none; }

h1 { font: 600 20pt/1.15 'Besley', Georgia, serif; margin: 0 0 .3cm; }
h2 { font: 600 13.5pt/1.2 'Besley', Georgia, serif; margin: .55cm 0 .2cm;
     border-bottom: 1pt solid #000; padding-bottom: .1cm; }
h3 { font: 500 11.5pt/1.25 'Chivo', Arial, sans-serif; margin: .4cm 0 .15cm; }
p, li { orphans: 3; widows: 3; }

/* the pose panel is the thing being printed */
.pose-panel {
  display: grid; grid-template-columns: 5.2cm 1fr; gap: .4cm;
  border: .75pt solid #000; border-radius: 0; padding: .3cm;
  background: #fff !important; break-inside: avoid;
}
.pose-panel__art img { max-width: 4.8cm; }
.pose-panel__text { padding: 0; }

.poses { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35cm; }
.pose-card { border: .5pt solid #777; border-radius: 0; break-inside: avoid;
  background: #fff !important; }
.pose-card__art img { max-width: 100%; }
.pose-card__body { padding: .15cm .25cm .3cm; }

.steps > li { padding-left: 1cm; margin-bottom: .25cm; break-inside: avoid; }
.steps > li::before {
  background: #000; color: #fff; width: .7cm; height: .7cm; font-size: 9pt;
}

.panel, .panel--care, .panel--gentler {
  border: .75pt solid #000; border-radius: 0; padding: .22cm .3cm;
  margin: .35cm 0; background: #fff !important; break-inside: avoid;
}
.panel--care { border-left-width: 2.5pt; }

table { border-collapse: collapse; width: 100%; min-width: 0; font-size: 10pt; }
th, td { border: .5pt solid #777; padding: .12cm .2cm; }
.tablewrap { overflow: visible; border-radius: 0; }

figure:not(.print-keep) { display: none; }
.print-keep img { max-width: 7cm; }

.measure a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8.5pt; }

.print-footer { display: block !important; margin-top: .6cm; padding-top: .2cm;
  border-top: .5pt solid #777; font-size: 9pt; }

/* A band's background never prints — the whole point of the bands is colour,
   and colour is exactly what a monochrome printer throws away. Printed, the
   page is one continuous column with rules where the bands changed. */
.band { background: none !important; color: #000 !important;
  padding-block: .3cm; border-bottom: .5pt solid #999; }
.band--dark, .band--dark * { background: none !important; color: #000 !important; }
.band:last-of-type { border-bottom: 0; }
.band__in { max-width: none; padding-inline: 0; }

/* The weekly schedule is the one thing people print from this site. */
.sched { break-inside: avoid; }
.sched table { border: 1pt solid #000; min-width: 0; }
.sched thead th { background: none !important; border-bottom: 1pt solid #000; }
.pill { border: .5pt solid #000; }

/* A pose prints with its care note or not at all. */
.pose { break-inside: avoid; border: .5pt solid #666; padding: .3cm; }
.pose__care { background: none !important; border-left: 1.5pt solid #000 !important; }