/* The Links directory: a 1997 portal index in the Nuxtre palette — bold category heads, small sub-links, a boxed
   Link of the Day, NEW! badges, weird-rating glyphs. docs/10 §4 tokens; shell.css provides .nx-btn/.nx-ai/.dim. */
.lk-masthead h1 { margin: 0 0 4px; }
.lk-tag-line { margin: 0 0 10px; color: var(--nx-text-dim); }
.lk-search { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 8px 0 16px; }
.lk-search input[type=search] { flex: 1; min-width: 180px; height: 38px; border-radius: 19px; border: 1px solid var(--nx-cyan); background: var(--nx-void); color: var(--nx-text); padding: 0 14px; font: 15px var(--nx-font-body); }

.lk-lotd { border: 3px double var(--nx-acid); background: rgba(11, 222, 251, .06); padding: 10px 14px; margin: 0 0 18px; box-shadow: var(--nx-glow-cyan); }
.lk-lotd h2 { margin: 0 0 6px; font: 600 12px var(--nx-font-console); letter-spacing: .25em; color: var(--nx-acid-text); }
.lk-lotd .lk-desc { margin: 4px 0; }

.lk-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 28px; margin: 0 0 18px; }
.lk-cat h2 { margin: 10px 0 2px; font: 700 17px var(--nx-font-display); letter-spacing: .02em; }
.lk-cat h2 a { color: var(--nx-link); text-decoration: none; }
.lk-cat h2 a:hover { text-decoration: underline; }
.lk-blurb { margin: 0 0 3px; font-size: 13px; color: var(--nx-text-dim); }
.lk-blurb.big { font-size: 15px; color: var(--nx-text); }
.lk-subs { margin: 0; font-size: 13px; line-height: 1.6; }
.lk-subs a { color: var(--nx-text); text-decoration: underline; text-decoration-color: rgba(11, 222, 251, .5); }
.lk-subs a:hover { color: var(--nx-acid-text); }

.lk-side { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 24px; border-top: 1px dashed var(--nx-text-dim); padding-top: 10px; }
.lk-side h2 { font: 600 12px var(--nx-font-console); letter-spacing: .2em; color: var(--nx-text-dim); margin: 8px 0 4px; }

.lk-list { list-style: none; margin: 0; padding: 0; }
.lk-list.compact li { padding: 3px 0; font-size: 14px; border-bottom: 1px dotted rgba(255, 255, 255, .12); }
.lk-row { padding: 10px 0; border-bottom: 1px dotted rgba(11, 222, 251, .35); }
.lk-row.gone .lk-title { text-decoration: line-through; text-decoration-color: var(--nx-danger, #f33); color: var(--nx-text-dim); }
.lk-row.suspect .lk-title::after { content: ' ?'; color: var(--nx-warn, #ffd43b); }
.lk-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.lk-title { font: 700 16px var(--nx-font-display); letter-spacing: .01em; color: var(--nx-link); text-decoration: none; overflow-wrap: anywhere; }
a.lk-title:hover { text-decoration: underline; color: var(--nx-acid-text); }
.lk-where { font: 12px var(--nx-font-console); color: var(--nx-text-dim); overflow-wrap: anywhere; }
.lk-desc { margin: 3px 0; }
.lk-desc.big { font-size: 17px; }
.lk-meta { font-size: 13px; color: var(--nx-text-dim); }
.lk-meta a, .lk-go { color: var(--nx-text); }
.lk-go { font: 600 13px var(--nx-font-console); color: var(--nx-acid-text); text-decoration: none; }
.lk-go:hover { text-decoration: underline; }
.lk-weird { font: 13px/1 var(--nx-font-console); letter-spacing: .08em; color: var(--nx-acid); white-space: nowrap; }
.lk-new { display: inline-block; font: 700 10px/1.2 var(--nx-font-console); letter-spacing: .12em; padding: 2px 5px; color: #000; background: #ffd43b; border: 1px solid #ff2a4a; transform: rotate(-4deg); animation: lk-new 1.1s steps(2) infinite; }
@keyframes lk-new { 50% { background: #ff2a4a; color: #fff; } }
.lk-tag { display: inline-block; font: 11px var(--nx-font-console); letter-spacing: .05em; padding: 1px 6px; border: 1px solid var(--nx-text-dim); border-radius: 3px; color: var(--nx-text); text-decoration: none; margin: 1px 0; }
.lk-tag:hover { border-color: var(--nx-acid); color: var(--nx-acid-text); }
.lk-tags { line-height: 2; }

.lk-crumbs { font: 12px var(--nx-font-console); letter-spacing: .05em; color: var(--nx-text-dim); margin: 0 0 6px; }
.lk-crumbs a { color: var(--nx-text-dim); }
.lk-subcats { list-style: none; margin: 0 0 10px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 18px; }
.lk-subcats li { font-size: 14px; }
.lk-sort { margin: 6px 0 2px; font-size: 13px; }

.lk-h1 { margin: 6px 0 2px; overflow-wrap: anywhere; }
.lk-random-note { font: 600 12px var(--nx-font-console); letter-spacing: .15em; color: var(--nx-magenta, #f209f3); margin: 0; }
.lk-goline { margin: 12px 0; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.lk-bigo { font-size: 16px; overflow-wrap: anywhere; }
.lk-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 14px; margin: 10px 0 16px; font-size: 14px; }
.lk-facts dt { color: var(--nx-text-dim); font: 600 11px var(--nx-font-console); letter-spacing: .15em; text-transform: uppercase; padding-top: 3px; }
.lk-facts dd { margin: 0; overflow-wrap: anywhere; }
.lk-gone-note { padding: 10px 12px; border: 1px dashed var(--nx-danger, #f33); color: var(--nx-text); }
.lk-url code { overflow-wrap: anywhere; font-size: 14px; }

.lk-form { max-width: 640px; }
.lk-form select { width: 100%; }
.lk-error { border-color: var(--nx-danger, #f33); }
.lk-status { font: 600 11px var(--nx-font-console); letter-spacing: .12em; text-transform: uppercase; color: var(--nx-warn, #ffd43b); }
.lk-status.ok { color: var(--nx-ok, #3f6); } .lk-status.no { color: var(--nx-danger, #f33); }
.lk-review { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 6px 0 0; font-size: 13px; }
.lk-review input[name=note] { flex: 1; min-width: 160px; }

.lk-ring-title { font-family: var(--nx-font-display); letter-spacing: .04em; color: var(--nx-text-dim); text-shadow: 0 0 12px rgba(242, 9, 243, .5); }
.lk-list.ring .lk-row { border-bottom-color: rgba(242, 9, 243, .35); }

@media (max-width: 640px) {
  .lk-index { grid-template-columns: 1fr; }
  .lk-facts { grid-template-columns: 1fr; gap: 0 }
  .lk-facts dt { margin-top: 6px; }
}
