.home { padding-block: var(--sp-6) var(--sp-8); display: grid; gap: var(--sp-7); }
.hero { display: grid; gap: var(--sp-4); max-width: var(--measure); }
.hero__eyebrow { color: var(--c-primary-text); font-weight: var(--fw-semi); font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: 0.06em; }
.hero__title { font-size: var(--fs-3xl); line-height: var(--lh-tight); font-weight: var(--fw-bold); }
.hero__lead { font-size: var(--fs-lg); color: var(--c-text-2); }
.hero__cta { display: grid; gap: var(--sp-3); margin-top: var(--sp-3); }

.path {
  display: grid; grid-template-columns: 1fr auto; column-gap: var(--sp-4); align-items: center;
  min-height: var(--touch); padding: var(--sp-4) var(--sp-5);
  background: var(--c-surface); color: var(--c-text);
  border: 1px solid var(--c-border-ui); border-radius: var(--r-2); text-decoration: none;
  transition: background var(--dur) var(--ease);
}
.path .icon { grid-row: 1 / span 2; grid-column: 2; }
.path__title { font-weight: var(--fw-semi); font-size: var(--fs-lg); }
.path__hint { color: var(--c-text-2); font-size: var(--fs-sm); }
.path:hover { background: var(--c-primary-soft); }
.path--primary { background: var(--c-primary); color: var(--c-on-primary); border-color: var(--c-primary); }
.path--primary .path__hint { color: inherit; opacity: 0.85; }
.path--primary:hover { background: var(--c-primary); filter: brightness(1.08); }

.topics { display: grid; gap: var(--sp-4); }
.topics__title { font-size: var(--fs-xl); }
.topics__list { display: grid; gap: var(--sp-2); counter-reset: topic; }
.topics__list li { counter-increment: topic; }
.topics__list a {
  display: grid; grid-template-columns: auto 1fr; column-gap: var(--sp-4);
  min-height: var(--touch); padding: var(--sp-3) var(--sp-4);
  color: var(--c-text); text-decoration: none;
  border-bottom: 1px solid var(--c-border);
}
.topics__list a::before {
  content: counter(topic); grid-row: 1 / span 2;
  color: var(--c-primary-text); font-weight: var(--fw-bold); font-size: var(--fs-xl); min-width: 1.5ch;
}
.topics__list a:hover .topics__name { text-decoration: underline; text-underline-offset: 0.2em; }
.topics__name { font-weight: var(--fw-semi); }
.topics__text { color: var(--c-text-2); font-size: var(--fs-sm); }

.home__foot { display: grid; gap: var(--sp-3); color: var(--c-text-2); font-size: var(--fs-sm); }
.home__authors { color: var(--c-text-2); }

@media (min-width: 48em) {
  .hero__cta { grid-template-columns: 1fr 1fr; }
  .path--compare { grid-column: 1 / -1; }
  .topics__list { grid-template-columns: 1fr 1fr; column-gap: var(--sp-6); }
}
.home__foot a { display: inline-flex; align-items: center; min-height: var(--touch); }