/* =========================================================
   FRONTNESS — Länkkontroll
   Bygger på style.css och verktyg.css. Bara det som saknas
   där ligger här, prefixat .lc-.
   ========================================================= */

/* Formuläret i subheron har ett enda fält, till skillnad från
   synlighetsrapportens domän + e-post. En full spaltbredd åt adressen. */
.lc-form{ grid-template-columns:minmax(0,1fr) }

.lc-sect{ padding-top:2.5rem }
@media (min-width:1024px){ .lc-sect{ padding-top:3.5rem } }

/* Resultatet till vänster, körningens siffror i en klistrad spalt till höger.
   Före första körningen finns ingen sifferpanel, och då ska tomrutan ha hela
   bredden i stället för att lämna en tom spalt bredvid sig. */
.lc-work{ display:grid; gap:1.25rem; align-items:start }
.lc-work > *{ min-width:0 }
@media (min-width:1024px){
  .lc-work.is-running{ grid-template-columns:minmax(0,1fr) 22rem; gap:2rem }
  .lc-work.is-running .lc-side{ position:sticky; top:5.5rem }
}

/* Vilotillstånd: rutan står kvar tills första körningen är igång. */
.lc-empty{ display:grid; place-items:center; gap:.875rem; text-align:center;
  padding:5rem 1.5rem; color:var(--vt-faint);
  border:1px dashed var(--vt-hair); border-radius:var(--radius-card); background:var(--vt-inset) }
.lc-empty svg{ width:2.5rem; height:2.5rem; fill:none; stroke:currentColor; stroke-width:1.2;
  stroke-linecap:round; stroke-linejoin:round; opacity:.6 }
.lc-empty p{ font-size:.9375rem; line-height:1.65; max-width:34ch }

/* ------------------------------ raderna ---------------------------- */
.lc-rows{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.5rem }
.lc-row{ padding:.875rem 1.125rem; background:var(--background);
  border:1px solid var(--vt-hair); border-radius:var(--radius-card-sm); border-left-width:3px }
.lc-row--bad{ border-left-color:var(--st-bad) }
.lc-row--warn{ border-left-color:var(--st-warn) }
.lc-row__main{ display:flex; align-items:center; gap:.75rem; flex-wrap:wrap }
/* Koden bär betydelsen i klartext, pricken bara förstärker. */
.lc-code{ display:inline-flex; align-items:center; gap:.45rem; flex:none;
  font-size:.75rem; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.02em;
  color:var(--vt-muted); background:var(--vt-inset); border:1px solid var(--vt-hair);
  border-radius:.5rem; padding:.25rem .55rem; white-space:nowrap }
.lc-url{ flex:1 1 16rem; min-width:0; font-size:.875rem; color:var(--foreground);
  overflow-wrap:anywhere; text-decoration:none }
.lc-url:hover{ text-decoration:underline; text-underline-offset:2px }
.lc-src{ margin-top:.5rem; font-size:.8125rem; line-height:1.6; color:var(--vt-faint); overflow-wrap:anywhere }
.lc-src a{ color:var(--accent); text-decoration:none }
.lc-src a:hover{ text-decoration:underline; text-underline-offset:2px }
.lc-tag{ flex:none; font-size:.6875rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--vt-faint); background:var(--vt-inset); border:1px solid var(--vt-hair);
  border-radius:.4rem; padding:.2rem .45rem }

/* Hela länklistan ligger hopfälld under resultatet. */
.lc-all{ margin-top:2rem }
.lc-all summary{ cursor:pointer; font-size:.875rem; color:var(--accent) }
.lc-all .lc-rows{ margin-top:1rem }

/* ---------------------------- sifferpanelen ------------------------ */
.lc-sum{ margin:0; padding:1.25rem 0 0; border-top:1px solid var(--vt-hair) }
.lc-sum__row{ display:flex; align-items:center; gap:.75rem; padding:.4rem 0; font-size:.875rem }
.lc-sum__row span{ color:var(--vt-muted) }
.lc-sum__row b{ margin-left:auto; font-weight:600; font-variant-numeric:tabular-nums; color:var(--foreground) }
.lc-sum--split{ margin-top:.75rem; padding-top:.75rem; border-top:1px solid var(--vt-hair) }