/* Landing-page styles; article styling remains in posts/bp-algorithm.css. */
.science-hero .eyebrow { color: var(--purple); margin-bottom: 0; }
.science-hero .dek { max-width: 700px; }
.science-explore { display: inline-flex; align-items: center; gap: 24px; margin-top: 12px; color: var(--ink); font-weight: 600; text-decoration: none; }
.science-articles { max-width: 1120px; margin: 0 auto; padding: 72px 32px 96px; }
.science-section-intro { max-width: 720px; margin-bottom: 36px; }
.science-section-intro .eyebrow { color: var(--purple); margin-bottom: 16px; }
.science-section-intro h2 { margin: 0 0 20px; }
.science-section-intro > p:last-child { font-size: 19px; line-height: 1.6; color: var(--muted); }
.science-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.science-card { grid-column: auto; grid-row: auto; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: #fff; }
.science-card-image { display: block; background: #f7f7fa; }
.science-card-image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
.science-card-content { display: flex; flex-direction: column; flex: 1; padding: 28px; }
.science-category { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--purple); margin-bottom: 16px; }
.science-card h3 { font-size: clamp(25px, 2.5vw, 30px); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; margin: 0 0 20px; }
.science-card h3 a { color: var(--ink); text-decoration: none; }
.science-card h3 a:hover { color: var(--purple); text-decoration: underline; }
.science-summary { font-size: 18px; line-height: 1.6; color: var(--muted); }
.science-card-meta { margin-top: auto; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 4px 16px; justify-content: space-between; font-size: 14px; color: var(--muted); }
.science-card-meta a { color: inherit; }
.science-read { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; font-size: 16px; font-weight: 600; text-decoration: none; }
@media (max-width: 720px) {
  .science-grid { grid-template-columns: minmax(0, 1fr); }
  .science-articles { padding: 48px 20px 64px; }
  .science-card-content { padding: 24px; }
}
@media print { .science-card { break-inside: avoid; } }