/* =============================================================
   print.css — Lytton Studio
   Created 05-Oct-2026. Loaded with media="print" by includes/head.php.

   The screen stylesheets are media="screen", so NONE of them apply
   when a page is printed or saved as PDF. This file is therefore
   self-contained: a clean, branded document — Poppins headings in
   brand green, readable body text, link addresses written out, and
   navigation, banners, buttons and footer badges left out.
   ============================================================= */

@page {
  size: A4;
  margin: 18mm 16mm 20mm;
}

html { font-size: 11pt; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
  color: #222;
  background: #fff;
}

/* ── Leave out anything that only makes sense on screen ── */
#skipNav,
#nav-toggle,
.global-nav,
.sub-nav,
.subnav,
.subnav-grid,
#ls-cookie-banner,
.btn,
.btn-group,
.hero-cta,
.footer-nav-simple,
.footer-social,
.footer-cards,
.footer-label,
.footer-legal-badges,
.quote-source,
.credential-note a,
form,
iframe,
video,
script { display: none !important; }

/* ── Masthead: compact brand line on page 1 ── */
#masthead {
  display: flex;
  align-items: center;
  gap: 8pt;
  border-bottom: 1.5pt solid #3F6B4C;
  padding-bottom: 6pt;
  margin-bottom: 14pt;
}
#masthead .logo-img { width: 28pt; height: 28pt; }
#masthead .brand-name {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  font-size: 18pt;
  color: #3F6B4C;
  margin: 0;
}
#masthead .brand-name a { color: inherit; text-decoration: none; }
#masthead .brand-name a::after { content: none; }
#masthead .brand-tagline { display: block; font-size: 8.5pt; color: #555; }

/* ── Headings ── */
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", system-ui, sans-serif;
  color: #3F6B4C;
  line-height: 1.25;
  margin: 1.1em 0 0.4em;
  break-after: avoid;
  page-break-after: avoid;
}
h1 { font-size: 20pt; margin-top: 0; }
h2 { font-size: 15pt; }
h3 { font-size: 12.5pt; }
h4 { font-size: 11.5pt; }
h5, h6 { font-size: 10.5pt; color: #444; }

p, li { orphans: 3; widows: 3; }
p { margin: 0 0 0.6em; }

/* ── Links: keep the text, write the address after it ── */
a { color: #222; text-decoration: underline; }
main a[href^="http"]::after,
main a[href$=".php"]::after {
  content: " (" attr(href) ")";
  font-size: 8.5pt;
  color: #555;
  word-break: break-all;
}

/* ── Pills / tags: plain inline text ── */
.pill {
  display: inline-block;
  border: 0.75pt solid #999;
  border-radius: 8pt;
  padding: 0 5pt;
  margin: 0 3pt 3pt 0;
  font-size: 8.5pt;
  color: #333;
  background: none;
}

/* ── Cards, quotes, asides: no shadows, keep whole ── */
section,
article,
aside,
blockquote,
.quote-block,
.credential-note,
.ls-pillar-card,
.idea-card {
  box-shadow: none !important;
  background: none !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

blockquote,
.quote-block,
aside.case-study-note {
  border-left: 2pt solid #3F6B4C;
  margin: 0.6em 0 0.9em;
  padding: 0.2em 0 0.2em 10pt;
  font-style: italic;
}
.quote-block::before,
.quote-block::after,
aside.case-study-note::before,
aside.case-study-note::after { content: none !important; }
.quote-block .author,
.quote-block cite {
  display: block;
  font-style: normal;
  font-size: 9pt;
  color: #555;
}

.credential-note {
  border-left: 2pt solid #6B5E93;
  padding-left: 10pt;
  margin: 0.6em 0;
  font-size: 9.5pt;
}
.credential-note img { width: 45mm; height: auto; }
.credential-note__label {
  font-size: 8pt;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6B5E93;
  margin: 0 0 3pt;
}

/* Single column everywhere — no floats or side-by-side grids on paper */
.about-grid,
.home-hero-grid,
.ls-pillars-grid,
.ls-voices-grid,
.case-row,
.idea-row { display: block !important; }
.quote-block--inline,
.credential-note { float: none !important; width: auto !important; }

img { max-width: 100%; }

/* ── Footer: legal line only ── */
footer {
  margin-top: 16pt;
  padding-top: 6pt;
  border-top: 0.75pt solid #999;
  font-size: 8.5pt;
  color: #555;
}
footer .footer-grid { display: block; }
footer .footer-logo { display: none; }
footer .footer-brand-name { font-weight: 700; color: #3F6B4C; }
footer .footer-tagline { margin: 2pt 0 6pt; }
footer a::after { content: none; }