.lesson-article .table-wrap {
        width: 100%;
        margin: 24px 0;
        overflow-x: auto;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: var(--surface);
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: var(--muted-2) transparent;
      }
      .lesson-article .table-wrap table {
        width: 100%;
        min-width: 680px;
        margin: 0;
        border: 0;
        border-collapse: separate;
        border-spacing: 0;
        background: transparent;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.6;
      }
      .lesson-article .table-wrap thead th {
        padding: 13px 16px;
        background: var(--surface-3);
        color: var(--text);
        font: 700 11px/1.35 var(--mono);
        letter-spacing: 0.055em;
        text-align: left;
        text-transform: uppercase;
        vertical-align: bottom;
        border-bottom: 1px solid var(--line);
      }
      .lesson-article .table-wrap tbody td {
        padding: 13px 16px;
        color: var(--muted);
        text-align: left;
        vertical-align: top;
        border-top: 1px solid var(--line);
      }
      .lesson-article .table-wrap tbody tr:first-child td {
        border-top: 0;
      }
      .lesson-article .table-wrap tbody tr:hover {
        background: rgba(120, 245, 199, 0.035);
      }
      .lesson-article .table-wrap th,
      .lesson-article .table-wrap td {
        overflow-wrap: anywhere;
      }
      .lesson-article .table-wrap td strong {
        color: var(--text);
      }
      .lesson-article .table-wrap code {
        white-space: normal;
        overflow-wrap: anywhere;
      }

      .lesson-article .callout {
        color: var(--muted) !important;
        font-size: 13px;
        line-height: 1.75;
        border-left: 3px solid var(--accent-2) !important;
        background: rgba(141, 162, 255, 0.055) !important;
        border-radius: 0 10px 10px 0 !important;
        padding: 16px 18px !important;
        margin: 24px 0 !important;
      }
      .lesson-article > section.callout {
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
      }
      .lesson-article .callout.warning {
        border-left-color: var(--warning) !important;
        background: rgba(255, 212, 121, 0.055) !important;
      }
      .lesson-article .callout strong {
        color: var(--text);
      }

      .lesson-article .lesson-objectives {
        border: 1px solid rgba(120, 245, 199, 0.18) !important;
        border-radius: 18px !important;
        background: linear-gradient(
          135deg,
          rgba(120, 245, 199, 0.045),
          transparent
        ) !important;
        padding: 28px !important;
        margin-top: 45px !important;
      }
      .lesson-article .lesson-objectives > h2:first-child {
        margin-top: 0 !important;
        color: var(--accent) !important;
        font: 700 12px/1.2 var(--mono) !important;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .lesson-article .lesson-objectives ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 30px;
        margin: 22px 0 0 !important;
        padding: 0 !important;
        list-style: none !important;
      }
      .lesson-article .lesson-objectives li {
        position: relative;
        padding-left: 22px;
        color: var(--muted);
        font-size: 13px;
      }
      .lesson-article .lesson-objectives li::before {
        content: "✓";
        position: absolute;
        left: 0;
        color: var(--accent);
        font-weight: 800;
      }

      .lesson-article .diagram-card {
        position: relative;
        overflow: hidden;
      }
      .lesson-article .diagram-card > .diagram-label {
        min-height: 55px;
        display: flex;
        align-items: center;
        padding: 12px 190px 12px 16px !important;
        border-bottom: 1px solid var(--line);
        color: var(--muted);
        font: 700 9px/1.35 var(--mono);
        letter-spacing: 0.07em;
        text-transform: uppercase;
      }
      .lesson-article
        .diagram-card.devops-mermaid-export-host
        > .devops-mermaid-export-controls {
        top: 8px !important;
        right: 10px !important;
      }

      .lesson-article .next-concepts {
        margin-top: 28px !important;
        border: 1px solid var(--line) !important;
        border-radius: 15px !important;
        padding: 22px !important;
        background: linear-gradient(
          135deg,
          var(--surface),
          transparent
        ) !important;
      }
      .lesson-article .next-concepts > span:first-child {
        display: block;
        font: 700 9px/1.2 var(--mono) !important;
        color: var(--accent) !important;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }
      .lesson-article .next-concepts h3 {
        margin: 14px 0 6px !important;
        color: var(--text) !important;
      }
      .lesson-article .next-concepts p {
        margin: 0 !important;
        color: var(--muted) !important;
        font-size: 12px !important;
      }

      .lesson-article #references p,
      .lesson-article #references li {
        color: var(--text) !important;
        font-size: 14px !important;
        line-height: 1.75 !important;
      }
      .lesson-article #references a {
        color: var(--text) !important;
      }

      .lesson-article .evidence-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 12px;
        margin: 22px 0;
      }
      .lesson-article .evidence-card {
        border: 1px solid var(--line);
        border-radius: 13px;
        background: var(--surface);
        padding: 16px;
      }
      .lesson-article .evidence-card strong {
        display: block;
        color: var(--text);
        margin-bottom: 7px;
      }
      .lesson-article .evidence-card p {
        margin: 0;
        font-size: 13px;
      }

      @media (max-width: 760px) {
        .lesson-article .lesson-objectives ul {
          grid-template-columns: 1fr;
        }
        .lesson-article .table-wrap table {
          min-width: 560px;
          font-size: 12px;
        }
      }
      @media (max-width: 600px) {
        .lesson-article .diagram-card > .diagram-label {
          min-height: auto;
          padding-right: 16px !important;
        }
        .lesson-article
          .diagram-card.devops-mermaid-export-host
          > .devops-mermaid-export-controls {
          position: static !important;
          display: flex !important;
          padding: 10px 12px !important;
          border-bottom: 1px solid var(--line);
          background: var(--surface-2);
        }
      }
    


      body.lesson-page .lesson-shell,
      body.lesson-page .lesson-article,
      body.lesson-page .on-page-toc {
        min-width: 0;
      }
      body.lesson-page .lesson-article h1,
      body.lesson-page .lesson-article h2,
      body.lesson-page .lesson-article h3,
      body.lesson-page .lesson-article p,
      body.lesson-page .lesson-article li,
      body.lesson-page .lesson-article dt,
      body.lesson-page .lesson-article dd,
      body.lesson-page .lesson-article blockquote {
        overflow-wrap: anywhere;
      }
      body.lesson-page .lesson-article p code,
      body.lesson-page .lesson-article li code {
        overflow-wrap: anywhere;
        word-break: break-word;
      }
      body.lesson-page .lesson-article .mermaid {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
      }
      body.lesson-page .lesson-article .mermaid svg {
        max-width: 100%;
        height: auto;
      }
    
/* Course-wide consistency and overflow safeguards. Additive only. */
html, body { max-width: 100%; }
body.lesson-page { overflow-x: clip; }
body.lesson-page .lesson-shell,
body.lesson-page .course-sidebar,
body.lesson-page .sidebar-curriculum,
body.lesson-page .lesson-article,
body.lesson-page .lesson-header,
body.lesson-page .on-page-toc,
body.lesson-page .site-footer,
body.lesson-page .support-panel,
body.lesson-page .lesson-pagination { min-width: 0; }

body.lesson-page .lesson-article h1,
body.lesson-page .lesson-article h2,
body.lesson-page .lesson-article h3,
body.lesson-page .lesson-article h4,
body.lesson-page .lesson-article p,
body.lesson-page .lesson-article li,
body.lesson-page .lesson-article dt,
body.lesson-page .lesson-article dd,
body.lesson-page .lesson-article blockquote,
body.lesson-page .lesson-article a,
body.lesson-page .lesson-article strong,
body.lesson-page .lesson-article .lesson-tags span,
body.lesson-page .on-page-toc a,
body.lesson-page .sidebar-lesson,
body.lesson-page .sidebar-chapter summary {
  overflow-wrap: anywhere;
  word-break: normal;
}

body.lesson-page .lesson-article :not(pre) > code,
body.lesson-page .lesson-article td code,
body.lesson-page .lesson-article th code {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.lesson-page .lesson-tags,
body.lesson-page .lesson-pagination,
body.lesson-page .social-row,
body.lesson-page .header-actions { flex-wrap: wrap; }

body.lesson-page .lesson-article pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.lesson-page .lesson-article .table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.lesson-page .lesson-article .mermaid,
body.lesson-page .lesson-article .diagram-card {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

body.lesson-page .lesson-article .mermaid svg,
body.lesson-page .lesson-article img,
body.lesson-page .lesson-article video,
body.lesson-page .lesson-article iframe {
  max-width: 100%;
  height: auto;
}

body.lesson-page .lesson-pagination a { min-width: 0; }
body.lesson-page .version-note-card { margin: 26px 0; }
body.lesson-page .reference-subtitle { margin-top: -6px; color: var(--muted); }

@media (max-width: 760px) {
  body.lesson-page .lesson-article h1 { font-size: clamp(2rem, 10vw, 3.35rem); }
  body.lesson-page .lesson-article .table-wrap table { min-width: 560px; }
}