.topic-path { padding: clamp(24px, 4vw, 48px) 0; border-top: 1px solid var(--line, #d4cabe); border-bottom: 1px solid var(--line, #d4cabe); }
.topic-path h2 { margin: 0 0 12px; font-size: clamp(24px, 3vw, 34px); line-height: 1.2; }
.topic-path-intro { max-width: 75ch; margin: 0 0 24px; line-height: 1.6; }
.topic-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.topic-path-grid h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.35; }
.topic-path-grid p { margin: 0; line-height: 1.6; }
.topic-path-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; }
.topic-path-links a { text-decoration: underline; text-underline-offset: 4px; line-height: 1.5; }
.topic-path-links a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 760px) { .topic-path-grid { grid-template-columns: 1fr; gap: 20px; } }