main h1 { max-width: 22ch; }
.paths { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 32px; }
.paths.three { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 960px) { .paths.three { grid-template-columns: 1fr; gap: 8px; } }
@media (max-width: 720px) { .paths { grid-template-columns: 1fr; gap: 8px; } }
.path h2 a { display: inline-flex; align-items: center; min-height: var(--target); text-decoration: none; }
.items { list-style: none; padding: 0; margin: 12px 0 0; border-top: 1px solid var(--rule); }
.items li { padding: 9px 0; border-bottom: 1px solid var(--rule); display: flex; gap: 12px; align-items: baseline; }
.items .n { color: var(--mute); font: 13px var(--mono); min-width: 2ch; }
.items a { flex: 1; }
.items .badge { font-size: 0.8125rem; font-weight: 700; color: var(--good); }
.how ol { padding-left: 20px; max-width: 72ch; }
.how li { margin: 4px 0; }