/* Print (moved here from hope-share.css 2026-11-07 so it loads on every sermon page, not just the share pilot): one full-width reading column. Compact title block (hero h1 + speaker/date/passages line),
   then the notes. Everything else is hidden; every layout container is forced to plain block flow
   (WebKit/Safari squeezes grid/flex children into a narrow column otherwise). 2026-11-07 */
@page { size: letter; margin: 0.6in 0.65in; }
@media print {
  html, body { background: #fff !important; color: #000 !important; width: auto !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; }
  /* hidden */
  .hshare, .hshare *, .hg, [class^="hg"], [class*=" hg__"], .top-group > header, header, footer, .footer-wrapper,
  .main-navigation, .hero-actions, .page-hero .eyebrow, .page-hero__inner p + .btn-row, .featured,
  .visit-banner, .visit-cta, .sermon-foot, .bible-notices, .welcome, .series-strip, #series, .cookie-notice,
  .section__head, .btn, .btn-row, .notes__ts, .yt-facade, .video-frame,
  .powerpress_player, .powerpress_links, #wpadminbar, #wpstats { display: none !important; }
  /* every layout container: plain block, full width */
  .top-group, .hs-hero-row, .hsermons, .hsermons--bare,
  #sermon, #sermon .section, #sermon .container, #notes, #notes .container, .notes, .notes__body {
    display: block !important; position: static !important; float: none !important;
    width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important;
    min-height: 0 !important; margin: 0 !important; padding: 0 !important; columns: auto !important;
    column-count: auto !important; grid-template-columns: none !important; gap: 0 !important;
    background: #fff !important; background-image: none !important; border: 0 !important;
    box-shadow: none !important; overflow: visible !important; transform: none !important;
  }
  .page-hero::before, .page-hero::after, .page-hero__inner::before, .page-hero__inner::after { display: none !important; }
  /* compact title block */
  .page-hero { display: none !important; }
  .page-hero h1 { display: block !important; text-align: left !important; font: 700 18pt/1.2 Georgia, "Times New Roman", serif !important;
    color: #000 !important; text-shadow: none !important; margin: 0 0 3pt !important; padding: 0 !important;
    letter-spacing: 0 !important; text-transform: none !important; }
  .page-hero p { display: block !important; text-align: left !important; font: 400 10pt/1.35 Georgia, "Times New Roman", serif !important;
    color: #000 !important; text-shadow: none !important; margin: 0 0 8pt !important; padding: 0 0 6pt !important;
    max-width: none !important; border-bottom: 0.75pt solid #000 !important; }
  /* print-only one-line header: title · speaker · date (Cmd+P fallback; the Print button opens the PDF) */
  .hope-print-head { display: block !important; margin: 0 0 8pt !important; padding: 0 0 6pt !important;
    border-bottom: 0.75pt solid #000 !important; font: 700 11pt/1.3 Georgia, "Times New Roman", serif !important; color: #000 !important; }
  /* notes */
  .notes__body, .notes__body * { color: #000 !important; text-shadow: none !important; }
  .notes__body { font: 400 11pt/1.4 Georgia, "Times New Roman", serif !important; }
  .notes__body p, .notes__body li { font-size: 11pt !important; line-height: 1.4 !important; orphans: 3; widows: 3; }
  .notes__body p { margin: 0 0 7pt !important; }
  .notes__body h2, .notes__body h3, .notes__body h4 { break-after: avoid; page-break-after: avoid;
    font-family: Georgia, "Times New Roman", serif !important; margin: 11pt 0 4pt !important; }
  .notes__body h2 { font-size: 13pt !important; } .notes__body h3 { font-size: 12pt !important; }
  .notes__body .bigidea, .notes__body .takeaways, .notes__body .scripture, .notes__body blockquote {
    display: block !important; width: auto !important; max-width: none !important; margin: 6pt 0 !important;
    padding: 0 0 0 8pt !important; background: #fff !important; border: 0 !important; border-left: 1.5pt solid #888 !important;
    border-radius: 0 !important; box-shadow: none !important; break-inside: avoid; page-break-inside: avoid; }
  .notes__body .scripture p, .notes__body .bigidea p { font-size: 11pt !important; margin: 0 0 3pt !important; }
  .notes__body cite { display: block !important; font: italic 10pt Georgia, serif !important; }
  .notes__body cite a::after { content: none !important; }
  .notes__body li { margin: 0 0 2pt !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  .notes__body li p { margin: 0 !important; }
  .notes__body h3 { border: 0 !important; padding: 0 !important; }
  .notes__body hr, .notes__body h3::before, .notes__body h3::after { display: none !important; }
  .notes__body ul, .notes__body ol { margin: 0 0 7pt 18pt !important; padding: 0 !important; }
  /* links: plain text, no URL expansion */
  a, a:visited, .notes a, .notes__body a.ref { color: #000 !important; text-decoration: none !important; }
  a[href]::after { content: none !important; }
  .notes a, .notes a[data-hs-ref], .notes a.ref { border-bottom: 0 !important; background: none !important; box-shadow: none !important; }

  /* "For further study" after the notes, like the PDF appendix: scripture card full width in three
     columns, Hope Group + About the speaker side by side where they fit. */
  /* On the notes-wrap pilot the aside comes BEFORE the article in the DOM (float trick), so order it explicitly. */
  #notes .notes { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
  #notes .notes > .notes__body { order: 1; } #notes .notes > .sidebar { order: 2; }
  .notes .sidebar { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8pt 18pt !important; width: auto !important;
    max-width: none !important; margin: 14pt 0 0 !important; padding: 8pt 0 0 !important; border: 0 !important; border-top: 0.75pt solid #000 !important;
    background: #fff !important; position: static !important; float: none !important; font: 400 10pt/1.35 Georgia, "Times New Roman", serif !important; }
  .notes .sidebar::before { content: "For further study"; grid-column: 1 / -1; display: block; font: 700 12pt/1.3 Georgia, "Times New Roman", serif;
    color: #000; margin: 0 0 2pt; break-after: avoid; page-break-after: avoid; }
  .notes .sidebar .card { display: block !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 0 !important;
    border-radius: 0 !important; box-shadow: none !important; min-width: 0; break-inside: avoid; page-break-inside: avoid; }
  .notes .sidebar .card:first-of-type, .notes .sidebar .card--gold { grid-column: 1 / -1; }
  .notes .sidebar .card:not(:first-of-type):not(.card--gold) { grid-column: auto; }
  .notes .sidebar .card:has(> ul > li:nth-child(9)) { grid-column: 1 / -1; }
  .notes .sidebar .card *, .notes .sidebar .card a { color: #000 !important; text-shadow: none !important; }
  .notes .sidebar .card h4 { font: 700 10.5pt/1.3 Georgia, "Times New Roman", serif !important; margin: 0 0 3pt !important; padding: 0 !important;
    border: 0 !important; text-transform: none !important; letter-spacing: 0 !important; break-after: avoid; page-break-after: avoid; }
  .notes .sidebar .card ul, .notes .sidebar .card ol { margin: 0 0 0 14pt !important; padding: 0 !important; }
  .notes .sidebar .card ul:not(.nocols) { list-style: none; margin-left: 0 !important; }
  .notes .sidebar .card:first-of-type ul, .notes .sidebar .card--gold ul, .notes .sidebar .card:has(> ul > li:nth-child(9)) ul {
    column-count: 3; column-gap: 14pt; list-style: none; margin-left: 0 !important; }
  .notes .sidebar .card li { font-size: 10pt !important; line-height: 1.3 !important; margin: 0 0 2pt !important; padding: 0 !important; break-inside: avoid; page-break-inside: avoid; }
  .notes .sidebar .card ul, .notes .sidebar .card ul li { list-style: none !important; }
  .notes .sidebar .card ol li { list-style: decimal; }
  #sermon .visit-cta, #sermon .visit-banner, #sermon .sermon-foot { display: none !important; }
  .notes .sidebar .card p { font-size: 10pt !important; line-height: 1.35 !important; margin: 0 0 4pt !important; }
  .notes .sidebar .card img { display: none !important; }
  .notes .sidebar .card .btn, .notes .sidebar .card .btn-row, .notes .sidebar .card .card__note { display: none !important; }
}
