body { font-size: 16px; line-height: 1.6; }
.home-content { max-width: 1120px; margin: 0 auto; padding: 64px 28px; }
.home-intro { max-width: 740px; margin-bottom: 40px; }
.home-intro h1 { font-size: clamp(2.3rem, 6vw, 4rem); line-height: 1.15; margin-bottom: 22px; }
.home-intro p { font-size: 1.15rem; }
.section-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.section-card { display: block; border: 1px solid var(--border); border-radius: 16px; padding: 28px; background: var(--surface); color: var(--text); text-decoration: none; }
.section-card:hover { border-color: var(--accent-strong); box-shadow: var(--shadow); }
.section-card h3 { margin: 0 0 12px; font-size: 1.5rem; line-height: 1.3; }
.section-card p { margin: 0 0 20px; }
.card-action { color: var(--accent-strong); font-weight: 650; }
.section-card.featured { grid-column: 1 / -1; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: center; background: var(--surface-soft); }
.featured img { width: 220px; height: 280px; object-fit: contain; }
.home-note { color: var(--muted); margin-top: 32px; max-width: 740px; }
@media (max-width: 720px) {
  .home-content { padding: 36px 20px; }
  .section-cards { grid-template-columns: 1fr; }
  .section-card.featured { grid-template-columns: 100px minmax(0,1fr); gap: 20px; padding: 22px; }
  .featured img { width: 100px; height: 200px; }
}
@media (max-width: 420px) {
  .section-card.featured { grid-template-columns: 1fr; }
  .featured img { width: 100%; height: 180px; }
}