/* Shared research landing: keep these refinements separate from city reports. */
.research-home {
  --home-accent: #954522;
  --home-rule: #c8d6ce;
}
.research-home .header-inner { min-height: 110px; }
.research-home .main-nav { gap: 24px; }
.research-home .main-nav a { padding: 12px 4px; font-size: 14px; }
.research-home .main-nav a:hover { text-decoration: underline; }
.research-home .hero { padding: 76px 0 64px; }
.research-home .home-hero { grid-template-columns: 1.5fr .8fr; gap: 72px; }
.research-home .home-hero h1 { font-size: clamp(48px, 6vw, 80px); line-height: 1.04; }
.research-home .eyebrow.accent { color: var(--home-accent); }
.research-home .hero-intro { max-width: 570px; }
.home-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 24px; margin-top: 30px; }
.home-actions a { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 48px; font-size: 14px; font-weight: 700; }
.home-primary { padding: 13px 20px; background: var(--teal); color: white; text-decoration: none; border: 1px solid var(--teal); }
.home-primary:hover { background: var(--teal-dark); color: white; }
.home-secondary { text-decoration-thickness: 1px; }
.city-home-hero .home-actions a[href="about.html"] { text-decoration: underline; text-decoration-thickness: 2px; }
.research-home .pullquote { position: relative; padding: 40px 32px; background: #e9eee5; border: 1px solid var(--home-rule); border-top: 4px solid var(--home-accent); }
.research-home .pullquote .number { color: var(--home-accent); margin-bottom: 34px; }
.research-home .pullquote p { font-size: clamp(26px, 2.5vw, 34px); line-height: 1.25; }
.research-home .city-section { padding: 28px 0 80px; scroll-margin-top: 24px; }
.research-home .section-top { border-top: 1px solid var(--home-rule); padding-top: 30px; margin-bottom: 30px; }
.research-home .section-top p { font-size: 14px; }
.research-home .city-grid { gap: 24px; }
.research-home .city-card { padding: 34px; min-height: 390px; border-color: var(--home-rule); }
.research-home .city-card h3 { font-size: clamp(36px, 3.7vw, 48px); line-height: 1.12; }
.research-home .city-card p { font-size: 16px; max-width: 330px; }
.research-home .city-card .eyebrow { margin-bottom: 24px; letter-spacing: .1em; }
.research-home .city-card .card-tags { font-size: 12px; max-width: 300px; margin-bottom: 28px; line-height: 1.6; position: relative; z-index: 1; }
.research-home .city-card .entry { border-top: 1px solid var(--home-rule); margin-top: auto; padding-top: 20px; justify-content: space-between; position: relative; z-index: 1; font-size: 14px; }
.research-home .city-card.phoenix { border-color: var(--teal); }
.research-home .city-card.phoenix .entry { border-color: #628b87; }
.research-home .city-art { bottom: 85px; right: -18px; width: 160px; opacity: .1; }
.research-home .method { padding: 64px 0; }
.research-home .method-grid { grid-template-columns: .9fr 2fr; gap: 60px; }
.research-home .questions-three article { border-top: 1px solid #afc1b7; padding-top: 20px; }
.research-home .questions-three .num { color: var(--home-accent); font-weight: 700; }
.research-home .questions-three p { font-size: 14px; line-height: 1.7; }
.research-home .context-note { padding: 56px 0; gap: 64px; }
.research-home .context-note section { border-left: 3px solid var(--home-rule); padding-left: 24px; }
.research-home .context-note h3 { font-size: 20px; }
.research-home .context-note p { font-size: 14px; line-height: 1.7; }
.research-home .text-link { display: inline-block; padding: 8px 0; }
.research-home .footer-inner { align-items: flex-start; }
.research-home .footer-links { max-width: 480px; gap: 12px 24px; }
.research-home .footer-links nav { width: 100%; gap: 12px 24px; }
.research-home .site-footer a { display: inline-block; padding: 8px 0; font-size: 13px; }
.research-home a:focus-visible { outline: 3px solid var(--home-accent); outline-offset: 5px; }
.research-home .site-footer a:focus-visible { outline-color: #f0bf87; }
@media (max-width: 1000px) {
  .research-home .home-hero { gap: 36px; }
  .research-home .method-grid { grid-template-columns: 1fr; gap: 24px; }
  .research-home .pullquote { padding: 30px 24px; }
}
@media (max-width: 700px) {
  .research-home .header-inner { min-height: 0; padding-top: 22px; }
  .research-home .main-nav { gap: 0 14px; margin-top: 18px; padding-bottom: 8px; }
  .research-home .main-nav a { font-size: 13px; min-height: 44px; }
  .research-home .hero { padding: 40px 0 32px; }
  .research-home .home-hero { display: block; }
  .research-home .home-hero h1 { font-size: clamp(44px, 11vw, 64px); }
  .home-actions { gap: 10px 24px; margin-top: 24px; }
  .research-home .pullquote { display: flex; align-items: center; gap: 20px; margin-top: 30px; padding: 22px; }
  .research-home .pullquote .number { flex: none; margin: 0; }
  .research-home .quote-icon { width: 30px; height: 30px; }
  .research-home .pullquote p { font-size: 23px; }
  .research-home .city-section { padding: 10px 0 44px; }
  .research-home .section-top { padding-top: 26px; margin-bottom: 24px; }
  .research-home .city-card { min-height: 340px; padding: 26px; }
  .research-home .city-card h3 { font-size: 37px; }
  .research-home .city-card p { font-size: 15px; }
  .research-home .city-card .entry { font-size: 13px; }
  .research-home .method { padding: 40px 0; }
  .research-home .questions-three article { padding: 20px 0; }
  .research-home .context-note { gap: 32px; padding: 40px 0; }
}
@media print {
  .research-home .hero, .research-home .method { padding: 24px 0; }
  .research-home .pullquote { background: transparent; }
  .home-actions { display: none; }
  .research-home .city-card { min-height: 0; break-inside: avoid; }
}
