.site-directory{max-width:72rem;margin-inline:auto;padding:clamp(1.25rem,4vw,4rem)}
.directory-head{max-width:65ch;margin-block:2rem 3rem}
.directory-context{margin:0 0 .8rem;color:var(--muted);font-size:.78rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.site-directory h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.03em;text-wrap:balance}
.site-directory p{max-width:70ch;line-height:1.65}
.directory-search{max-width:42rem;margin-block:2rem}
.directory-search label{display:block;font-weight:650;margin-bottom:.65rem}
.directory-search>div{display:flex;gap:.6rem}
.directory-search input{min-width:0;flex:1;padding:.85rem;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--ink-soft);border-radius:.25rem}
.directory-search input::placeholder{color:var(--ink-soft);opacity:1}
.directory-search button{font:inherit;padding:.5rem .8rem;color:var(--ink);background:var(--paper);border:1px solid var(--ink-soft);border-radius:.25rem;cursor:pointer}
.directory-pillars{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;margin-block:2rem 3rem}
.site-directory [data-index-section]{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);gap:2.5rem;border-top:1px solid var(--hairline);padding-block:2rem;scroll-margin-top:6rem}
.site-directory h2{font-size:1.4rem;line-height:1.3;margin:0;text-wrap:balance}
.site-directory [data-index-section]>header p{font-size:.92rem}
.site-directory ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;align-content:start}
.site-directory li>a{font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}
.site-directory li p{margin:.35rem 0 0;font-size:.9rem}
.site-directory a{text-underline-offset:.22em}
.site-directory :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.site-directory [hidden]{display:none!important}
.site-directory footer{margin-top:3rem}
@media(max-width:700px){.site-directory [data-index-section]{grid-template-columns:1fr;gap:1.25rem}.site-directory ul{grid-template-columns:1fr}.directory-pillars{gap:.85rem 1.25rem}}