/* Internal Linking */
.lk-tiles { margin-top: 8px; }
#s-table, #x-table, #p-table { margin-top: 12px; }
#view-sugg .tbl small, #view-fix .tbl small, #view-pages .tbl small { font-size: .78rem; }

/* v0.68.0: crawler-based intake, sentence view of each opportunity */
.lk-form { display: grid; gap: 10px; }
.lk-form .research-row { margin: 0; }
.lk-more > summary { cursor: pointer; font-weight: 600; color: var(--accent); min-height: 32px; display: inline-flex; align-items: center; }
.lk-more[open] > summary { margin-bottom: 8px; }
.lk-progress { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.lk-bar { flex: 1 1 260px; height: 8px; border-radius: 99px; background: var(--surface-2); border: 1px solid var(--line); overflow: hidden; }
.lk-bar > i { display: block; height: 100%; width: 0; background: var(--grad); transition: width .3s ease; }
.lk-pri { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.lk-anchor { display: grid; gap: 4px; }
.lk-snip { display: block; color: var(--muted); font-size: .86rem; line-height: 1.45; quotes: none; border-left: 3px solid var(--line); padding-left: 8px; }
.lk-snip mark { background: color-mix(in srgb, var(--accent) 18%, transparent); color: var(--ink); padding: 0 2px; border-radius: 4px; font-weight: 600; }
.lk-why { display: block; font-size: .86rem; color: var(--muted); max-width: 52ch; }
#s-table .tbl td.wide { min-width: 200px; }
/* The suggestions table fits the screen: fixed columns, long addresses wrap, the reason folds out under the anchor */
#s-table { overflow-x: auto; }
.tbl.lk-sugg { width: 100%; table-layout: fixed; }
.tbl.lk-sugg th, .tbl.lk-sugg td { text-align: left; vertical-align: top; }
.tbl.lk-sugg th:nth-child(1), .tbl.lk-sugg td:nth-child(1) { width: 150px; }
.tbl.lk-sugg th:nth-child(2), .tbl.lk-sugg td:nth-child(2), .tbl.lk-sugg th:nth-child(3), .tbl.lk-sugg td:nth-child(3) { width: 27%; }
#s-table .tbl.lk-sugg td.wide { min-width: 0; }
.lk-page { display: grid; gap: 3px; }
.lk-page a, .lk-anchor b { overflow-wrap: anywhere; }
.lk-whyd > summary { cursor: pointer; font-size: .82rem; font-weight: 600; color: var(--accent); width: max-content; }
.lk-whyd > p { margin: 6px 0 0; font-size: .86rem; color: var(--muted); }
.lk-foot { margin-top: 16px; }
.lk-foot p { margin: 0; }
@media (max-width: 1100px) {
  .tbl.lk-sugg { table-layout: auto; }
  .tbl.lk-sugg th, .tbl.lk-sugg td { width: auto !important; }
}
.tbl.lk-sugg td, .tbl.lk-sugg td * { white-space: normal; }
.tbl.lk-sugg td { overflow: hidden; }
.bulk-wrap .tbl.lk-sugg td:first-child { min-width: 0; }
/* Under 1100px each suggestion becomes a card: label above each part, no sideways scrolling */
@media (max-width: 1100px) {
  #s-table { overflow-x: visible; }
  .tbl.lk-sugg, .tbl.lk-sugg tbody, .tbl.lk-sugg tr, .tbl.lk-sugg td { display: block; width: auto !important; }
  .tbl.lk-sugg thead { display: none; }
  .tbl.lk-sugg tr { padding: 12px 14px; border-bottom: 1px solid var(--line); }
  .tbl.lk-sugg td { padding: 4px 0 !important; border: 0 !important; }
  .tbl.lk-sugg td:not(:first-child)::before { content: attr(data-label); display: block; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
  .lk-pri { flex-direction: row; align-items: center; gap: 8px; }
}
