.resource-directory{width:min(100% - 40px,var(--content));margin-inline:auto;padding:var(--s-6) 0 var(--s-9)}
.resource-intro{display:flex;justify-content:space-between;gap:var(--s-8);align-items:end;padding-bottom:var(--s-5);border-bottom:1px solid var(--line)}
.resource-intro h1{margin:0;font:800 1.8125rem/1.2 var(--font-display);letter-spacing:-.03em;text-wrap:balance}
.resource-intro>p{max-width:64ch;margin:0;color:var(--sand-300);font-size:.875rem;line-height:1.6;text-wrap:pretty}
.resource-metrics{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line)}
.resource-metrics>div{display:flex;align-items:baseline;gap:.5rem;min-width:0;padding:.75rem var(--s-5) .75rem 0;margin-right:var(--s-5)}
.resource-metrics strong{font:800 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums}
.resource-metrics span{color:var(--sand-500);font:650 .6875rem/1.3 var(--font-body)}
.resource-browser{padding-top:var(--s-6)}
.resource-browser>header{display:flex;justify-content:space-between;gap:var(--s-5);align-items:end;margin-bottom:var(--s-5)}
.resource-browser h2{margin:0;font:800 1.5rem/1.25 var(--font-display);letter-spacing:-.025em}
.resource-browser>header>p{margin:0;color:var(--sand-500);font-size:.76rem}
.resource-filters{display:grid;grid-template-columns:minmax(280px,2fr) repeat(3,minmax(150px,1fr));border:1px solid var(--line-strong);background:var(--ink-900)}
.resource-filters label{min-width:0;padding:var(--s-3);border-left:1px solid var(--line)}
.resource-filters label:focus-within{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--rust-500)}
.resource-filters label:first-child{border-left:0}
.resource-filters label:nth-child(n+5){border-top:1px solid var(--line)}
.resource-filters label:nth-child(5){border-left:0}
.resource-filters label>span{display:block;margin-bottom:.45rem;color:var(--sand-300);font:750 .58rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.resource-filters input,.resource-filters select{width:100%;min-height:42px;border:0;color:var(--sand-50);background:transparent}
.resource-filters input{padding-inline:.2rem}
.resource-table-wrap{margin-top:var(--s-4);border:1px solid var(--line);overflow:hidden}
.resource-table{width:100%;border-collapse:collapse;table-layout:fixed}
.resource-table th{padding:.75rem var(--s-4);color:var(--sand-500);background:var(--ink-900);font:750 .58rem/1 var(--font-mono);letter-spacing:.09em;text-align:left;text-transform:uppercase}
.resource-table th:first-child{width:36%}.resource-table th:nth-child(2){width:18%}.resource-table th:nth-child(3){width:13%}.resource-table th:nth-child(4){width:21%}.resource-table th:last-child{width:12%}
.resource-table td{padding:1rem var(--s-4);border-top:1px solid var(--line);vertical-align:middle}
.resource-table tr:hover td{background:rgba(245,240,230,.025)}
.resource-name{min-width:0}.resource-name strong{display:block;overflow:hidden;color:var(--sand-50);font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.resource-name small{display:block;overflow:hidden;margin-top:.32rem;color:var(--sand-500);font:600 .64rem/1.3 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}
.resource-purposes{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.55rem}.resource-purposes span{padding:.2rem .34rem;background:rgba(245,240,230,.055);color:var(--sand-300);font-size:.625rem;line-height:1.2}
.resource-tag{display:inline-flex;align-items:center;min-height:26px;padding:.25rem .48rem;border:1px solid var(--line-strong);color:var(--sand-300);font-size:.67rem}
.resource-tag--paid,.resource-tag--private{border-color:rgba(240,90,42,.45);color:var(--rust-500)}
.resource-access{display:flex;align-items:flex-start;flex-direction:column;gap:.35rem}.resource-access small{color:var(--sand-500);font-size:.65rem}
.resource-health{display:flex;align-items:center;gap:.55rem;color:var(--sand-300);font-size:.72rem}.resource-health i{width:7px;height:7px;border-radius:50%;background:var(--sand-500)}.resource-health--healthy i{background:var(--lime-400)}.resource-health--degraded i{background:var(--rust-500)}.resource-health--broken i{background:#e35b5b}
.resource-open{display:inline-flex;justify-content:center;min-height:40px;padding:.7rem .8rem;border:1px solid var(--line-strong);font-size:.7rem;touch-action:manipulation}.resource-open:hover{border-color:var(--rust-500);color:var(--rust-500)}
.resource-open:focus-visible{outline:2px solid var(--rust-500);outline-offset:2px}
.resource-filters input:focus-visible,.resource-filters select:focus-visible{outline:0}
.resource-empty{padding:var(--s-8);border:1px solid var(--line);text-align:center}.resource-empty p{margin:.5rem 0 0;color:var(--sand-500)}
.access-note{display:grid;grid-template-columns:40px 1fr;gap:var(--s-4);margin-top:var(--s-8);padding:var(--s-5);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.access-note>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--rust-500);color:var(--rust-500);font:800 .8rem var(--font-mono)}
.access-note h2{margin:0;font-size:1rem}.access-note p{max-width:82ch;margin:.45rem 0 0;color:var(--sand-300);font-size:.8rem;line-height:1.65}
@media(max-width:980px){.resource-intro{align-items:start;flex-direction:column}.resource-filters{grid-template-columns:1fr 1fr}.resource-filters label{border-top:1px solid var(--line)}.resource-filters label:nth-child(-n+2){border-top:0}.resource-filters label:nth-child(odd){border-left:0}}
@media(max-width:760px){.resource-directory{width:min(100% - 28px,var(--content));padding-top:var(--s-5)}.resource-browser>header{align-items:start;flex-direction:column}.resource-filters{grid-template-columns:1fr}.resource-filters label,.resource-filters label:nth-child(-n+2){border-top:1px solid var(--line);border-left:0}.resource-filters label:first-child{border-top:0}.resource-table-wrap{border:0;overflow:visible}.resource-table,.resource-table tbody,.resource-table tr,.resource-table td{display:block}.resource-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.resource-table tr{margin-bottom:var(--s-3);border:1px solid var(--line);background:var(--ink-900)}.resource-table td{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--s-3);padding:.75rem var(--s-3);border-top:1px solid var(--line)}.resource-table td:first-child{border-top:0}.resource-table td::before{content:attr(data-label);color:var(--sand-500);font:700 .56rem/1.4 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.resource-open{width:100%}}
@media(max-width:520px){.resource-metrics>div{width:100%;margin-right:0;padding:.65rem 0}.access-note{grid-template-columns:1fr}.site-footer>div{flex-wrap:wrap}}