/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/
/* ==========================================================
   MANUAL SABLE DE LUZ RGB/LK
   ----------------------------------------------------------
   INSTRUCCIONES:
   Copiar TODO este bloque y pegarlo al FINAL de tu archivo:
   /wp-content/themes/TU-CHILD-THEME/style.css

   No toques ni reemplaces el encabezado que ya tiene ese
   archivo (el que dice Theme Name, Version, etc.).
   Solo pega esto al final, después de todo lo que ya hay.
   ========================================================== */

/* =============================================
   VARIABLES Y RESET BASE
   ============================================= */
.lk-saber-post * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.lk-saber-post {
  font-family: 'Courier New', 'Lucida Console', monospace;
  background: linear-gradient(160deg, #020b18 0%, #050f1f 40%, #080d1a 100%);
  color: #c8d8f0;
  padding: 2rem 1.2rem;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  line-height: 1.6;
}
.lk-saber-post::before {
  content: '';
  position: absolute;
  top: -120px; left: -120px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(0,120,255,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.lk-saber-post::after {
  content: '';
  position: absolute;
  bottom: -80px; right: -80px;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(180,0,0,0.06) 0%, transparent 70%);
  pointer-events: none;
}

/* =============================================
   TIPOGRAFÍA
   ============================================= */
.lk-title-main {
  font-size: clamp(1.4rem, 4vw, 2.4rem);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 0 18px #1a9fff, 0 0 40px #0066cc88;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(26,159,255,0.25);
  margin-bottom: 0.4rem;
}
.lk-subtitle {
  text-align: center;
  color: #6aabff;
  font-size: 0.8rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  margin-bottom: 2rem;
  opacity: 0.7;
}
.lk-section-title {
  font-size: clamp(1rem, 3vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1a9fff;
  text-shadow: 0 0 10px #1a9fff88;
  margin-bottom: 1.2rem;
  padding-left: 0.8rem;
  border-left: 3px solid #1a9fff;
  position: relative;
}
.lk-section-title::after {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, rgba(26,159,255,0.5) 0%, transparent 100%);
  margin-top: 0.3rem;
}
.lk-section-block {
  margin-bottom: 3rem;
}

/* =============================================
   INTRODUCCIÓN
   ============================================= */
.lk-intro-box {
  background: rgba(10,25,50,0.7);
  border: 1px solid rgba(26,159,255,0.2);
  border-radius: 10px;
  padding: 1.4rem 1.6rem;
  margin-bottom: 2.5rem;
  font-size: 0.93rem;
  color: #b0c8e8;
  line-height: 1.8;
}
.lk-intro-box strong {
  color: #6acdff;
}

/* =============================================
   LEYENDA DE COLORES
   ============================================= */
.lk-legend-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.lk-legend-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background: rgba(5,15,35,0.8);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 8px;
  padding: 0.5rem 0.8rem;
}
.lk-legend-label {
  font-size: 0.78rem;
  color: #9ab8d8;
  line-height: 1.3;
}
.lk-legend-label strong {
  display: block;
  font-size: 0.82rem;
  color: #ddeeff;
}

/* =============================================
   MINI SABLES (leyenda + cards)
   ============================================= */
.lk-mini-saber {
  width: 10px;
  height: 52px;
  border-radius: 6px;
  flex-shrink: 0;
  position: relative;
}
.lk-mini-saber-blue    { background: linear-gradient(180deg,#aad4ff,#1a7fff,#0044bb); box-shadow: 0 0 8px #1a7fff, 0 0 18px #0066ff88; }
.lk-mini-saber-green   { background: linear-gradient(180deg,#aaffe0,#00e878,#009940); box-shadow: 0 0 8px #00e878, 0 0 18px #00cc6088; }
.lk-mini-saber-red     { background: linear-gradient(180deg,#ffaaaa,#ff2a2a,#aa0000); box-shadow: 0 0 8px #ff2a2a, 0 0 18px #cc000088; }
.lk-mini-saber-redintense { background: linear-gradient(180deg,#ffbbbb,#ff1a1a,#cc0000); box-shadow: 0 0 10px #ff1a1a, 0 0 22px #ee000099; }
.lk-mini-saber-pink    { background: linear-gradient(180deg,#ffccee,#ff4da6,#cc0066); box-shadow: 0 0 8px #ff4da6, 0 0 18px #ff008888; }
.lk-mini-saber-magenta { background: linear-gradient(180deg,#ffbbff,#ff00cc,#aa0088); box-shadow: 0 0 8px #ff00cc, 0 0 18px #cc00aa88; }
.lk-mini-saber-purple  { background: linear-gradient(180deg,#e0aaff,#bb55ff,#7700cc); box-shadow: 0 0 8px #bb55ff, 0 0 18px #9900ff88; }
.lk-mini-saber-purplelight { background: linear-gradient(180deg,#eeddff,#cc88ff,#9933dd); box-shadow: 0 0 8px #cc88ff, 0 0 18px #aa44ee88; }
.lk-mini-saber-cyan    { background: linear-gradient(180deg,#bbf0ff,#22d4ff,#0088bb); box-shadow: 0 0 8px #22d4ff, 0 0 18px #00aadd88; }
.lk-mini-saber-white   { background: linear-gradient(180deg,#ffffff,#ddddff,#aaccff); box-shadow: 0 0 8px #ffffff, 0 0 18px #aaccff88; }
.lk-mini-saber-whitepurple { background: linear-gradient(180deg,#ffffff,#e8ccff,#cc99ff); box-shadow: 0 0 8px #e8ccff, 0 0 22px #bb88ff99; }
.lk-mini-saber-gray    { background: linear-gradient(180deg,#999,#555,#333); box-shadow: 0 0 6px #77778888; }
.lk-mini-saber-redpink { background: linear-gradient(180deg,#ffaacc,#ff3366,#cc0033); box-shadow: 0 0 8px #ff3366, 0 0 18px #ff005588; }
.lk-mini-saber-redmagenta { background: linear-gradient(180deg,#ffbbee,#ff1a88,#cc0066); box-shadow: 0 0 8px #ff1a88, 0 0 18px #ee005588; }

/* Animación de parpadeo */
@keyframes lkSaberPulse {
  0%   { opacity: 1; box-shadow: inherit; }
  50%  { opacity: 0.55; filter: brightness(0.6); }
  100% { opacity: 1; box-shadow: inherit; }
}
.lk-mini-saber-pulse { animation: lkSaberPulse 1.6s ease-in-out infinite; }
.lk-mini-saber-pulse-slow { animation: lkSaberPulse 2.6s ease-in-out infinite; }

/* =============================================
   "CÓMO LEER ESTA GUÍA"
   ============================================= */
.lk-guide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.8rem;
}
.lk-guide-item {
  background: rgba(8,20,45,0.8);
  border: 1px solid rgba(26,159,255,0.15);
  border-radius: 8px;
  padding: 0.9rem 1rem;
}
.lk-guide-term {
  font-size: 0.85rem;
  font-weight: 700;
  color: #5bc8ff;
  margin-bottom: 0.3rem;
}
.lk-guide-def {
  font-size: 0.8rem;
  color: #8aaccc;
  line-height: 1.5;
}

/* =============================================
   BADGES
   ============================================= */
.lk-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.6rem;
}
.lk-badge {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 0.2rem 0.55rem;
}
.lk-badge-movimiento { background: rgba(26,159,255,0.18); color: #5bc8ff; border: 1px solid rgba(26,159,255,0.4); }
.lk-badge-impacto    { background: rgba(255,80,80,0.18);  color: #ff8a8a; border: 1px solid rgba(255,60,60,0.4); }
.lk-badge-parpadeo   { background: rgba(180,100,255,0.18);color: #cc88ff; border: 1px solid rgba(160,80,255,0.4); }
.lk-badge-favorito   { background: rgba(255,200,0,0.15);  color: #ffd700; border: 1px solid rgba(255,200,0,0.45); }
.lk-badge-pendiente  { background: rgba(100,100,100,0.2); color: #aaaaaa; border: 1px solid rgba(120,120,120,0.35); }
.lk-badge-oscuro     { background: rgba(120,0,0,0.25);    color: #ff7070; border: 1px solid rgba(160,0,0,0.4); }
.lk-badge-luz        { background: rgba(200,240,255,0.12);color: #aae8ff; border: 1px solid rgba(160,220,255,0.35); }
.lk-badge-auto       { background: rgba(0,200,140,0.15);  color: #44ffbb; border: 1px solid rgba(0,200,140,0.4); }

/* =============================================
   TARJETAS DE SOUND FONT
   ============================================= */
.lk-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 1.2rem;
}
.lk-card {
  background: rgba(8,18,40,0.88);
  border: 1px solid rgba(40,80,140,0.35);
  border-radius: 12px;
  padding: 1.2rem 1.3rem 1rem;
  position: relative;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  overflow: hidden;
}
.lk-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(26,159,255,0.5), transparent);
  border-radius: 12px 12px 0 0;
}
.lk-card:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 8px 32px rgba(26,159,255,0.18);
  border-color: rgba(26,159,255,0.5);
}
/* Favorito */
.lk-card-fav {
  border-color: rgba(255,200,0,0.3);
  box-shadow: 0 0 20px rgba(255,200,0,0.08);
}
.lk-card-fav::before {
  background: linear-gradient(90deg, transparent, rgba(255,200,0,0.55), transparent);
}
.lk-card-fav:hover {
  box-shadow: 0 8px 36px rgba(255,200,0,0.22);
  border-color: rgba(255,200,0,0.65);
}
/* Pendiente */
.lk-card-pending {
  opacity: 0.75;
  border-color: rgba(100,100,100,0.3);
}
.lk-card-pending::before {
  background: linear-gradient(90deg, transparent, rgba(120,120,120,0.4), transparent);
}

.lk-card-number {
  position: absolute;
  top: 0.7rem; right: 0.9rem;
  font-size: 0.65rem;
  color: rgba(100,140,200,0.5);
  letter-spacing: 0.1em;
  font-weight: 700;
}
.lk-card-name {
  font-size: 1.05rem;
  font-weight: 900;
  color: #e8f2ff;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.25rem;
}
.lk-card-name .lk-star {
  color: #ffd700;
  text-shadow: 0 0 8px #ffd700;
  margin-right: 0.3rem;
}
.lk-card-inspiration {
  font-size: 0.74rem;
  color: #5a8aaa;
  margin-bottom: 0.8rem;
  letter-spacing: 0.05em;
}
.lk-card-inspiration span {
  color: #7aaaca;
}

.lk-card-row {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
}
.lk-card-label {
  color: #3a7aaa;
  flex-shrink: 0;
  font-weight: 700;
  min-width: 100px;
  font-size: 0.73rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.lk-card-value {
  color: #a0c4e0;
  font-size: 0.8rem;
}
.lk-card-note {
  font-size: 0.76rem;
  color: #6a8aaa;
  font-style: italic;
  margin-top: 0.4rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(40,80,140,0.25);
}

/* Contenedor de sables visuales en la tarjeta */
.lk-saber-visual-row {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin: 0.8rem 0;
  flex-wrap: wrap;
}
.lk-saber-visual-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.lk-saber-visual-lbl {
  font-size: 0.6rem;
  color: #4a7aaa;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
  max-width: 60px;
  line-height: 1.2;
}

/* Sables horizontales en tarjeta (más largo, horizontal) */
.lk-saber-h {
  height: 10px;
  border-radius: 6px;
  width: 120px;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.lk-card:hover .lk-saber-h {
  transform: scaleX(1.04);
  filter: brightness(1.3);
}
.lk-saber-h-blue    { background: linear-gradient(90deg,#aad4ff,#1a7fff,#0044bb); box-shadow: 0 0 10px #1a7fff, 0 0 24px #0066ff88; }
.lk-saber-h-green   { background: linear-gradient(90deg,#aaffe0,#00e878,#009940); box-shadow: 0 0 10px #00e878, 0 0 24px #00cc6088; }
.lk-saber-h-red     { background: linear-gradient(90deg,#ffaaaa,#ff2a2a,#aa0000); box-shadow: 0 0 10px #ff2a2a, 0 0 24px #cc000088; }
.lk-saber-h-redintense { background: linear-gradient(90deg,#ffbbbb,#ff1111,#cc0000); box-shadow: 0 0 12px #ff1111, 0 0 28px #ee000099; }
.lk-saber-h-pink    { background: linear-gradient(90deg,#ffccee,#ff4da6,#cc0066); box-shadow: 0 0 10px #ff4da6, 0 0 24px #ff008888; }
.lk-saber-h-magenta { background: linear-gradient(90deg,#ffbbff,#ff00cc,#aa0088); box-shadow: 0 0 10px #ff00cc, 0 0 24px #cc00aa88; }
.lk-saber-h-purple  { background: linear-gradient(90deg,#e0aaff,#bb55ff,#7700cc); box-shadow: 0 0 10px #bb55ff, 0 0 24px #9900ff88; }
.lk-saber-h-purplelight { background: linear-gradient(90deg,#eeddff,#cc88ff,#9933dd); box-shadow: 0 0 10px #cc88ff, 0 0 24px #aa44ee88; }
.lk-saber-h-cyan    { background: linear-gradient(90deg,#bbf0ff,#22d4ff,#0088bb); box-shadow: 0 0 10px #22d4ff, 0 0 24px #00aadd88; }
.lk-saber-h-white   { background: linear-gradient(90deg,#ffffff,#ddddff,#aaccff); box-shadow: 0 0 10px #ffffff, 0 0 24px #aaccff88; }
.lk-saber-h-whitepurple { background: linear-gradient(90deg,#ffffff,#e8ccff,#cc99ff); box-shadow: 0 0 12px #e8ccff, 0 0 28px #bb88ff99; }
.lk-saber-h-gray    { background: linear-gradient(90deg,#888,#555,#333); box-shadow: 0 0 6px #66666688; }
.lk-saber-h-redpink { background: linear-gradient(90deg,#ffaacc,#ff3366,#cc0033); box-shadow: 0 0 10px #ff3366, 0 0 24px #ff005588; }
.lk-saber-h-redmagenta { background: linear-gradient(90deg,#ffbbee,#ff1a88,#aa0055); box-shadow: 0 0 10px #ff1a88, 0 0 24px #ee005588; }

@keyframes lkSaberHPulse {
  0%   { opacity: 1; }
  50%  { opacity: 0.45; filter: brightness(0.5); }
  100% { opacity: 1; }
}
.lk-saber-h-pulse      { animation: lkSaberHPulse 1.5s ease-in-out infinite; }
.lk-saber-h-pulse-slow { animation: lkSaberHPulse 2.8s ease-in-out infinite; }

/* =============================================
   TABLA DE AJUSTES
   ============================================= */
.lk-table-wrap {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid rgba(26,159,255,0.15);
}
.lk-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 500px;
}
.lk-table thead tr {
  background: rgba(10,30,70,0.9);
}
.lk-table thead th {
  padding: 0.75rem 1rem;
  text-align: left;
  color: #1a9fff;
  font-size: 0.73rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(26,159,255,0.25);
}
.lk-table tbody tr {
  border-bottom: 1px solid rgba(26,80,140,0.15);
  transition: background 0.2s;
}
.lk-table tbody tr:nth-child(odd) {
  background: rgba(8,18,45,0.6);
}
.lk-table tbody tr:nth-child(even) {
  background: rgba(5,14,35,0.55);
}
.lk-table tbody tr:hover {
  background: rgba(26,100,200,0.12);
}
.lk-table td {
  padding: 0.7rem 1rem;
  color: #9ab8d8;
  vertical-align: top;
}
.lk-table td:first-child {
  color: #4ab8ff;
  font-weight: 700;
  white-space: nowrap;
}
.lk-table td:nth-child(2) {
  color: #c0d8f0;
}
.lk-table td:last-child {
  color: #6a9abb;
  font-style: italic;
  font-size: 0.77rem;
}

/* =============================================
   CONTROLES RÁPIDOS
   ============================================= */
.lk-controls-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}
@media (max-width: 620px) {
  .lk-controls-grid { grid-template-columns: 1fr; }
}
.lk-ctrl-block {
  background: rgba(8,18,42,0.85);
  border: 1px solid rgba(26,159,255,0.18);
  border-radius: 10px;
  padding: 1.1rem 1.2rem;
}
.lk-ctrl-block-title {
  font-size: 0.78rem;
  font-weight: 800;
  color: #1a9fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.9rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(26,159,255,0.2);
}
.lk-ctrl-item {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
  font-size: 0.8rem;
}
.lk-ctrl-icon {
  flex-shrink: 0;
  width: 20px; height: 20px;
  background: rgba(26,159,255,0.15);
  border: 1px solid rgba(26,159,255,0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  color: #1a9fff;
  margin-top: 0.05rem;
}
.lk-ctrl-text {
  color: #8aaccc;
  line-height: 1.5;
}
.lk-ctrl-text strong {
  color: #c0d8f0;
  display: block;
  font-size: 0.78rem;
}

/* =============================================
   RECOMENDACIONES POR ESTILO
   ============================================= */
.lk-rec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 1rem;
}
.lk-rec-card {
  background: rgba(8,18,42,0.85);
  border: 1px solid rgba(40,80,140,0.3);
  border-radius: 10px;
  padding: 1.1rem 1.2rem;
  transition: transform 0.2s, box-shadow 0.2s;
}
.lk-rec-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(26,159,255,0.15);
}
.lk-rec-card-fav {
  border-color: rgba(255,200,0,0.28);
}
.lk-rec-card-fav:hover {
  box-shadow: 0 6px 24px rgba(255,200,0,0.18);
}
.lk-rec-title {
  font-size: 0.75rem;
  font-weight: 800;
  color: #4ab8ff;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.3rem;
}
.lk-rec-mode {
  font-size: 0.92rem;
  font-weight: 900;
  color: #e8f4ff;
  margin-bottom: 0.15rem;
}
.lk-rec-detail {
  font-size: 0.77rem;
  color: #6a9abb;
  line-height: 1.5;
  margin-bottom: 0.4rem;
}
.lk-rec-saber-row {
  margin: 0.5rem 0;
}

/* =============================================
   CONFIGURACIÓN RECOMENDADA (final)
   ============================================= */
.lk-final-box {
  background: linear-gradient(135deg, rgba(10,30,70,0.92) 0%, rgba(5,15,40,0.95) 100%);
  border: 1px solid rgba(255,200,0,0.35);
  border-radius: 12px;
  padding: 1.6rem 1.8rem;
  text-align: center;
  box-shadow: 0 0 40px rgba(255,200,0,0.08), inset 0 0 60px rgba(26,159,255,0.04);
  position: relative;
  overflow: hidden;
}
.lk-final-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,200,0,0.7), transparent);
}
.lk-final-title {
  font-size: 1.1rem;
  font-weight: 900;
  color: #ffd700;
  text-shadow: 0 0 12px #ffd700aa;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 1rem;
}
.lk-final-main {
  font-size: 0.92rem;
  color: #c8ddf4;
  margin-bottom: 0.8rem;
  line-height: 1.7;
}
.lk-final-main strong {
  color: #ffd700;
}
.lk-final-note {
  font-size: 0.8rem;
  color: #6a8aaa;
  font-style: italic;
  border-top: 1px solid rgba(255,200,0,0.15);
  padding-top: 0.8rem;
  margin-top: 0.4rem;
  line-height: 1.6;
}
.lk-final-saber-showcase {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.lk-saber-long {
  height: 12px;
  width: 200px;
  border-radius: 8px;
  background: linear-gradient(90deg, #aad4ff, #1a7fff, #0044bb);
  box-shadow: 0 0 18px #1a7fff, 0 0 40px #0066ffaa;
}

/* =============================================
   DIVISOR DECORATIVO
   ============================================= */
.lk-divider {
  margin: 2.5rem 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(26,159,255,0.3), transparent);
  position: relative;
}
.lk-divider::after {
  content: '✦';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #050f1f;
  padding: 0 0.5rem;
  color: rgba(26,159,255,0.4);
  font-size: 0.7rem;
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 700px) {
  .lk-saber-post { padding: 1.2rem 0.8rem; }
  .lk-cards-grid { grid-template-columns: 1fr; }
  .lk-legend-grid { grid-template-columns: 1fr 1fr; }
  .lk-guide-grid  { grid-template-columns: 1fr; }
  .lk-rec-grid    { grid-template-columns: 1fr; }
  .lk-saber-h     { width: 90px; }
  .lk-final-box   { padding: 1.1rem 1rem; }
  .lk-table       { font-size: 0.76rem; }
  .lk-table td    { padding: 0.55rem 0.65rem; }
}
@media (max-width: 460px) {
  .lk-legend-grid { grid-template-columns: 1fr; }
}