/* === Buborék fix szélesség + egységes tartalomszélesség === */
.bubble{ width: min(92vw, 980px); max-width: 980px; margin-left:auto; margin-right:auto; }
.lesson{ width: 100%; background: #fff; border-radius: 22px; }
.sec-body{ width:100%; }
.sec-body > *{ max-width:100%; }
.sec-body > :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, pre, table, figure, img, video, iframe, .wp-block-image, .wp-block-table, .wp-block-group, .wp-block-columns, .wp-block-embed){ width:100%; }

/* Médiumok skálázása */
.sec-body img, .sec-body video, .sec-body iframe{ max-width:100%; height:auto; display:block; }

/* === Táblázatok – rácsok, reszponzivitás === */
.sec-body .wp-block-table,
.sec-body table {
  width: 100%;
  min-width: 100%;          /* teljes buborékszélesség */
  border-collapse: collapse;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  display: block;
  overflow-x: auto;
}

.sec-body table th,
.sec-body table td,
.sec-body .wp-block-table table th,
.sec-body .wp-block-table table td {
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
  background: #fff;
  color: inherit;
  white-space: normal;
}

.sec-body table thead th,
.sec-body .wp-block-table thead th {
  background: #f3f4f6;
  font-weight: 700;
}

/* Zebra (opcionális) */
.sec-body table tbody tr:nth-child(odd) td,
.sec-body .wp-block-table tbody tr:nth-child(odd) td {
  background: #fafafa;
}

/* Kódblokkok olvashatósága */
.sec-body pre, .sec-body code, .sec-body pre code{
  background:#f8fafc; color:#0f172a;
  border:1px solid #e5e7eb; border-radius:10px;
  padding:10px 12px; overflow:auto;
}

/* === Dark mód támogatás === */
.dark .lesson{ background:#0f141a; }
.dark .sec-body pre, .dark .sec-body code, .dark .sec-body pre code{
  background:#0b0f14; color:#e5e7eb; border-color:#1f2937;
}
.dark .sec-body .wp-block-table,
.dark .sec-body table { border-color: #2b3440; }
.dark .sec-body table th,
.dark .sec-body table td,
.dark .sec-body .wp-block-table table th,
.dark .sec-body .wp-block-table table td {
  background: #0f141a;
  border-color: #1f2937;
}
.dark .sec-body table thead th,
.dark .sec-body .wp-block-table thead th {
  background: #111827;
}