.skip-link{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:100}.skip-link:focus{top:1rem}
.brand:hover{text-decoration:none}.hero{padding:52px 0}.hero h1{max-width:920px}.search-label{display:block;font-weight:700;margin-bottom:.5rem}.search input{padding-left:18px}.directory-link{margin:18px 0 0}.directory-link a{font-weight:600;color:var(--gold-light)}
.directory{padding-top:32px;padding-bottom:40px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px}.filter-bar button{font:inherit;font-size:.9rem;background:white;border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--navy);cursor:pointer}.filter-bar button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.filter-bar button:hover{border-color:var(--navy)}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#result-count{color:var(--text-muted);margin:22px 0}.resource-section{margin:36px 0 44px}.resource-section h2{font-family:var(--font-head);font-weight:400;font-size:1.9rem;color:var(--navy);border-bottom:1px solid var(--border);padding-bottom:10px;margin:0 0 18px}.resource-section .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource{position:relative;padding:24px;min-height:230px}.resource h3{margin-top:0}.resource h3 a::after{content:"";position:absolute;inset:0}.resource h3 a:focus-visible{outline:none}.resource:focus-within{outline:3px solid var(--gold);outline-offset:3px}.resource .go{pointer-events:none}.resource .tags{margin-top:auto;padding-top:14px}.about-panel{border-top:1px solid var(--border);padding-top:24px;padding-bottom:24px}.about-panel h2{font-family:var(--font-head);font-weight:400;color:var(--navy)}[hidden]{display:none!important}
@media(max-width:900px){.resource-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .sub{display:none}}
@media(max-width:600px){.resource-section .grid{grid-template-columns:1fr}.topbar .container{height:auto;min-height:64px;align-items:flex-start;gap:12px;padding-top:16px;padding-bottom:16px;flex-direction:column}.topbar nav{display:flex;flex-wrap:wrap;font-size:.85rem}.hero{padding:32px 0}.hero h1{font-size:2.2rem}.hero .lede{font-size:1rem}.resource{min-height:200px}.filter-bar button{min-height:42px;font-size:.8rem;padding:7px 9px}.container{padding-left:18px;padding-right:18px}}