/* 1. Newspaper type and rules */
.home { --headline: Georgia, "Times New Roman", serif; }
.home h1, .home h2, .home h3 {
  margin: 0 0 .75rem;
  padding: 0;
  border: 0;
  font-family: var(--headline);
  line-height: 1.15;
  color: var(--uf-dark-blue);
}
.home h1 { font-size: clamp(2.2rem,4vw,3.7rem); letter-spacing: -.035em; }
.home h2 { font-size: 1.8rem; }
.home h3 { font-size: 1.35rem; }
.home p { margin: 0 0 1rem; }
.home .eyebrow {
  font: 700 .75rem/1.5 Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--uf-blue);
}
.home .sample-note { font-size: .8rem; color: #465368; }
/* 2. Explicit grid: use a div, not Quarto's margin aside */
.home .lead-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  align-items: start;
  gap: 1.75rem;
  padding-block: 1.25rem 1.75rem;
  border-top: 3px solid var(--uf-orange);
}
.home .lead-grid > * { min-width: 0; }
.home .profile-column {
  position: static;
  width: auto;
  padding-left: 1.5rem;
  border-left: 1px solid var(--rule);
}
.home .research-links { display: flex; flex-wrap: wrap; gap: 1rem; font-weight: 700; }
.home .research-feature {
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: rgba(0,33,165,.035);
  border-block: 1px solid var(--rule);
}
/* 3. Profiles and labeled slashlines */
.home .profile + .profile { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
.home .profile-heading { display: flex; align-items: center; gap: .75rem; }
.home .profile-heading img { width: 64px; height: 64px; object-fit: contain; background: white; }
.home .profile-heading h3 { margin: 0; }
.home .statline { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 1rem 0; }
.home .stat { position: relative; text-align: center; padding-inline: .25rem; }
.home .stat + .stat::before { content: "/"; position: absolute; left: -.2rem; color: #788392; font-size: 1.5rem; }
.home .stat strong { display: block; font-size: 1.5rem; line-height: 1.3; font-variant-numeric: tabular-nums; color: var(--uf-dark-blue); }
.home .stat span { display: block; font-size: .65rem; font-weight: 700; }
/* 4. Matchups and longer writing */
.home .home-section { padding-block: 1.5rem; border-top: 1px solid var(--rule); }
.home .two-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
.home .two-columns > * { min-width: 0; }
.home .two-columns > :nth-child(2) { padding-left: 1.5rem; border-left: 1px solid var(--rule); }
.home .match { padding-block: .8rem; border-top: 1px solid var(--rule); }
.home .match strong { display: block; color: var(--uf-dark-blue); }
.home .match p { margin: .25rem 0 0; font-size: .9rem; }
/* 5. Mailbag at the bottom */
.home .mailbag-banner { padding: 1.5rem; border: 1px solid var(--rule); border-top: 3px solid var(--uf-blue); background: rgba(242,169,0,.08); }
@media (max-width: 1000px) {
  .home .lead-grid { grid-template-columns: 1fr; }
  .home .profile-column { padding: 1.5rem 0 0; border-left: 0; border-top: 1px solid var(--rule); }
}
@media (max-width: 600px) {
  .home .two-columns { grid-template-columns: 1fr; }
  .home .two-columns > :nth-child(2) { padding: 1rem 0 0; border-left: 0; border-top: 1px solid var(--rule); }
}
