/* Homepage layout: bounded on large screens, content-driven at every size. */
#home { --home-width: 1800px; --home-gutter: clamp(20px, 4vw, 72px); }
#home .site-header,
#home .search-panel,
#home .hero,
#home .journal,
#home .newsletter,
#home .site-footer { width: 100%; max-width: var(--home-width); margin-inline: auto; }
#home .site-header { height: auto; min-height: 104px; padding: 22px var(--home-gutter); gap: 28px; }
#home .brand-name { font-size: clamp(28px, 2.6vw, 40px); }
#home .main-nav { gap: clamp(22px, 2.4vw, 44px); font-size: 15px; }
#home .main-nav a, #home .main-nav button, #home .category-menu summary { min-height: 44px; display: flex; align-items: center; }
#home .search-toggle { margin-left: 0; padding: 10px; min-width: 44px; min-height: 44px; }
#home .hero { grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); min-height: 0; max-height: none; background: linear-gradient(110deg, #f5f2e9, #f8f6ef); }
#home .hero-copy { padding: clamp(36px, 4vw, 72px) clamp(28px, 3vw, 54px) clamp(36px, 4vw, 72px) var(--home-gutter); align-self: center; background: none; }
#home .hero .eyebrow { font-size: 12px; margin-bottom: 24px; }
#home .hero h1 { font-size: clamp(40px, 3.7vw, 64px); line-height: 1.06; letter-spacing: -1.8px; margin: 0 0 24px; }
#home .hero .desktop-break { display: none; }
#home .hero-description { font-size: clamp(20px, 1.55vw, 26px); line-height: 1.4; margin: 0 0 28px; max-width: 32ch; }
#home .hero .button { min-height: 54px; font-size: 16px; padding: 14px 26px; gap: 18px; }
#home .hero-footnote { font-size: 18px; margin: 32px 0 0; }
#home .hero-footnote:before { margin-bottom: 20px; }
#home .hero-photo { align-self: center; aspect-ratio: 723 / 466; width: 100%; min-width: 0; }
#home .journal { padding: clamp(36px, 4vw, 64px) var(--home-gutter); }
#home .section-heading { align-items: baseline; flex-wrap: wrap; }
#home .section-heading h2 { font-size: clamp(32px, 3vw, 48px); }
#home .section-heading > a { font-size: 15px; }
#home .article-grid { gap: clamp(24px, 2.4vw, 40px); }
#home .article-card { min-width: 0; }
#home .article-card h3 { font-size: clamp(26px, 2vw, 32px); line-height: 1.15; }
#home .article-card .eyebrow { font-size: 12px; }
#home .excerpt { font-size: 20px; line-height: 1.5; }
#home .read-time { font-size: 16px; }
#home .newsletter { padding: 48px var(--home-gutter); }
#home .newsletter-content { max-width: 820px; margin-inline: auto; }
#home .newsletter h2 { font-size: clamp(30px, 3vw, 44px); white-space: normal; }
#home .newsletter p { font-size: 18px; line-height: 1.5; white-space: normal; }
#home .newsletter input { width: 100%; max-width: 440px; min-height: 50px; font-size: 16px; }
#home .newsletter .button { min-height: 50px; font-size: 15px; }
#home .site-footer { padding: 36px var(--home-gutter); }
#home .footer-bottom { font-size: 13px; line-height: 1.6; }
#home .footer-nav { font-size: 14px; gap: 8px 24px; }
#home .footer-nav a { padding-block: 8px; }
#home .search-panel input { font-size: 16px; }
@media (min-width: 1800px) {
  #home .hero { margin-top: 12px; }
}
@media (max-width: 1100px) {
  #home .site-header { gap: 20px; padding-block: 18px; }
  #home .brand { gap: 10px; }
  #home .bird-mark { width: 48px; height: 43px; }
  #home .brand-tagline { font-size: 6px; letter-spacing: 1.7px; }
  #home .main-nav { gap: 18px; font-size: 14px; }
  #home .hero { grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); }
  #home .hero-copy { padding: 32px 28px 32px var(--home-gutter); }
  #home .hero h1 { font-size: 42px; }
  #home .hero-footnote { margin-top: 24px; font-size: 16px; }
  #home .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
}
@media (max-width: 900px) {
  #home .site-header { flex-wrap: wrap; }
  #home .main-nav { order: 3; flex-basis: 100%; margin: 0; justify-content: space-between; gap: 12px; }
  #home .search-toggle { margin-left: auto; }
  #home .category-menu { position: static; }
  #home .category-menu-panel { top: 100%; left: var(--home-gutter); right: var(--home-gutter); width: auto; max-width: none; max-height: 65vh; overflow-y: auto; transform: none; }
  #home .hero { grid-template-columns: 1fr; }
  #home .hero-copy { padding: 40px var(--home-gutter); }
  #home .hero h1 { font-size: clamp(40px, 6.5vw, 58px); max-width: 18ch; }
  #home .hero-description { max-width: 42ch; font-size: 22px; }
  #home .hero-footnote { margin-top: 24px; }
  #home .hero-photo { max-width: 100%; }
}
@media (max-width: 600px) {
  #home .site-header { padding-block: 16px 8px; gap: 8px 12px; min-height: 0; }
  #home .brand { gap: 8px; min-width: 0; }
  #home .brand-name { font-size: clamp(25px, 6.8vw, 32px); letter-spacing: -.8px; }
  #home .brand-tagline { font-size: 5px; letter-spacing: 1.1px; }
  #home .bird-mark { width: 38px; height: 34px; }
  #home .search-toggle { padding: 10px; }
  #home .main-nav { font-size: 14px; }
  #home .hero-copy { padding: 32px var(--home-gutter); }
  #home .hero h1 { font-size: clamp(38px, 10vw, 52px); letter-spacing: -1.4px; }
  #home .hero-description { font-size: 20px; }
  #home .hero .eyebrow { margin-bottom: 20px; }
  #home .hero-footnote { font-size: 16px; }
  #home .article-grid { grid-template-columns: 1fr; gap: 36px; }
  #home .article-card h3 { font-size: 29px; }
  #home .excerpt { font-size: 19px; }
  #home .newsletter form { flex-direction: column; align-items: stretch; }
  #home .newsletter input { max-width: none; }
  #home .newsletter .button { width: 100%; }
  #home .footer-motto { margin-left: 0; white-space: normal; }
  #home .footer-bottom { gap: 18px; flex-wrap: wrap; }
  #home .category-menu-panel { padding: 18px; }
}
.journal-page-summary{text-align:center;color:#526355;font:15px/1.6 Arial,sans-serif;margin:36px 0 16px}
.article-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;font:16px/1.2 Arial,sans-serif}
.article-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 13px;border:1px solid #b7c2ae;border-radius:3px;color:#193d2f;background:#fffef9}
.article-pagination a:hover{background:#e8ead6}
.article-pagination a[aria-current="page"]{background:#193d2f;border-color:#193d2f;color:#fffef9}
.article-pagination .page-gap{padding:0 3px}
.article-pagination .page-direction{padding-inline:18px}
