.site .dir-explorer{border:1px solid var(--line);background:#eae7df;border-radius:22px;padding:28px}.site .dir-toolbar{border-block-end:1px solid #d8d3c8;gap:16px;margin-block-end:22px;padding-block-end:22px;display:grid}.site .dir-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.site .dir-search-wrap{flex:280px;max-width:440px}.site .dir-search-input{width:100%;font:inherit;color:var(--ink);background:#fdfcf9;border:1px solid #d2cdc0;border-radius:12px;outline:none;padding:11px 15px;font-size:14px;transition:border-color .16s,box-shadow .16s}.site .dir-search-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #18181b14}.site .dir-count-row{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.site .dir-reset-btn{color:var(--ink);font:inherit;cursor:pointer;background:#fdfcf9;border:1px solid #cfc9bc;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.site .dir-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.site .dir-filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-inline-end:4px;font-size:12px;font-weight:600}.site .dir-pill{color:var(--ink);font:inherit;cursor:pointer;background:#f7f5ef;border:1px solid #d5d0c4;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.site .dir-pill:hover{border-color:var(--ink)}.site .dir-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.site .dir-pill-num{opacity:.72;font-size:11px}.site .dir-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.site .dir-card{background:#fdfcf9;border:1px solid #ddd8cc;border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px;transition:border-color .16s,transform .16s;display:flex}.site .dir-card:hover{border-color:#b7b0a0;transform:translateY(-1px)}.site .dir-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.site .dir-card-title-wrap{align-items:baseline;gap:8px;display:flex}.site .dir-card-index{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.site .dir-card-title{color:var(--ink);margin:0;font-size:17px;font-weight:600;line-height:1.25}.site .dir-card-host{color:var(--muted);margin-block-start:2px;font-size:12px;display:block}.site .dir-badges{flex-wrap:wrap;gap:6px;margin-block-start:10px;display:flex}.site .dir-badge{border-radius:999px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-flex}.site .dir-badge--dofollow{color:#14532d;background:#dcfce7}.site .dir-badge--mixed{color:#78350f;background:#fef3c7}.site .dir-badge--nofollow{color:#0c4a6e;background:#e0f2fe}.site .dir-badge--cat{color:#3f3f46;background:#efece4}.site .dir-badge--meta{color:#581c87;background:#f3e8ff}.site .dir-card-note{color:#3f3f46;margin:0;font-size:13.5px;line-height:1.55}.site .dir-card-foot{border-block-start:1px solid #eeeae0;justify-content:space-between;align-items:center;gap:10px;padding-block-start:12px;display:flex}.site .dir-approval{color:var(--muted);font-size:12px}.site .dir-submit-link{color:var(--ink);background:#f2efe7;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.site .dir-submit-link:hover{background:var(--ink);color:#fff}.site .dir-empty{text-align:center;background:#fdfcf9;border:1px dashed #cfc9bc;border-radius:16px;padding:36px 24px}.site .dir-empty h3{margin:0 0 6px;font-size:18px}.site .dir-empty p{color:var(--muted);margin:0 0 16px;font-size:14px}.site .dir-hero-preview{border:1px solid var(--line);background:#fdfcf9;border-radius:20px;gap:12px;padding:22px;display:grid}.site .dir-hero-row{background:#f5f2ea;border:1px solid #e6e1d5;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.site .dir-hero-row b{font-size:14px;display:block}.site .dir-hero-row small{color:var(--muted);font-size:12px}@media (max-width:680px){.site .dir-explorer{padding:18px}.site .dir-grid{grid-template-columns:1fr}}