/* Shared homepage tokens and shell are in v2.css. These rules scope the hub. */
.directory-index{max-width:1136px;margin:30px auto 64px;padding:0 28px}
.directory-crumbs{display:flex;gap:10px;font-size:14px;color:var(--muted);margin-bottom:38px}
.directory-index .directory-crumbs a{display:inline}
.directory-index .hero{text-align:left;background:transparent;border:0;padding:0 0 34px;max-width:850px}
.directory-index h1{font-size:clamp(34px,3.5vw,44px);margin:12px 0 20px;line-height:1.13}
.directory-index .hero>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:670px}
.directory-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:26px;font-size:15px}
.directory-actions .primary{display:inline-flex;align-items:center;text-decoration:none;padding:13px 22px;font-size:15px}
.directory-index .jump{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:40px}
.directory-index .jump-inner{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;line-height:1.8}
.directory-index .jump p{margin:0;font-size:14px;color:var(--muted)}
.directory-index .jump a{color:var(--blue)}
.directory-index .dir-section{margin-bottom:44px;scroll-margin-top:100px}
.directory-index .dir-section-title{font-size:29px;margin-bottom:20px;line-height:1.3}
.directory-index .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.directory-index .dir-link{min-width:0;display:flex;flex-direction:column;text-decoration:none;padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:8px;transition:border-color .15s}
.directory-index .dir-link:hover{border-color:var(--blue)}
.directory-index .title{color:var(--ink);font-size:16px;font-weight:550;line-height:1.7;margin-bottom:12px}
.directory-index .desc{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:20px}
.directory-index .meta{font-size:13px;color:var(--blue);margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.directory-index .related-section{border-top:1px solid var(--line);padding-top:32px;scroll-margin-top:100px}
.directory-index .related-section h2{font-size:29px;margin-bottom:15px}
.directory-index .related-section h3{font:600 18px/1.5 Inter,Arial,sans-serif;margin:20px 0 13px}
.directory-index .related-section p{font-size:15px;color:var(--muted);line-height:1.9}
.directory-index .related-link{font-size:14px;line-height:1.7;padding:8px 12px;background:var(--paper);border:1px solid var(--line);border-radius:5px;color:var(--blue);text-decoration:none}
@media(max-width:850px){.directory-index .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.directory-index{padding:0 20px;margin-top:22px}.directory-index .grid{grid-template-columns:1fr}.directory-index h1{font-size:34px}.directory-index .dir-link{padding:23px}.directory-actions{gap:18px}.directory-actions .primary{width:100%;justify-content:center}.directory-index .dir-section-title{font-size:26px}.directory-index .jump-inner{gap:12px 18px}}