.lr-guide-card { margin-bottom: 18px; }
.lr-rel-table-wrap { overflow-x: auto; margin-top: 10px; }
.lr-rel-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  line-height: 1.35;
}
.lr-rel-table th,
.lr-rel-table td {
  border: 1px solid rgba(255,255,255,.14);
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  color: rgba(255,255,255,.9);
}
.lr-rel-table th {
  background: rgba(0,0,0,.2);
  font-weight: 800;
  color: #b8fff8;
}
.lr-rel-table tr:nth-child(even) td { background: rgba(0,0,0,.08); }
.lr-rel-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,.2);
}
.lr-rel-badge.is-high { border-color: rgba(166, 147, 239,.5); color: #A7E3A6; }
.lr-rel-badge.is-medium { border-color: rgba(255,198,75,.5); color: #FFC64B; }
.lr-rel-badge.is-low { border-color: rgba(240,139,131,.45); color: #FFB6AE; }
.lr-rel-badge.is-poor { border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.75); }
.lr-portals-list { display: grid; gap: 10px; margin-top: 12px; }
.lr-portal-row {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.1);
}
.lr-portal-row strong { color: #fff; display: block; margin-bottom: 4px; }
.lr-portal-row span { font-size: 0.86rem; opacity: 0.9; line-height: 1.4; }
.lr-hint-box {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,198,75,.35);
  background: rgba(255,198,75,.08);
  font-size: 0.9rem;
  line-height: 1.45;
  color: rgba(255,255,255,.92);
}
.lr-hint-box[hidden] { display: none !important; }
.lr-hint-box strong { color: #FFC64B; }