/* Table formatting */
.md-typeset__table {
   min-width: 100%;
}

.md-typeset table:not([class]) {
    display: table;
    font-size: .60rem;
}

/* Adding admonition types and styles */

/* Nullafi logo (probably don't want to leave it orange */
:root {
    --md-admonition-icon--faq: url(/assets/logo.png)}
  .md-typeset .admonition.faq,
  .md-typeset details.faq {
    border-color: rgb(0, 109, 255);
  }
  .md-typeset .faq > .admonition-title,
  .md-typeset .faq > summary {
    background-color: rgba(0, 109, 255, 0.1);
  }
  .md-typeset .faq > .admonition-title::before,
  .md-typeset .faq > summary::before {
    background-color: rgb(0, 109, 255);
    -webkit-mask-image: var(--md-admonition-icon--faq);
            mask-image: var(--md-admonition-icon--faq);
  }

  /* Docker with the whale icon */
  :root {
    --md-admonition-icon--docker: url(/assets/docker-icon.svg)}
  .md-typeset .admonition.docker,
  .md-typeset .docker > .admonition-title,
  .md-typeset .docker > .admonition-title::before,
  .md-typeset .docker > summary::before {
    -webkit-mask-image: var(--md-admonition-icon--docker);
            mask-image: var(--md-admonition-icon--docker);
  }

/* ── Release notes audience panels ────────────────────────────────────────── */

/* Border and title background colors */
.md-typeset .admonition.rn-policy { border-color: #5a3fc0; }
.md-typeset .admonition.rn-deploy { border-color: #0e8c6a; }
.md-typeset .admonition.rn-devs   { border-color: #1a6ef5; }

.md-typeset .rn-policy > .admonition-title { background-color: rgba(90,  63,  192, 0.1); }
.md-typeset .rn-deploy > .admonition-title { background-color: rgba(14,  140, 106, 0.1); }
.md-typeset .rn-devs   > .admonition-title { background-color: rgba(26,  110, 245, 0.1); }

/* Icons — SVG data URIs so they respect dark mode via mask-image */
:root {
  /* Material Symbols 'policy' — shield with inner circle */
  --md-admonition-icon--rn-policy: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path d='M480-80q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 85-29 163.5T688-214L560-342q-18 11-38.5 16.5T480-320q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 22-5.5 42.5T618-398l60 60q20-41 31-86t11-92v-189l-240-90-240 90v189q0 121 68 220t172 132q26-8 49.5-20.5T576-214l56 56q-33 27-71.5 47T480-80Zm56.5-343.5Q560-447 560-480t-23.5-56.5Q513-560 480-560t-56.5 23.5Q400-513 400-480t23.5 56.5Q447-400 480-400t56.5-23.5ZM488-477Z'/></svg>");

  /* Material Symbols 'move_item' */
  --md-admonition-icon--rn-deploy: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path d='M806-440H320v-80h486l-62-62 56-58 160 160-160 160-56-58 62-62ZM600-600v-160H200v560h400v-160h80v160q0 33-23.5 56.5T600-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h400q33 0 56.5 23.5T680-760v160h-80Z'/></svg>");

  /* Material Symbols 'code_blocks' */
  --md-admonition-icon--rn-devs: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path d='m384-336 56-57-87-87 87-87-56-57-144 144 144 144Zm192 0 144-144-144-144-56 57 87 87-87 87 56 57ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z'/></svg>");
}

.md-typeset .rn-policy > .admonition-title::before {
  background-color: #5a3fc0;
  -webkit-mask-image: var(--md-admonition-icon--rn-policy);
          mask-image: var(--md-admonition-icon--rn-policy);
}
.md-typeset .rn-deploy > .admonition-title::before {
  background-color: #0e8c6a;
  -webkit-mask-image: var(--md-admonition-icon--rn-deploy);
          mask-image: var(--md-admonition-icon--rn-deploy);
}
.md-typeset .rn-devs > .admonition-title::before {
  background-color: #1a6ef5;
  -webkit-mask-image: var(--md-admonition-icon--rn-devs);
          mask-image: var(--md-admonition-icon--rn-devs);
}

/* ── Release notes: type chips (improvements table) ── */
.chip {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1.6;
}
.chip-improve   { background: #eaf1fe; color: #1050c8; }
.chip-fix       { background: #f4f7fb; color: #5b6b84; }
.chip-perf      { background: #e8f8f2; color: #1aaa6e; }
.chip-deprecate { background: #fef6e6; color: #c47a00; }
.chip-security  { background: #fff0f0; color: #c0392b; }

/* ── Release notes: audience chips (feature cards) ── */
.chip-policy { background: #efebfb; color: #5a3fc0; }
.chip-deploy { background: #e6f6f2; color: #0e8c6a; }
.chip-dev    { background: #eaf1fe; color: #1a6ef5; }

/* ── Nav separator above Release Notes ── */
.md-nav__item:has(.md-nav__link[href$="release-notes/"]) {
  border-top: 1px solid var(--md-default-fg-color--lightest);
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

/* ── Release notes: version badge ── */
.rn-version-badge {
  float: right;
  font-size: 0.75rem;
  font-weight: 600;
  background: linear-gradient(135deg, #1a6ef5 0%, #00c2e0 100%);
  color: #fff !important;
  padding: 4px 14px;
  border-radius: 999px;
  margin-left: 1rem;
}

/* ── Release notes: overview stats grid ── */
.release-stats {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 600px) {
  .release-stats { grid-template-columns: repeat(2, 1fr) !important; }
}
.release-stats > ul > li {
  text-align: center;
  background: var(--md-code-bg-color) !important;
}
.release-stats > ul > li > p:first-child > strong {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  background: linear-gradient(135deg, #1a6ef5 0%, #00c2e0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.2rem;
}
.release-stats > ul > li > p:last-child {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--md-default-fg-color--light);
  margin: 0;
}

/* ── Release notes: feature cards ── */
.release-features > ul > li {
  border-top: 3px solid #1a6ef5 !important;
  border-radius: 0 0 0.2rem 0.2rem !important;
}

/* ── Release notes: before/after scenario block ── */
.scenario-block {
  background: var(--md-code-bg-color);
  border-radius: 0.4rem;
  padding: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.scenario-block > p {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--md-default-fg-color--light);
  margin-bottom: 0.75rem;
}
.scenario-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 640px) {
  .scenario-cols { grid-template-columns: 1fr; }
}
.scenario-panel {
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.3rem;
  padding: 1rem 1.25rem;
}
.scenario-panel.before { border-left: 3px solid #dba89c; }
.scenario-panel.after  { border-left: 3px solid #1a6ef5; }
.scenario-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.5rem;
}
.scenario-panel.before .scenario-label { color: #b55a4a; }
.scenario-panel.after  .scenario-label { color: #1aaa6e; }

.column-container {
  display: flex;
}
.column-left, .column-right {
  flex: 1;
  padding: 10px;
}