/* Print brochure: US Letter landscape, folded once down the middle.
   Page 1 is the outside (back cover | front cover), page 2 the inside.

   Deliberately dark ink on white: browsers do not print background colours
   unless the person ticks "Background graphics", so nothing here may depend
   on a filled background to stay readable. Tints are decoration only, and the
   logo and QR are images, which always print. */

.brochure-intro{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;margin-bottom:26px}
.brochure-intro ol{margin:0 0 4px;padding-left:22px;color:var(--muted)}
.brochure-intro li{margin-bottom:6px}

.sheet{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;margin-bottom:26px;
  display:grid;grid-template-columns:1fr 1fr;column-gap:34px;position:relative;box-shadow:var(--shadow)}
.sheet::after{content:"";position:absolute;top:18px;bottom:18px;left:50%;border-left:1px dashed #cfc4b2}
.sheet-label{grid-column:1 / -1;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;
  color:var(--muted);font-weight:700;margin-bottom:6px}
@media (max-width:760px){.sheet{grid-template-columns:1fr;row-gap:30px}.sheet::after{display:none}}

.panel{color:var(--ink);display:flex;flex-direction:column}
.panel h2{font-size:1.18rem;margin-bottom:.35em;color:var(--teal-dk)}
.panel h3{font-size:.98rem;margin-bottom:.2em}
.panel p{font-size:.92rem;margin-bottom:.7em}
.panel .tiny{font-size:.78rem;color:var(--muted)}
.panel-rule{border:0;border-top:2px solid var(--gold);width:54px;margin:0 0 14px}
.panel-block{margin-bottom:16px}
.panel-list{list-style:none;padding:0;margin:0 0 14px}
.panel-list li{position:relative;padding-left:18px;margin-bottom:7px;font-size:.9rem}
.panel-list li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.panel-note{border:1.5px solid var(--gold);border-radius:10px;padding:12px 14px;font-size:.88rem;margin-bottom:14px}
.panel-quote{font-family:var(--serif);font-size:1.02rem;line-height:1.35;border-left:3px solid var(--teal);padding-left:14px;color:var(--teal-dk)}

.cover{text-align:center;align-items:center;justify-content:center;gap:4px}
.cover .cover-logo{width:74%;max-width:270px;height:auto;margin:0 auto 18px}
.cover h1{font-size:1.5rem;line-height:1.22;margin-bottom:.4em;color:var(--teal-dk)}
.cover .cover-sub{font-size:.95rem;color:var(--muted);margin-bottom:18px}
.url-block{margin-top:auto;padding-top:16px;border-top:2px solid var(--teal);width:100%}
.url{font-family:var(--serif);font-size:1.16rem;font-weight:600;color:var(--teal-dk);word-break:break-word}
.qr{width:120px;height:120px;display:block;margin:12px auto 6px}
.qr-hint{font-size:.74rem;color:var(--muted)}

.contact-box{border:1.5px solid var(--teal);border-radius:10px;padding:14px 16px;margin-bottom:14px}
.contact-box p{margin-bottom:.3em;font-size:.9rem}
.who{font-size:.86rem;color:var(--muted);margin-bottom:.5em}

@media print{
  @page{size:letter landscape;margin:0.45in}
  html,body{background:#fff!important}
  .site-head,.site-foot,.no-print,.page-head{display:none!important}
  main,section,.wrap{padding:0!important;margin:0!important;max-width:none!important}
  .brochure{font-size:10pt;color:#000}
  .sheet{border:0;border-radius:0;box-shadow:none;padding:0;margin:0;
    grid-template-columns:1fr 1fr;column-gap:0.6in;height:7.4in;
    break-after:page;page-break-after:always}
  .sheet:last-of-type{break-after:auto;page-break-after:auto}
  /* tiny fold ticks top and bottom rather than a line down the page */
  .sheet::after{top:0;bottom:auto;height:0.14in;border-left:1px solid #c9c2b5}
  .sheet::before{content:"";position:absolute;left:50%;bottom:0;height:0.14in;border-left:1px solid #c9c2b5}
  .sheet-label{display:none}
  .panel{break-inside:avoid}
  .panel h2{font-size:13pt}
  .panel h3{font-size:10.5pt}
  .panel p,.panel-list li{font-size:9.4pt}
  .panel .tiny,.qr-hint{font-size:7.8pt}
  .cover h1{font-size:17pt}
  .cover .cover-sub{font-size:10.5pt}
  .cover .cover-logo{max-width:2.5in}
  .url{font-size:13pt}
  .qr{width:1.25in;height:1.25in}
  .panel-quote{font-size:10.5pt}
  a{color:#000;text-decoration:none}
}