/* report.css — shared by the long-form reports (pastlife.html, karmic.html and the report suite).
   Screen: chapter headings and grouped boxes. Print: a cover page with a card from the 1909 deck, an
   "About this report" page (contents and method), every chapter on a new page, no box split across pages,
   page numbers in the footer. Load after base.css. */
.rh2{font-size:clamp(22px,3.4vw,28px);margin:2px 0 4px}
#out .interp{font-size:15px;line-height:1.65;color:var(--text);margin-top:8px}
#out h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--dim);margin-top:14px}
.rgroup{margin-top:14px}
.rgroup .rgh{font-size:16px;margin:0}
.rgroup .res{margin-top:10px}
.rgroup .res h4:first-child{margin-top:0}
.pcover,.pabout{display:none}
.gl{font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Noto Sans Symbols","DejaVu Sans","Apple Symbols",sans-serif;font-weight:400;letter-spacing:0;text-transform:none}

@media print{
  @page{margin:14mm 14mm 16mm;@bottom-center{content:counter(page);font-size:9px;color:#5e5568}}
  @page :first{@bottom-center{content:none}}
  .rscreen,#out .rdisc,.rlink{display:none!important}   /* .rlink: links to other pages, useless on paper */
  .wrap.sect{padding-bottom:0!important}   /* a report ending flush with a page bottom must not spill a blank page */
  /* ---- cover ---- */
  .pcover{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;
    height:238mm;padding:12mm 12mm 10mm;border:1px solid #cfc8d6;border-radius:5mm;position:relative;overflow:hidden;
    break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .pcover::before{content:"";position:absolute;left:0;right:0;top:0;height:3mm;background:linear-gradient(90deg,#FF2E88,#A855F7,#22D3EE)}
  .pc-brand{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:#5e5568}
  .pc-kicker{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:#A855F7;margin-top:8mm}
  .pc-title{font-size:54px!important;line-height:1;margin:3mm 0 0}
  .pc-for{font-size:15px;margin-top:4mm;color:#3d3546}
  .pc-card{margin:0;flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:8mm 0;text-align:center}
  .pc-card img{display:block;margin:0 auto;height:112mm;width:auto;border-radius:3mm;border:1px solid #cfc8d6}
  .pc-card figcaption{font-size:10px;color:#5e5568;margin-top:3mm;font-style:italic}
  .pc-birth{font-size:12.5px;color:#16111b;line-height:1.6}
  .pc-foot{font-size:9.5px;color:#5e5568;margin-top:5mm;line-height:1.5}
  /* ---- about page ---- */
  .pabout{display:block;break-after:page;page-break-after:always}
  .pabout h2{font-size:26px;margin-bottom:4mm}
  .pabout h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-top:7mm;color:#5e5568}
  .pabout ol{margin:3mm 0 0 5mm;font-size:13px;line-height:1.9}
  .pabout p{font-size:11.5px;line-height:1.6;color:#3d3546;margin-top:2.5mm}
  /* ---- chapters and boxes ---- */
  .rchead{break-before:page;page-break-before:always;margin-top:0!important}
  .rchead,.rh2,.rgh,#out h4{break-after:avoid;page-break-after:avoid}
  .rh2 + .note{break-after:avoid;page-break-after:avoid}
  #out .res,#out table,.bcards,.bc,.story{break-inside:avoid;page-break-inside:avoid}
  #out .grid.g2{display:grid;grid-template-columns:1fr 1fr;gap:4mm;align-items:start}
  #out .grid.g2 > .rgroup{grid-column:1 / -1}          /* a list of boxes reads down the page, not in two columns */
  #out .res{margin-top:4mm}
  #out .res h3{line-height:1.3}
  #out .interp{font-size:12.5px;line-height:1.55}
  #out .tc img,.pc-card img{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}