/* Talent page: domain tiles + directory (build/biz_talent_dir.py, Alex 30 Oct 17:54) */
.td{margin:0 0 14px}
.td-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:2px 0 8px}
.td-head h2{font-size:16px;margin:0}
.td-note{font-size:11px;color:var(--muted)}
.td-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.td-tile{position:relative;text-align:left;font:inherit;color:var(--text);background:var(--t);border:1px solid transparent;border-top:4px solid var(--c);border-radius:10px;padding:10px 12px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:132px}
.td-tile:hover,.td-tile.on{border-color:var(--c);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.td-tile.off{cursor:default;opacity:.62;filter:saturate(.5)}
/* Alex 31 Oct 2026 10:57: domain tiles show their title only, so they are shorter */
.td-tile:not(:has(.td-s)){min-height:76px;justify-content:center}
.td-ic{width:26px;height:26px;fill:none;stroke:var(--c);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.td-n{position:absolute;top:9px;right:10px;font-size:10.5px;font-weight:700;background:var(--c);color:#fff;border-radius:999px;padding:2px 8px}
.td-n.td-soon{background:transparent;color:var(--c);border:1px solid var(--c);font-weight:600}
.td-t{font-size:14px;margin-top:2px}
.td-s{font-size:11.5px;color:var(--muted)}
.td-subs{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.td-subs li{font-size:10.5px;border:1px solid var(--c);color:var(--c);border-radius:999px;padding:1px 7px;background:rgba(255,255,255,.55)}
.td-dir{margin-top:10px;border:1px solid var(--border);border-top:4px solid var(--c);border-radius:10px;padding:10px 12px;background:var(--panel,#fff)}
.td-dh{display:flex;justify-content:space-between;align-items:center}
.td-dh h3{margin:0;font-size:15px;color:var(--c)}
.td-x{font:inherit;font-size:20px;line-height:1;background:none;border:0;color:var(--muted);cursor:pointer}
.td-q{width:100%;box-sizing:border-box;margin:8px 0 6px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px;background:transparent;color:var(--text)}
.td-pills{display:flex;flex-wrap:wrap;gap:5px}
.td-p{font:inherit;font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--c);background:transparent;color:var(--c);cursor:pointer}
.td-p.on{background:var(--c);color:#fff}
.td-count{font-size:11px;color:var(--muted);margin:6px 0}
.td-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:560px;overflow:auto}
.td-card{border:1px solid var(--border);border-left:3px solid var(--c);border-radius:8px;padding:8px 10px;background:var(--t)}
.td-card h4{margin:0 0 2px;font-size:13.5px}.td-card h4 a{color:inherit}
.td-card p{margin:2px 0;font-size:11.5px}
.td-role{color:var(--text)}.td-sub{font-weight:700;color:var(--c);font-size:10.5px!important;text-transform:uppercase;letter-spacing:.04em}
.td-loc{color:var(--muted)}
.td-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px!important}
.td-tags span{font-size:10px;border:1px solid var(--border);border-radius:999px;padding:0 6px;background:rgba(255,255,255,.6)}
.td-none{font-size:12px;color:var(--muted)}
html.dark .td-tile,html.dark .td-card{background:#232833}
html.dark .td-subs li,html.dark .td-tags span{background:transparent}
html.dark .td-dir{background:#1b1f27}
@media (max-width:900px){.td-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.td-grid{grid-template-columns:1fr}}