/* css/grid/tier1.css  -  Earthgrid on one page (2026-10-12)
   Screen: a few small touches. Print: the whole page fits one Letter sheet.
   Linked automatically by grid.php for /tier1. No em dashes. */

.t1-print { text-align: center; max-width: none !important; margin: 14px 0 4px; }
.t1-print .egl-btn { margin: 0; cursor: pointer; font-family: inherit; }
.t1-printurl { display: none; }

@media print {
  @page { size: Letter; margin: 0.4in 0.5in; }
  html, body { background: #fff !important; }
  body { color: #111; font-family: Georgia, 'Times New Roman', serif; }
  header, footer, #logo, #eg-stage, .egl-tri-field, .t1-print, .egl-end .egl-btn, .egl-center-btns,
  .egd, .eg-more, .eg-fuller, #egd { display: none !important; }

  #container { background: none !important; box-shadow: none !important; border-radius: 0 !important;
    margin: 0 !important; padding: 0 !important; }
  .egl-wrap { max-width: none; padding: 0; color: #111; }
  .egl-wrap p, .egl-wrap strong, .egl-sec h2, .egl-sec h3, .egl-hero h1, .egl-hero p, .egl-end h3, .egl-end p,
  .egl-col h3, .egl-col p { color: #111 !important; }
  .apple-first p, .apple-first li, .apple-first h2, .apple-first h3 { max-width: none !important; }

  .egl-hero { padding: 0 0 6pt; text-align: left; overflow: visible; border-bottom: 2pt solid #f0932b; }
  .egl-kicker { color: #b35f00 !important; font: bold 8.5pt Arial, sans-serif; letter-spacing: 2pt; text-transform: uppercase; }
  .egl-hero h1 { font-size: 24pt; letter-spacing: 1pt; margin: 2pt 0 4pt; line-height: 1.05; }
  .egl-hero p { font-size: 11.5pt; line-height: 1.35; margin: 0; max-width: none !important; }

  .egl-sec { padding: 4pt 0 0; margin: 5pt 0 0; border-top: 0.75pt solid #bbb; page-break-inside: avoid; }
  .egl-eyebrow { color: #b35f00 !important; font: bold 7.5pt Arial, sans-serif; letter-spacing: 1.8pt; text-transform: uppercase; }
  .egl-sec h2 { font-size: 13pt; margin: 1pt 0 3pt; letter-spacing: 0; text-transform: none; }
  .egl-wrap p { font-size: 9.5pt; line-height: 1.28; margin: 0 0 2pt; }

  .egl-cols { display: flex; gap: 8pt; margin: 3pt 0 0; }
  .egl-col { flex: 1; padding: 5pt 8pt; background: #f6f3ee !important; border: 0.75pt solid #ccc; border-radius: 4pt; }
  .egl-col.eg { border-color: #f0932b; }
  .egl-col-tag { color: #b35f00 !important; font: bold 7.5pt Arial, sans-serif; letter-spacing: 1.4pt; text-transform: uppercase; }
  .egl-col h3 { font-size: 11pt; margin: 1pt 0 2pt; }
  .egl-col p { font-size: 9.5pt; line-height: 1.3; margin: 0; }

  .egl-end { padding: 5pt 0 0; margin: 5pt 0 0; border-top: 2pt solid #f0932b; text-align: left; }
  .egl-end h3 { font-size: 13pt; margin: 0 0 3pt; max-width: none !important; }
  .egl-end p { font-size: 9.5pt; margin: 0 0 3pt; max-width: none !important; }
  .t1-printurl { display: block; margin: 4pt 0 0; font: bold 9pt Arial, sans-serif; color: #555; text-align: right; }
}