.dir{--gold: #f5c84c}.dir-kicker a{color:inherit}.dir-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;font-size:calc(13px * var(--text-scale, 1));color:var(--ink-2)}.dir-checked{color:var(--ok)}.dir-toc{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.dir-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:calc(14px * var(--text-scale, 1));color:var(--ink);text-decoration:none;background:#ffffff08}.dir-toc a:hover{border-color:var(--nano)}.dir-section{scroll-margin-top:16px}.dir .dir-section h2,.dir .dir-about h2{margin:36px 0 4px;font-size:calc(21px * var(--text-scale, 1))}.dir-intro{margin:0 0 14px;color:var(--ink-2)}.dir-intro a,.dir-about a{color:var(--nano)}.dir-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none}.dir-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,#141b2bd9,#0c101bd9)}.dir-card p{margin:0;font-size:calc(14px * var(--text-scale, 1));line-height:1.5;color:#cfd5e6}.dir-name{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:calc(17px * var(--text-scale, 1));font-weight:800;color:var(--ink);text-decoration:none}.dir-name:hover{color:var(--nano)}.dir-host{margin-top:-6px;font-size:calc(12px * var(--text-scale, 1));color:var(--ink-3)}.dir-tags{display:flex;flex-wrap:wrap;gap:4px}.dir-tags span{padding:1px 8px;border-radius:var(--radius-pill);font-size:calc(11px * var(--text-scale, 1));color:var(--ink-2);background:#ffffff0f}.dir-state{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid var(--line);font-size:calc(12px * var(--text-scale, 1));color:var(--ink-2)}.dir-card.is-bad .dir-state{color:#ffb0b0}.dir-code.is-old{color:var(--gold)}.dir-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.dir-dot.is-ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dir-dot.is-warn{background:var(--gold)}.dir-dot.is-bad{background:var(--bad)}.dir-about{margin-top:28px;color:var(--ink-2)}.dir-about ul{display:grid;gap:8px;padding-left:20px;list-style:disc;line-height:1.5}.dir-code{flex-basis:100%;padding-left:14px}@media (any-pointer: coarse){.dir-name{position:relative}.dir-name:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}}@media (any-pointer: coarse){.dir-kicker a,.dir-about a,.dir-intro a{position:relative}.dir-kicker a:before,.dir-about a:before,.dir-intro a:before{content:"";position:absolute;inset:max(-14px,calc((100% - 44px)/2)) -4px}}