/* ============================================
   Undo Capital: blog components (ucb-) v2
   Editorial: hairlines over fills, type over decoration.
   Sized for the article column (approx. 630px, body 14px/1.5).
   Embeds contain markup only: no <style>, no fonts, no base64.
   ============================================ */
:root {
  /* values come from the site's Webflow (Relume) variables; fallbacks keep the kit working elsewhere */
  --ucb-ink: var(--uc-text-primary, #0a0a0a);
  --ucb-body: #33413f;
  --ucb-muted: #6b7876;
  --ucb-brand: var(--color-scheme--undo-green, #003d38);
  --ucb-brand-deep: var(--color-scheme--undo-dark-green, #001d1b);
  --ucb-mid: var(--color-scheme--undo-medium-green, #008f83);
  --ucb-lime: var(--color-scheme--undo-lime, #dcffcf);
  --ucb-accent: #4fe1ba;
  --ucb-surface: var(--color-scheme--undo-light-green, #eef3f4);
  --ucb-cream: #f6f3ec;
  --ucb-line: rgba(0, 61, 56, 0.1);
  --ucb-line-strong: var(--color-scheme--undo-green, #003d38);
  --ucb-warn: #9a5b0b;
  --ucb-bad: #9b2c25;
  --ucb-font-display: var(--_typography---font-styles--heading, "STK Bureau Sans", Arial, sans-serif);
  --ucb-font-body: var(--_typography---font-styles--body, Inter, sans-serif);
  --ucb-r: 4px;
  --ucb-r-table: calc(var(--uc-radius, 0.5rem) * 1.5);
  --ucb-r-shell: calc(var(--uc-radius, 0.5rem) * 2.25);
  --ucb-shell: var(--color-scheme--light-grey, #f7f7f7);
  --ucb-shell-line: var(--_primitives---opacity--neutral-darkest-10, rgba(0, 0, 0, 0.1));
  --ucb-pill: 999px;
}

/* ---------- reset inside blocks (beats .c-article p/ol/ul/li) ---------- */
.ucb.ucb { font-family: inherit; font-size: 14px; line-height: 1.5; letter-spacing: -0.1px; color: var(--ucb-body); margin: 2rem 0; box-sizing: border-box; max-width: 100%; }
.ucb.ucb:where(ol, ul) { padding: 0; list-style: none; }
.ucb *, .ucb *::before, .ucb *::after { box-sizing: border-box; }
.ucb.ucb :where(p, ul, ol, li) { margin: 0; padding: 0; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; font-family: inherit; }
.ucb.ucb :where(ul, ol) { list-style: none; overflow: visible; }
.ucb.ucb a:not(.ucb-btn) { color: var(--ucb-brand); font-weight: 500; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(0, 61, 56, 0.35); }
.ucb.ucb a:not(.ucb-btn):hover { text-decoration-color: currentColor; opacity: 1; }

/* ---------- shared atoms ---------- */
.ucb .ucb-title { font-family: var(--ucb-font-display); font-weight: 500; font-size: 17px; line-height: 1.25; letter-spacing: -0.4px; color: var(--ucb-ink); }
.ucb .ucb-text { color: var(--ucb-body); }
.ucb .ucb-label { font-size: 12px; font-weight: 500; letter-spacing: 0; color: var(--ucb-muted); }
.ucb .ucb-sub { display: block; font-size: 12.5px; line-height: 1.45; color: var(--ucb-muted); margin-top: 2px; }
.ucb .ucb-note { font-size: 12px; line-height: 1.5; color: var(--ucb-muted); }
.ucb .ucb-eyebrow { font-size: 12px; font-weight: 500; color: var(--ucb-muted); }

/* status: dot + text, no pills */
.ucb .ucb-tag { display: inline-flex; align-items: baseline; gap: 7px; font-size: 13px; font-weight: 500; color: var(--ucb-ink); line-height: 1.4; }
.ucb .ucb-tag::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--ucb-brand); transform: translateY(-1px); }
.ucb .ucb-tag--soft::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--ucb-brand); }
.ucb .ucb-tag--warn::before { background: #d08a26; }
.ucb .ucb-tag--bad::before { background: var(--ucb-bad); }

/* buttons, matching the site's .cta rounded */
.ucb .ucb-btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--ucb-font-display); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.3px; padding: 12.25px 17.5px; border-radius: var(--ucb-pill); background: var(--ucb-brand); color: #fff; text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.1); transition: background-color .25s ease; }
.ucb .ucb-btn:hover { background: var(--ucb-brand-deep); color: #fff; }
.ucb .ucb-btn svg { width: 14px; height: 14px; }
.ucb .ucb-btn--light { background: #fff; color: var(--ucb-brand); }
.ucb .ucb-btn--light:hover { background: var(--ucb-surface); color: var(--ucb-brand); }
.ucb .ucb-btn--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.25); }
.ucb .ucb-btn--ghost:hover { background: rgba(255, 255, 255, 0.08); }
.ucb .ucb-link { font-family: var(--ucb-font-display); font-size: 14px; font-weight: 500; }
.ucb .ucb-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }

/* ---------- 1. data table (product style: grey shell, column labels on the shell, white card) ---------- */
.ucb-table { overflow-x: auto; padding: 0; }
.ucb-table table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0; font-size: 13.5px; line-height: 1.45; background: var(--ucb-shell); border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-shell); padding: 8px; box-shadow: none; }
.ucb-table th, .ucb-table td { padding: 12px 16px; text-align: left; vertical-align: top; overflow-wrap: anywhere; word-break: normal; border: 0; background: none; min-width: 0; }
/* column labels sit on the shell, like the product's section header */
.ucb-table thead th { position: relative; background: none; color: var(--ucb-muted); font-family: var(--ucb-font-body); font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 1.35; padding-top: 9px; padding-bottom: 11px; }
.ucb-table thead th:first-child { color: var(--ucb-ink); font-family: var(--ucb-font-display); font-size: 14px; letter-spacing: -0.2px; }
.ucb-table thead th:first-child::before { content: ""; position: absolute; left: -8px; top: 8px; width: 3px; height: 20px; border-radius: 0 3px 3px 0; background: var(--ucb-mid); }
/* the white card */
.ucb-table tbody th, .ucb-table tbody td { background: #fff; border-bottom: 1px solid var(--ucb-line); }
.ucb-table tbody tr > :first-child { border-left: 1px solid var(--ucb-shell-line); }
.ucb-table tbody tr > :last-child { border-right: 1px solid var(--ucb-shell-line); }
.ucb-table tbody:first-of-type > tr:first-child > * { border-top: 1px solid var(--ucb-shell-line); }
.ucb-table tbody:first-of-type > tr:first-child > :first-child { border-top-left-radius: var(--ucb-r-table); }
.ucb-table tbody:first-of-type > tr:first-child > :last-child { border-top-right-radius: var(--ucb-r-table); }
.ucb-table table:not(:has(tfoot)) tbody:last-of-type > tr:last-child > * { border-bottom-color: var(--ucb-shell-line); }
.ucb-table table:not(:has(tfoot)) tbody:last-of-type > tr:last-child > :first-child { border-bottom-left-radius: var(--ucb-r-table); }
.ucb-table table:not(:has(tfoot)) tbody:last-of-type > tr:last-child > :last-child { border-bottom-right-radius: var(--ucb-r-table); }
.ucb-table tbody th { font-family: var(--ucb-font-display); font-weight: 500; font-size: 14px; letter-spacing: -0.2px; color: var(--ucb-ink); }
.ucb-table td { color: var(--ucb-body); font-variant-numeric: tabular-nums; }
.ucb-table .ucb-tag + .ucb-sub { margin-top: 4px; }
.ucb-table tfoot td { padding: 14px 16px; font-size: 13px; color: var(--ucb-body); background: var(--ucb-surface); border: 1px solid var(--ucb-shell-line); border-top: 0; border-radius: 0 0 var(--ucb-r-table) var(--ucb-r-table); }
.ucb-table tfoot b { font-weight: 600; color: var(--ucb-ink); }
.ucb-table--num table { table-layout: auto; font-size: 13px; }
.ucb-table--num th, .ucb-table--num td { padding-left: 10px; padding-right: 10px; }
.ucb-table .ucb-num { text-align: right; white-space: nowrap; }
.ucb-table tr.ucb-total th, .ucb-table tr.ucb-total td { font-weight: 600; color: var(--ucb-ink); background: var(--ucb-surface); }
/* grouped rows, matrix */
.ucb-table tr.ucb-group-row th { background: var(--ucb-surface); font-family: var(--ucb-font-display); font-size: 13px; font-weight: 500; letter-spacing: -0.1px; color: var(--ucb-brand); padding-top: 9px; padding-bottom: 9px; }
.ucb-table tbody.ucb-group tr:not(.ucb-group-row) th { font-family: var(--ucb-font-body); font-weight: 500; font-size: 13.5px; }
.ucb-table .ucb-c { text-align: center; width: 76px; padding-left: 6px; padding-right: 6px; white-space: nowrap; }
.ucb-table--matrix table { font-size: 13px; }
.ucb-table--matrix thead th:first-child { width: 132px; }
.ucb-table .ucb-c .ucb-tag::before { display: none; }
.ucb-table .ucb-c .ucb-tag { font-size: 12px; color: var(--ucb-muted); }
/* footnote stays outside the shell */
.ucb-table caption { caption-side: bottom; text-align: left; padding: 12px 0 0; line-height: 1.5; font-size: 12px; color: var(--ucb-muted); }
@media (max-width: 640px) {
  .ucb-table { overflow: visible; }
  .ucb-table table { display: flex; flex-direction: column; border: 0; border-radius: 0; background: none; padding: 0; }
  .ucb-table tbody, .ucb-table tfoot, .ucb-table tr, .ucb-table td, .ucb-table th { display: block; width: 100%; }
  .ucb-table thead { display: none; }
  .ucb-table caption { display: block; order: 99; padding: 10px 0 0; }
  .ucb-table tbody { padding: 6px; background: var(--ucb-shell); border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-shell); }
  .ucb-table tbody + tbody { margin-top: 8px; }
  .ucb-table tbody tr { margin-bottom: 6px; background: #fff; border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-table); overflow: hidden; }
  .ucb-table tbody tr:last-child { margin-bottom: 0; }
  .ucb-table tbody tr > * { border: 0 !important; border-radius: 0 !important; }
  .ucb-table tbody th { padding: 13px 14px 4px; font-size: 15px; background: #fff; color: var(--ucb-ink); }
  .ucb-table td { padding: 9px 14px; border-top: 1px solid var(--ucb-line) !important; }
  .ucb-table tbody th + td { border-top: 0 !important; }
  .ucb-table tr.ucb-group-row { border: 0; background: none; margin: 2px 0 6px; }
  .ucb-table tr.ucb-group-row th { background: none; color: var(--ucb-ink); font-size: 15px; padding: 6px 8px 0; }
  .ucb-table tr.ucb-total { background: var(--ucb-surface); }
  .ucb-table tr.ucb-total th, .ucb-table tr.ucb-total td { background: none; }
  .ucb-table .ucb-c { text-align: left; width: auto; white-space: normal; }
  .ucb-table .ucb-num { text-align: left; white-space: normal; }
  .ucb-table--num th, .ucb-table--num td { padding-left: 14px; padding-right: 14px; }
  .ucb-table tfoot td { border-radius: var(--ucb-r-table); margin-top: 6px; border: 1px solid var(--ucb-shell-line); }
  .ucb-table td::before { content: attr(data-label); display: block; margin-bottom: 3px; font-size: 11.5px; line-height: 1.3; font-weight: 500; letter-spacing: 0.01em; color: var(--ucb-muted); }
}

/* ---------- 2. comparison (highlighted column = lime tab on the card) ---------- */
.ucb-compare { overflow-x: auto; padding: 0; }
.ucb-compare table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0; font-size: 13.5px; line-height: 1.45; background: var(--ucb-shell); border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-shell); padding: 8px; box-shadow: none; }
.ucb-compare th, .ucb-compare td { padding: 12px 16px; text-align: left; vertical-align: top; overflow-wrap: anywhere; border: 0; background: none; }
.ucb-compare thead th { position: relative; color: var(--ucb-muted); font-family: var(--ucb-font-body); font-size: 12px; font-weight: 500; line-height: 1.35; padding-top: 9px; padding-bottom: 11px; }
.ucb-compare thead th:first-child { color: var(--ucb-ink); font-family: var(--ucb-font-display); font-size: 14px; letter-spacing: -0.2px; }
.ucb-compare thead th:first-child::before { content: ""; position: absolute; left: -8px; top: 8px; width: 3px; height: 20px; border-radius: 0 3px 3px 0; background: var(--ucb-mid); }
.ucb-compare thead th.is-us { color: var(--ucb-brand); font-weight: 600; background: var(--ucb-lime); border-radius: var(--ucb-r-table) var(--ucb-r-table) 0 0; }
.ucb-compare tbody th, .ucb-compare tbody td { background: #fff; border-bottom: 1px solid var(--ucb-line); }
.ucb-compare tbody tr > :first-child { border-left: 1px solid var(--ucb-shell-line); }
.ucb-compare tbody tr > :last-child { border-right: 1px solid var(--ucb-shell-line); }
.ucb-compare tbody tr:first-child > * { border-top: 1px solid var(--ucb-shell-line); }
.ucb-compare tbody tr:first-child > :first-child { border-top-left-radius: var(--ucb-r-table); }
.ucb-compare tbody tr:first-child > :last-child { border-top-right-radius: var(--ucb-r-table); }
.ucb-compare tbody tr:last-child > * { border-bottom-color: var(--ucb-shell-line); }
.ucb-compare tbody tr:last-child > :first-child { border-bottom-left-radius: var(--ucb-r-table); }
.ucb-compare tbody tr:last-child > :last-child { border-bottom-right-radius: var(--ucb-r-table); }
.ucb-compare tbody th { font-family: var(--ucb-font-display); font-weight: 500; font-size: 14px; letter-spacing: -0.2px; color: var(--ucb-ink); }
.ucb-compare td { color: var(--ucb-body); }
.ucb-compare td.is-us { background: #f6fdf3; color: var(--ucb-ink); }
.ucb-compare .ucb-sub { margin-top: 4px; }
.ucb-compare caption { caption-side: bottom; text-align: left; padding: 12px 0 0; font-size: 12px; line-height: 1.5; color: var(--ucb-muted); }
.ucb .ucb-yes, .ucb .ucb-no, .ucb .ucb-part { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-family: var(--ucb-font-display); font-size: 13px; line-height: 1; }
.ucb .ucb-yes { background: var(--ucb-brand); color: #fff; }
.ucb .ucb-no { background: #eef0f1; color: #9aa4a2; }
.ucb .ucb-part { background: #fdf1de; color: #a5650f; }
.ucb-table .ucb-c .ucb-yes { background: none; color: var(--ucb-brand); width: auto; height: auto; font-size: 15px; }
.ucb-table .ucb-c .ucb-no { background: none; width: auto; height: auto; font-size: 15px; }
@media (max-width: 640px) {
  .ucb-compare { overflow: visible; }
  .ucb-compare table { display: flex; flex-direction: column; border: 0; border-radius: 0; background: none; padding: 0; }
  .ucb-compare tbody, .ucb-compare tr, .ucb-compare td, .ucb-compare th { display: block; width: 100%; }
  .ucb-compare thead { display: none; }
  .ucb-compare caption { display: block; order: 99; padding: 10px 0 0; }
  .ucb-compare tbody { padding: 6px; background: var(--ucb-shell); border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-shell); }
  .ucb-compare tbody tr { background: #fff; border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-table); overflow: hidden; margin-bottom: 6px; }
  .ucb-compare tbody tr:last-child { margin-bottom: 0; }
  .ucb-compare tbody tr > * { border: 0 !important; border-radius: 0 !important; }
  .ucb-compare tbody th { padding: 13px 14px 4px; font-size: 15px; background: #fff; color: var(--ucb-ink); }
  .ucb-compare td { padding: 9px 14px; border-top: 1px solid var(--ucb-line) !important; }
  .ucb-compare tbody th + td { border-top: 0 !important; }
  .ucb-compare td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-size: 11.5px; line-height: 1.3; font-weight: 500; color: var(--ucb-muted); }
  .ucb-compare td.is-us::before { color: var(--ucb-brand); font-weight: 600; }
}

/* ---------- 3. process steps (same card language as flow) ---------- */
.ucb.ucb-steps { counter-reset: ucb-step; display: grid; gap: 6px; padding: 8px; background: var(--ucb-shell); border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-shell); }
.ucb.ucb-steps > li { counter-increment: ucb-step; display: grid; grid-template-columns: 1.875rem minmax(0, 1fr); column-gap: 14px; padding: 16px 18px; background: #fff; border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-table); }
.ucb.ucb-steps > li::before { content: counter(ucb-step); grid-column: 1; grid-row: 1 / span 6; width: 1.875rem; height: 1.875rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; background: var(--ucb-brand); color: #fff; font-family: var(--ucb-font-body); font-size: 13px; font-weight: 500; line-height: 1; }
.ucb-steps li > *, .ucb-steps .ucb-copy > * { grid-column: 2; }
.ucb-steps .ucb-copy { display: grid; gap: 4px; min-width: 0; }
.ucb-steps .ucb-title { padding-top: 5px; font-size: 16px; }
.ucb-steps .ucb-label + .ucb-title { padding-top: 0; }
.ucb-steps .ucb-label { font-size: 12px; color: var(--ucb-muted); padding-top: 7px; }
.ucb-steps .ucb-meta { margin-top: 6px; justify-self: start; font-size: 12px; font-weight: 500; color: var(--ucb-brand); background: var(--ucb-surface); padding: 3px 10px; border-radius: var(--ucb-pill); }
@media (max-width: 640px) { .ucb.ucb-steps { padding: 6px; } .ucb.ucb-steps > li { padding: 14px; column-gap: 12px; } }

/* ---------- 3b. flow (short horizontal sequence) ---------- */
.ucb.ucb-flow { counter-reset: ucb-flow; display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 6px; padding: 8px; background: var(--ucb-shell); border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-shell); }
.ucb.ucb-flow > li { counter-increment: ucb-flow; position: relative; display: grid; gap: 10px; align-content: start; padding: 14px; min-height: 92px; background: #fff; border: 1px solid var(--ucb-shell-line); border-radius: var(--ucb-r-table); font-family: var(--ucb-font-display); font-size: 14px; font-weight: 500; line-height: 1.25; letter-spacing: -0.2px; color: var(--ucb-ink); }
.ucb.ucb-flow > li::before { content: counter(ucb-flow); width: 1.875rem; height: 1.875rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; background: var(--ucb-brand); color: #fff; font-family: var(--ucb-font-body); font-size: 13px; font-weight: 500; line-height: 1; }
.ucb.ucb-flow > li:last-child { background: var(--ucb-brand); border-color: var(--ucb-brand); color: #fff; }
.ucb.ucb-flow > li:last-child::before { background: #fff; color: var(--ucb-brand); }
@media (max-width: 640px) { .ucb.ucb-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ucb.ucb-flow > li { min-height: 0; } }

/* ---------- 4. callout ---------- */
.ucb-callout { display: grid; gap: 4px; padding: 18px 20px; border-radius: var(--ucb-r-table); background: var(--ucb-surface); }
.ucb-callout .ucb-label { font-family: var(--ucb-font-display); font-size: 15px; letter-spacing: -0.3px; color: var(--ucb-brand); }
.ucb-callout .ucb-text { color: var(--ucb-ink); }
.ucb-callout--warn { background: var(--ucb-cream); }
.ucb-callout--warn .ucb-label { color: var(--ucb-warn); }

/* ---------- footnote (sources under a block) ---------- */
.ucb.ucb-footnote { margin-top: -1rem; font-size: 12px; line-height: 1.5; color: var(--ucb-muted); }
.ucb.ucb-footnote a { font-weight: 500; }

/* ---------- 5. key figures ---------- */
.ucb-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border-top: 1px solid var(--ucb-line-strong); }
.ucb-stat { display: grid; gap: 6px; align-content: start; padding: 16px 16px 4px 0; }
.ucb-stat + .ucb-stat { padding-left: 16px; border-left: 1px solid var(--ucb-line); }
.ucb-stat b { font-family: var(--ucb-font-display); font-weight: 400; font-size: 28px; line-height: 1.05; letter-spacing: -1px; color: var(--ucb-brand); font-variant-numeric: tabular-nums; }
.ucb-stat span { font-size: 13px; line-height: 1.45; color: var(--ucb-muted); }
@media (max-width: 640px) { .ucb-stats { grid-template-columns: 1fr; } .ucb-stat + .ucb-stat { padding-left: 0; border-left: 0; border-top: 1px solid var(--ucb-line); } .ucb-stat { padding: 12px 0; } }

/* ---------- 6. checklist ---------- */
.ucb-check { display: grid; gap: 8px; }
.ucb.ucb-check > li, .ucb-check-grid .ucb-check > li { position: relative; padding-left: 26px; color: var(--ucb-body); }
.ucb-check > li::before { content: ""; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.8L12.5 5' fill='none' stroke='%23003d38' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; }
.ucb-check--no > li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 4.5l7 7M11.5 4.5l-7 7' fill='none' stroke='%239b2c25' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.ucb-check > li.ucb-check-title { padding: 0 0 4px; font-family: var(--ucb-font-display); font-size: 15px; font-weight: 500; letter-spacing: -0.3px; color: var(--ucb-ink); }
.ucb-check > li.ucb-check-title::before { display: none; }
.ucb-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; }
.ucb-check-grid .ucb-check { margin: 0; padding-top: 14px; border-top: 1px solid var(--ucb-line-strong); }
.ucb-check-grid .ucb-check--no { border-top-color: var(--ucb-bad); }
@media (max-width: 640px) { .ucb-check-grid { grid-template-columns: 1fr; } }

/* ---------- 7. CTA banner ---------- */
.ucb-cta { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 32px; padding: 32px 30px; border-radius: var(--ucb-r-shell); color: #fff; background: radial-gradient(70% 90% at 88% 115%, rgba(112, 214, 192, 0.85) 0%, rgba(112, 214, 192, 0) 70%), radial-gradient(55% 70% at 30% 125%, rgba(184, 196, 122, 0.55) 0%, rgba(184, 196, 122, 0) 70%), radial-gradient(60% 80% at 70% 40%, rgba(44, 92, 86, 0.65) 0%, rgba(44, 92, 86, 0) 75%), #040807; }
.ucb-cta .ucb-copy { display: grid; gap: 8px; max-width: 420px; min-width: 0; }
.ucb-cta .ucb-eyebrow { color: var(--ucb-accent); }
.ucb-cta .ucb-title { font-size: 22px; line-height: 1.15; letter-spacing: -0.7px; color: #fff; }
.ucb-cta .ucb-text { color: rgba(255, 255, 255, 0.78); }
.ucb-cta .ucb-text strong { color: #fff; font-weight: 600; }
.ucb-cta--light { background: var(--ucb-surface); color: var(--ucb-ink); }
.ucb-cta--light .ucb-eyebrow { color: var(--ucb-muted); }
.ucb-cta--light .ucb-title { color: var(--ucb-ink); }
.ucb-cta--light .ucb-text { color: var(--ucb-body); }
@media (max-width: 640px) { .ucb-cta { padding: 22px 20px; } .ucb-cta .ucb-title { font-size: 20px; } }

/* ---------- 7b. animated aurora: ucb-cta + template CTA (.ucpc), matches the app's upgrade banner ---------- */
@keyframes ucb-aurora { 0% { transform: translate3d(-6%, 2%, 0) scale(1); } 50% { transform: translate3d(5%, -4%, 0) scale(1.12) rotate(2deg); } 100% { transform: translate3d(-2%, 3%, 0) scale(1.05) rotate(-3deg); } }
@keyframes ucb-sweep { 0% { transform: translateX(-18%) skewX(-12deg); } 100% { transform: translateX(18%) skewX(-12deg); } }
.ucb.ucb-cta:not(.ucb-cta--light), .c-article .ucpc.ucpc, .ucpc.ucpc { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--ucb-r-shell); background: #000; color: #fff; border: 1px solid rgba(255, 255, 255, 0.06); }
.ucb.ucb-cta:not(.ucb-cta--light)::before, .ucpc.ucpc::before { content: ""; position: absolute; z-index: -2; inset: -12% -10%; pointer-events: none; background: radial-gradient(50% 88% at 8% 104%, rgba(86, 176, 138, 0.9) 0%, rgba(86, 176, 138, 0) 72%), radial-gradient(50% 92% at 98% 104%, rgba(140, 226, 212, 0.95) 0%, rgba(140, 226, 212, 0) 72%), radial-gradient(36% 55% at 62% 98%, rgba(40, 120, 108, 0.55) 0%, rgba(40, 120, 108, 0) 72%); filter: blur(16px); animation: ucb-aurora 16s ease-in-out infinite alternate; will-change: transform; }
.ucb.ucb-cta:not(.ucb-cta--light)::after, .ucpc.ucpc::after { content: ""; position: absolute; z-index: -1; inset: 0 -30%; pointer-events: none; background: linear-gradient(100deg, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, 0.6) 48%, rgba(0, 0, 0, 0) 64%); animation: ucb-sweep 11s ease-in-out infinite alternate; will-change: transform; }
@media (prefers-reduced-motion: reduce) { .ucb.ucb-cta::before, .ucb.ucb-cta::after, .ucpc.ucpc::before, .ucpc.ucpc::after { animation: none; } }
/* ucb-cta buttons: white primary, glass secondary (app style) */
.ucb-cta:not(.ucb-cta--light) .ucb-btn { border-radius: var(--uc-radius, 0.5rem); background: #fff; color: var(--ucb-ink); border-color: #fff; }
.ucb-cta:not(.ucb-cta--light) .ucb-btn:hover { background: #eef3f4; color: var(--ucb-ink); }
.ucb-cta:not(.ucb-cta--light) .ucb-btn--ghost, .ucb-cta:not(.ucb-cta--light) .ucb-btn--light + .ucb-btn { background: rgba(126, 218, 204, 0.16); color: #fff; border-color: rgba(255, 255, 255, 0.18); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.ucb-cta:not(.ucb-cta--light) .ucb-btn--ghost:hover { background: rgba(126, 218, 204, 0.26); color: #fff; }
.ucb-cta:not(.ucb-cta--light) .ucb-eyebrow { display: inline-flex; width: fit-content; padding: 4px 11px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: var(--ucb-pill); background: rgba(255, 255, 255, 0.06); color: #fff; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }
/* template CTA (.ucpc): overrides the template's light card */
.ucpc.ucpc { margin: 2rem 0; padding: 28px 28px 26px; }
.ucpc.ucpc .ucpc-tag { padding: 4px 11px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: var(--ucb-pill); background: rgba(255, 255, 255, 0.06); color: #fff; font-family: var(--ucb-font-body); font-size: 11px; font-weight: 500; line-height: 1.4; letter-spacing: 0.06em; text-transform: uppercase; }
.ucpc.ucpc .ucpc-tag::before { display: none; }
.ucpc.ucpc .heading-style-h5 { margin: 14px 0 8px; color: #fff; font-family: var(--ucb-font-display); font-size: 22px; line-height: 1.2; font-weight: 500; letter-spacing: -0.5px; }
.ucpc.ucpc p, .ucpc.ucpc .text-size-regular { margin: 0 0 22px; color: rgba(255, 255, 255, 0.74) !important; max-width: 470px; }
.ucpc.ucpc .ucpc-actions { gap: 10px; }
.ucpc.ucpc .ucpc-btn { border-radius: var(--uc-radius, 0.5rem); background: #fff; border: 1px solid #fff; color: var(--ucb-ink) !important; }
.ucpc.ucpc .ucpc-btn:hover { background: #eef3f4; }
.ucpc.ucpc .ucpc-link { display: inline-flex; align-items: center; padding: 12.25px 17.5px; border-radius: var(--uc-radius, 0.5rem); background: rgba(126, 218, 204, 0.16); border: 1px solid rgba(255, 255, 255, 0.18); color: #fff !important; font-weight: 500; line-height: 1; text-decoration: none; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background-color .25s ease; }
.ucpc.ucpc .ucpc-link:hover { background: rgba(126, 218, 204, 0.26); }
@media (max-width: 640px) { .ucpc.ucpc { padding: 22px 20px; } .ucpc.ucpc .heading-style-h5 { font-size: 20px; } }

/* ---------- 8. calculator shell (logic stays in each embed's script) ---------- */
.ucb-calc { border-top: 1px solid var(--ucb-line-strong); }
.ucb-calc-head { display: grid; gap: 4px; padding: 16px 0 0; }
.ucb-calc-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; padding: 20px 0; }
.ucb-fields { display: grid; gap: 16px; align-content: start; }
.ucb-field { display: grid; gap: 6px; }
.ucb-field label { font-size: 12.5px; font-weight: 500; color: var(--ucb-ink); display: flex; justify-content: space-between; gap: 8px; }
.ucb-field output { font-variant-numeric: tabular-nums; color: var(--ucb-brand); font-weight: 600; }
.ucb .ucb-input { width: 100%; font: inherit; font-size: 14px; padding: 9px 12px; border-radius: var(--ucb-r); border: 1px solid var(--ucb-line); background: #fff; color: var(--ucb-ink); font-variant-numeric: tabular-nums; }
.ucb .ucb-input:focus { outline: 2px solid var(--ucb-brand); outline-offset: 1px; }
.ucb .ucb-range { width: 100%; accent-color: var(--ucb-brand); }
.ucb-result { border-radius: var(--ucb-r); background: var(--ucb-brand); color: #fff; padding: 18px 20px; display: grid; gap: 10px; align-content: start; }
.ucb-result-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 12.5px; color: rgba(255, 255, 255, 0.72); border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding-bottom: 10px; }
.ucb-result-row:last-of-type { border-bottom: 0; padding-bottom: 0; }
.ucb-result-row b { font-family: var(--ucb-font-display); font-weight: 400; font-size: 20px; color: #fff; font-variant-numeric: tabular-nums; letter-spacing: -0.5px; }
.ucb-result .ucb-hero b { font-size: 28px; color: var(--ucb-accent); }
.ucb-calc-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0 0; border-top: 1px solid var(--ucb-line); }
@media (max-width: 640px) { .ucb-calc-body { grid-template-columns: 1fr; } }

/* ---------- template CTA slot spacing ---------- */
.ucb + .ucb { margin-top: 1.25rem; }

/* ---------- widget theme layer (temporary skin until each widget is rebuilt on ucb) ---------- */
/* A. co-founder widgets: map their variables to ucb tokens */
.c-article :is(.see, .irq, .rwc, .vcalc, .uc-vs, .udb) {
  --b900: #0b1a19; --b800: #003d38; --b600: #1e5f59; --b100: #eef3f4; --accent: #4fe1ba;
  --ink: #0b1a19; --g700: #33413f; --g500: #6b7876; --shell: #f4f6f7; --green: #003d38;
  --bg: radial-gradient(70% 90% at 88% 115%, rgba(112, 214, 192, 0.85) 0%, rgba(112, 214, 192, 0) 70%), radial-gradient(55% 70% at 30% 125%, rgba(184, 196, 122, 0.55) 0%, rgba(184, 196, 122, 0) 70%), radial-gradient(60% 80% at 70% 40%, rgba(44, 92, 86, 0.65) 0%, rgba(44, 92, 86, 0) 75%), linear-gradient(#040807, #040807);
}
.c-article .urc-card { --green: #003d38; --green-d: #001d1b; --green-br: #cfe0dc; }
.c-article :is(.see, .irq, .rwc, .vcalc, .uc-vs, .udb) :is(h2, h3, [class$="-htitle"], [class$="-title"]) { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.4px !important; }
/* widget headings weight: site never goes above 600 */
.c-article :is(.see, .irq, .rwc, .vcalc, .uc-vs, .udb) :is(b, strong) { font-weight: 600 !important; }
/* B. Series B calculator (inline styles) */
.c-article #undo-sbc { font-family: var(--ucb-font-body) !important; border-radius: var(--ucb-r-shell) !important; border-color: var(--ucb-shell-line) !important; }
.c-article #undo-sbc * { font-family: inherit !important; }
.c-article #undo-sbc > div:first-child > div:first-child { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.4px !important; }
/* C. all legacy widgets: one font, one button shape */
.c-article :is(.ctc, .ifd, .ehc, .svu, .edc2, .ctv, .frd-wrap, .frc-wrap, .urc-card, .faw-wrap, .ps-wrap, .sb2-wrap) { font-family: inherit !important; }
.c-article :is(.ctc, .ifd, .ehc, .svu, .edc2, .ctv, .frd-wrap, .frc-wrap, .urc-card, .faw-wrap, .ps-wrap, .sb2-wrap) :is(input, select, button, textarea) { font-family: inherit !important; }
.c-article :is(.ctc, .ifd, .ehc, .svu, .edc2, .ctv, .frd-wrap, .frc-wrap, .urc-card, .faw-wrap, .ps-wrap, .sb2-wrap) input[type="range"] { accent-color: #003d38 !important; }
.c-article :is(.ctc, .ifd, .ehc, .svu, .edc2, .ctv, .frd-wrap, .frc-wrap, .urc-card, .faw-wrap, .ps-wrap, .sb2-wrap) a[class*="cta"], .c-article :is(.ctc, .ifd, .ehc, .svu, .edc2, .ctv, .frd-wrap, .frc-wrap, .urc-card, .faw-wrap, .ps-wrap, .sb2-wrap) a[class*="btn"] { border-radius: 999px !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }

/* D. generated colour, radius and type mapping */
/* ctc (cap-table-calculator-calculate-startup-o) */
.c-article .ctc { font-family: inherit !important; color: #0b1a19 !important; background: #ffffff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .ctc-head { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .ctc-head h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctc-head p { color: rgba(255,255,255,0.7) !important; }
.c-article .ctc-section-label { color: #003d38 !important; font-weight: 600 !important; }
.c-article .ctc-input { border: 1.5px solid #e5e7eb !important; font-family: inherit !important; color: #0b1a19 !important; background: #fff !important; }
.c-article .ctc-input:focus { border-color: #003d38 !important; box-shadow: 0 0 0 3px rgba(0,61,56,0.15) !important; }
.c-article .ctc-remove { border: none !important; background: transparent !important; color: #b8bfba !important; }
.c-article .ctc-remove:hover { color: #9b2c25 !important; background: #f4f6f7 !important; }
.c-article .ctc-remove:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.22) !important; }
.c-article .ctc-add { background: transparent !important; border: 1.5px dashed #e5e7eb !important; font-family: inherit !important; color: #003d38 !important; }
.c-article .ctc-add:hover { background: #f4f6f7 !important; border-color: #003d38 !important; }
.c-article .ctc-add:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.22) !important; }
.c-article .ctc-field-label { color: #0b1a19 !important; }
.c-article .ctc-field-value { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .ctc-results-top { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.3) 0%, transparent 65%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; color: #fff !important; }
.c-article .ctc-results-label { color: rgba(255,255,255,0.6) !important; }
.c-article .ctc-results-value { color: #fff !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctc-own-name { color: #0b1a19 !important; }
.c-article .ctc-own-row--new .ctc-own-name { color: #003d38 !important; }
.c-article .ctc-own-pct { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .ctc-own-pct small { color: #6b7876 !important; }
.c-article .ctc-warn { background: #f4f6f7 !important; border: 1px solid #b4690e !important; border-left: 3px solid #b4690e !important; color: #b4690e !important; }
.c-article .ctc a.ctc-cta-btn, .c-article .ctc a.ctc-cta-btn:link, .c-article .ctc a.ctc-cta-btn:visited, .c-article .ctc a.ctc-cta-btn:hover, .c-article .ctc a.ctc-cta-btn:active, .c-article .ctc a.ctc-cta-btn:focus { background: #001d1b !important; color: #ffffff !important; border-bottom: none !important; font-family: inherit !important; }
.c-article .ctc a.ctc-cta-btn:hover { background: #003d38 !important; }
.c-article .ctc a.ctc-cta-btn:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.3) !important; }
.c-article .ctc a.ctc-cta-btn svg { color: #ffffff !important; }
@media (max-width: 480px) { .c-article .ctc-results-value { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
/* ifd (cap-table-calculator-calculate-startup-o) */
.c-article .ifd { font-family: inherit !important; color: #0b1a19 !important; background: #ffffff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .ifd-head { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .ifd-head h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ifd-head p { color: rgba(255,255,255,0.68) !important; }
.c-article .ifd-toggle { background: #f4f6f7 !important; border: 1px solid #e5e7eb !important; }
.c-article .ifd-toggle button { background: transparent !important; border: none !important; font-family: inherit !important; color: #6b7876 !important; }
.c-article .ifd-toggle button:hover { color: #0b1a19 !important; }
.c-article .ifd-toggle button[aria-pressed="true"] { background: radial-gradient(ellipse at 20% 20%, rgba(0,61,56,0.45) 0%, transparent 70%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; color: #fff !important; box-shadow: 0 2px 6px rgba(11,26,25,0.14) !important; }
.c-article .ifd-toggle button:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.22) !important; }
.c-article .ifd-donut circle { fill: transparent !important; }
.c-article .ifd-centre-label { color: #6b7876 !important; font-weight: 600 !important; }
.c-article .ifd-centre-value { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ifd-centre-sub { color: #6b7876 !important; }
.c-article .ifd-row { color: #0b1a19 !important; }
.c-article .ifd-row-name small { color: #6b7876 !important; }
.c-article .ifd-row-pct { font-weight: 600 !important; }
.c-article .ifd-row-pct small { color: #6b7876 !important; }
.c-article .ifd-explain { background: #f4f6f7 !important; border-left: 3px solid #003d38 !important; color: #0b1a19 !important; }
.c-article .ifd-explain strong { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .ifd-note { color: #6b7876 !important; }
/* ehc (cap-table-calculator-calculate-startup-o) */
.c-article .ehc { font-family: inherit !important; color: #0b1a19 !important; background: #ffffff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .ehc-head { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .ehc-head h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ehc-head p { color: rgba(255,255,255,0.7) !important; }
.c-article .ehc-card { background: #fff !important; border: 1.5px solid #e5e7eb !important; font-family: inherit !important; }
.c-article .ehc-card:hover { border-color: #6b7876 !important; }
.c-article .ehc-card:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.22) !important; }
.c-article .ehc-card[aria-selected="true"] { border-color: #0b1a19 !important; box-shadow: 0 2px 10px rgba(11,26,25,0.08) !important; }
.c-article .ehc-card[aria-selected="true"]::after { background: #ffffff !important; border-right: 1.5px solid #0b1a19 !important; border-bottom: 1.5px solid #0b1a19 !important; }
.c-article .ehc-card-icon svg { fill: none !important; }
.c-article .ehc-card-title { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .ehc-card.ehc-good .ehc-card-icon { background: #eef3f4 !important; color: #003d38 !important; }
.c-article .ehc-card.ehc-good .ehc-status { color: #003d38 !important; }
.c-article .ehc-card.ehc-good .ehc-status-dot { background: #003d38 !important; }
.c-article .ehc-card.ehc-warn .ehc-card-icon { background: #fdf4e7 !important; color: #b4690e !important; }
.c-article .ehc-card.ehc-warn .ehc-status { color: #b4690e !important; }
.c-article .ehc-card.ehc-warn .ehc-status-dot { background: #b4690e !important; }
.c-article .ehc-card.ehc-action .ehc-card-icon { background: #e5e7eb !important; color: #003d38 !important; }
.c-article .ehc-card.ehc-action .ehc-status { color: #003d38 !important; }
.c-article .ehc-card.ehc-action .ehc-status-dot { background: #003d38 !important; }
.c-article .ehc-detail { background: #f4f6f7 !important; border: 1px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; }
.c-article .ehc-detail-tag { font-weight: 600 !important; }
.c-article .ehc-detail-tag.good { background: #eef3f4 !important; color: #003d38 !important; }
.c-article .ehc-detail-tag.warn { background: #fdf4e7 !important; color: #b4690e !important; }
.c-article .ehc-detail-tag.action { background: #e5e7eb !important; color: #003d38 !important; }
.c-article .ehc-detail-title { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ehc-detail-list li { color: #0b1a19 !important; }
.c-article .ehc-detail-list svg { fill: none !important; }
.c-article .ehc-detail-list .good svg { stroke: #003d38 !important; }
.c-article .ehc-detail-list .warn svg { stroke: #b4690e !important; }
.c-article .ehc-detail-list .action svg { stroke: #003d38 !important; }
.c-article .ehc-cta-note { color: #6b7876 !important; }
.c-article .ehc-cta-btn { background: #001d1b !important; color: #fff !important; font-family: inherit !important; }
.c-article .ehc-cta-btn:hover { background: #003d38 !important; }
.c-article .ehc-cta-btn:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.3) !important; }
/* svu (seedlegals-alternative-for-funding-round) */
.c-article .svu { font-family: inherit !important; color: #0b1a19 !important; background: #ffffff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .svu-head { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .svu-head h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .svu-head p { color: rgba(255,255,255,0.7) !important; }
.c-article .svu-question { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .svu-option { background: #fff !important; border: 1.5px solid #e5e7eb !important; color: #0b1a19 !important; }
.c-article .svu-option:hover { border-color: #6b7876 !important; }
.c-article .svu-option.selected { border-color: #003d38 !important; background: #f4f6f7 !important; }
.c-article .svu-option:focus-within { box-shadow: 0 0 0 3px rgba(0,61,56,0.2) !important; }
.c-article .svu-radio { border: 1.5px solid #e5e7eb !important; }
.c-article .svu-option.selected .svu-radio { border-color: #003d38 !important; background: #003d38 !important; }
.c-article .svu-radio::after { background: #fff !important; }
.c-article .svu-result { background: #f4f6f7 !important; border: 1px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; }
.c-article .svu-result-tag { color: #003d38 !important; font-weight: 600 !important; }
.c-article .svu-result-platform { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .svu-result-body { color: #0b1a19 !important; }
.c-article .svu a.svu-cta-btn, .c-article .svu a.svu-cta-btn:link, .c-article .svu a.svu-cta-btn:visited, .c-article .svu a.svu-cta-btn:hover, .c-article .svu a.svu-cta-btn:active, .c-article .svu a.svu-cta-btn:focus { background: #001d1b !important; color: #ffffff !important; border-bottom: none !important; font-family: inherit !important; }
.c-article .svu a.svu-cta-btn:hover { background: #003d38 !important; }
.c-article .svu a.svu-cta-btn:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.3) !important; }
.c-article .svu a.svu-cta-btn svg { color: #ffffff !important; }
/* edc2 (cap-table-management-software-for-uk-sta) */
.c-article .edc2 { font-family: inherit !important; color: #0b1a19 !important; background: #ffffff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .edc2-head { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .edc2-head h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .edc2-head p { color: rgba(255,255,255,0.68) !important; }
.c-article .edc2-field-label { color: #0b1a19 !important; }
.c-article .edc2-field-value { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .edc2-pct-card { border: 1px solid #e5e7eb !important; }
.c-article .edc2-pct-card--existing { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.3) 0%, transparent 65%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; color: #fff !important; border-color: #0b1a19 !important; }
.c-article .edc2-pct-card--investors { background: #f4f6f7 !important; border-color: #cfe0dc !important; }
.c-article .edc2-pct-card--existing .edc2-pct-label { color: rgba(255,255,255,0.6) !important; }
.c-article .edc2-pct-card--investors .edc2-pct-label { color: #003d38 !important; }
.c-article .edc2-pct-value { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .edc2-pct-card--existing .edc2-pct-value { color: #fff !important; }
.c-article .edc2-pct-card--investors .edc2-pct-value { color: #0b1a19 !important; }
.c-article .edc2-seg--existing { background: radial-gradient(ellipse at 20% 20%, rgba(0,61,56,0.5) 0%, transparent 70%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; }
.c-article .edc2-seg--investors { background: #003d38 !important; }
.c-article .edc2-seg--pool { background: repeating-linear-gradient(45deg, #cfe0dc, #cfe0dc 6px, #cfe0dc 6px, #cfe0dc 12px) !important; }
.c-article .edc2-legend { color: #0b1a19 !important; }
.c-article .edc2-legend-swatch--existing { background: radial-gradient(ellipse at 20% 20%, rgba(0,61,56,0.5) 0%, transparent 70%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; }
.c-article .edc2-legend-swatch--investors { background: #003d38 !important; }
.c-article .edc2-legend-swatch--pool { background: repeating-linear-gradient(45deg, #cfe0dc, #cfe0dc 3px, #cfe0dc 3px, #cfe0dc 6px) !important; }
.c-article .edc2 a.edc2-cta-btn, .c-article .edc2 a.edc2-cta-btn:link, .c-article .edc2 a.edc2-cta-btn:visited, .c-article .edc2 a.edc2-cta-btn:hover, .c-article .edc2 a.edc2-cta-btn:active, .c-article .edc2 a.edc2-cta-btn:focus { background: #001d1b !important; color: #ffffff !important; border-bottom: none !important; font-family: inherit !important; }
.c-article .edc2 a.edc2-cta-btn:hover { background: #003d38 !important; }
.c-article .edc2 a.edc2-cta-btn:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.3) !important; }
.c-article .edc2 a.edc2-cta-btn svg { color: #ffffff !important; }
@media (max-width: 480px) { .c-article .edc2-pct-value { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
/* ctv (cap-table-template-uk-free-spreadsheet-a) */
.c-article .ctv { font-family: inherit !important; color: #0b1a19 !important; background: #f4f6f7 !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .ctv__head { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .ctv__head h2 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctv__head p { color: rgba(255,255,255,0.72) !important; }
.c-article .ctv__switch { background: #ffffff !important; border: 1.5px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; }
.c-article .ctv__switch button { background: transparent !important; border: none !important; font-family: inherit !important; color: #6b7876 !important; font-weight: 600 !important; }
.c-article .ctv__switch button:hover { color: #0b1a19 !important; }
.c-article .ctv__switch button:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.22) !important; }
.c-article .ctv__switch button .ctv__switch-sub { color: #6b7876 !important; }
.c-article .ctv__switch button[aria-pressed="true"] { background: radial-gradient(ellipse at 20% 20%, rgba(0,61,56,0.45) 0%, transparent 70%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(11,26,25,0.16) !important; }
.c-article .ctv__switch button[aria-pressed="true"] .ctv__switch-sub { color: rgba(255,255,255,0.72) !important; }
.c-article .ctv__denom-label { color: #6b7876 !important; font-weight: 600 !important; }
.c-article .ctv__denom-value { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctv__denom-unit { color: #6b7876 !important; }
.c-article .ctv__legend { color: #0b1a19 !important; }
.c-article .ctv__legend-swatch--a { background: radial-gradient(ellipse at 20% 20%, rgba(0,61,56,0.5) 0%, transparent 70%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; }
.c-article .ctv__legend-swatch--b { background: #003d38 !important; }
.c-article .ctv__legend-swatch--pool { background: repeating-linear-gradient(45deg, #cfe0dc, #cfe0dc 6px, #cfe0dc 6px, #cfe0dc 12px) !important; }
.c-article .ctv__legend-note { color: #6b7876 !important; }
.c-article .ctv__bar { border-radius: var(--ucb-r-table) !important; }
.c-article .ctv__seg { color: #fff !important; font-weight: 600 !important; }
.c-article .ctv__seg-inner .ctv__seg-pct { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctv__seg--a { background: radial-gradient(ellipse at 20% 20%, rgba(0,61,56,0.5) 0%, transparent 70%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; }
.c-article .ctv__seg--b { background: #003d38 !important; }
.c-article .ctv__seg--pool { background: repeating-linear-gradient(45deg, #cfe0dc, #cfe0dc 8px, #cfe0dc 8px, #cfe0dc 16px) !important; color: #0b1a19 !important; }
.c-article .ctv__seg--pool .ctv__seg-inner .ctv__seg-name { color: #0b1a19 !important; }
.c-article .ctv__row { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; }
.c-article .ctv__row--pool { background: #f4f6f7 !important; border-style: dashed !important; border-color: #6b7876 !important; }
.c-article .ctv__row-name { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .ctv__row-tag { color: #6b7876 !important; background: #ffffff !important; border: 1px solid #6b7876 !important; font-weight: 600 !important; }
.c-article .ctv__row-shares { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctv__row-shares small { color: #6b7876 !important; }
.c-article .ctv__row-pct { color: #003d38 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctv__row-pct--muted { color: #6b7876 !important; }
.c-article .ctv__explain { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-left: 3px solid #003d38 !important; }
.c-article .ctv__explain h4 { color: #003d38 !important; font-weight: 600 !important; }
.c-article .ctv__explain p { color: #0b1a19 !important; }
.c-article .ctv__maths-toggle { background: transparent !important; border: 1px solid #e5e7eb !important; font-family: inherit !important; color: #0b1a19 !important; }
.c-article .ctv__maths-toggle:hover { background: #ffffff !important; border-color: #6b7876 !important; }
.c-article .ctv__maths-toggle:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.22) !important; }
.c-article .ctv__maths-inner { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; }
.c-article .ctv__maths-table th { color: #6b7876 !important; border-bottom: 1px solid #e5e7eb !important; font-weight: 600 !important; }
.c-article .ctv__maths-table td { color: #0b1a19 !important; border-bottom: 1px solid #e5e7eb !important; }
.c-article .ctv__maths-table tr:last-child td { border-bottom: none !important; }
.c-article .ctv__maths-table .ctv__m-label { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .ctv__maths-table .ctv__m-result { color: #003d38 !important; font-weight: 600 !important; }
.c-article .ctv__maths-table .ctv__m-dash { color: #b8c5be !important; }
.c-article .ctv__maths-note { color: #6b7876 !important; }
.c-article .ctv__aha { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.32) 0%, transparent 65%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; color: #fff !important; border-radius: var(--ucb-r-table) !important; }
.c-article .ctv__aha h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ctv__aha h3 em { color: #6ca38a !important; }
.c-article .ctv__aha p { color: rgba(255,255,255,0.75) !important; }
@media (max-width: 700px) { .c-article .ctv__head h2 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
@media (max-width: 700px) { .c-article .ctv__aha h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
@media (max-width: 700px) { .c-article .ctv__denom-value { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
/* frd-wrap (6-best-seis-advance-assurance-providers-) */
.c-article .frd-wrap { font-family: inherit !important; color: #0b1a19 !important; background: #ffffff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .frd-wrap .frd-header { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .frd-wrap .frd-header h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .frd-wrap .frd-header p { color: rgba(255,255,255,0.72) !important; }
.c-article .frd-wrap .frd-tabs { background: #f4f6f7 !important; border: 1px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; }
.c-article .frd-wrap .frd-tab { background: transparent !important; border: none !important; font-family: inherit !important; color: #6b7876 !important; }
.c-article .frd-wrap .frd-tab:hover { color: #0b1a19 !important; }
.c-article .frd-wrap .frd-tab:focus-visible { box-shadow: 0 0 0 3px rgba(0,61,56,0.22) !important; }
.c-article .frd-wrap .frd-tab .frd-tab-sub { color: #6b7876 !important; }
.c-article .frd-wrap .frd-tab.active { background: radial-gradient(ellipse at 20% 20%, rgba(0,61,56,0.45) 0%, transparent 70%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; color: #fff !important; box-shadow: 0 2px 8px rgba(11,26,25,0.15) !important; }
.c-article .frd-wrap .frd-tab.active .frd-tab-sub { color: rgba(255,255,255,0.7) !important; }
.c-article .frd-wrap .frd-panel { background: #f4f6f7 !important; border: 1px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; }
.c-article .frd-wrap .frd-panel-block h5 { color: #003d38 !important; font-weight: 600 !important; }
.c-article .frd-wrap .frd-panel-block ul li { color: #0b1a19 !important; }
.c-article .frd-wrap .frd-panel-block ul li::before { background: #003d38 !important; }
.c-article .frd-wrap .frd-panel-check { border-top: 1px solid #e5e7eb !important; }
.c-article .frd-wrap .frd-panel-check h5 { color: #003d38 !important; font-weight: 600 !important; }
.c-article .frd-wrap .frd-panel-check p { color: #0b1a19 !important; }
.c-article .frd-wrap .frd-axis-labels { color: #0b1a19 !important; }
.c-article .frd-wrap .frd-axis-labels span:first-child { color: #0b1a19 !important; }
.c-article .frd-wrap .frd-axis-labels span:last-child { color: #003d38 !important; }
.c-article .frd-wrap .frd-axis { background: linear-gradient(to right, #001d1b 0%, #003d38 100%) !important; }
.c-article .frd-wrap .frd-axis-marker { background: #fff !important; border: 3px solid #0b1a19 !important; box-shadow: 0 2px 8px rgba(11,26,25,0.12) !important; }
.c-article .frd-wrap .frd-axis-notes { color: #6b7876 !important; }
.c-article .frd-wrap .frd-take { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.22) 0%, transparent 65%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 100%) !important; color: #fff !important; font-weight: 600 !important; }
.c-article .frd-wrap .frd-take em { color: #6ca38a !important; }
@media (max-width: 640px) { .c-article .frd-wrap .frd-header h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
/* frc-wrap (funding-round-management-software-for-uk) */
.c-article .frc-wrap { font-family: inherit !important; color: #0b1a19 !important; background: #ffffff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 1px 3px rgba(11,26,25,0.04) !important; border: 1px solid #e5e7eb !important; }
.c-article .frc-wrap .frc-header { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.35) 0%, transparent 55%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; }
.c-article .frc-wrap .frc-header h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .frc-wrap .frc-header p { color: rgba(255,255,255,0.7) !important; }
.c-article .frc-wrap .frc-label { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .frc-wrap .frc-num-input { border: 1.5px solid #e5e7eb !important; font-family: inherit !important; color: #0b1a19 !important; background: #fff !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .frc-wrap .frc-num-input:focus { border-color: #003d38 !important; box-shadow: 0 0 0 3px rgba(0,61,56,0.08) !important; }
.c-article .frc-wrap .frc-toggle button { background: #fff !important; border: 1.5px solid #e5e7eb !important; border-radius: var(--ucb-r-table) !important; font-family: inherit !important; }
.c-article .frc-wrap .frc-toggle button:hover { border-color: #6b7876 !important; }
.c-article .frc-wrap .frc-toggle button.active { border-color: #003d38 !important; background: #f4f6f7 !important; box-shadow: 0 0 0 3px rgba(0,61,56,0.08) !important; }
.c-article .frc-wrap .frc-toggle .frc-tname { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .frc-wrap .frc-toggle .frc-tdesc { color: #6b7876 !important; }
.c-article .frc-wrap .frc-tip { background: #eef3f4 !important; color: #003d38 !important; font-family: inherit !important; font-weight: 600 !important; }
.c-article .frc-wrap .frc-tip-body { background: #001d1b !important; color: #fff !important; font-family: inherit !important; }
.c-article .frc-wrap .frc-tip-body::after { border: 5px solid transparent !important; border-top-color: #0b1a19 !important; }
.c-article .frc-wrap .frc-result { background: radial-gradient(ellipse at 20% 15%, rgba(0,61,56,0.32) 0%, transparent 60%),
      linear-gradient(135deg, #001d1b 0%, #001d1b 55%, #001d1b 100%) !important; color: #fff !important; border-radius: var(--ucb-r-table) !important; }
.c-article .frc-wrap .frc-result-label { color: rgba(255,255,255,0.55) !important; }
.c-article .frc-wrap .frc-result-big { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .frc-wrap .frc-result-grid { border-top: 1px solid rgba(255,255,255,0.1) !important; }
.c-article .frc-wrap .frc-result-grid .frc-cell-label { color: rgba(255,255,255,0.5) !important; }
.c-article .frc-wrap .frc-result-grid .frc-cell-value { color: rgba(255,255,255,0.9) !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .frc-wrap .frc-legend { color: #0b1a19 !important; }
.c-article .frc-wrap .frc-explain { background: #f4f6f7 !important; border-left: 3px solid #003d38 !important; color: #0b1a19 !important; }
.c-article .frc-wrap .frc-explain strong { color: #0b1a19 !important; }
.c-article .frc-wrap .frc-reset { background: transparent !important; border: none !important; color: #6b7876 !important; font-family: inherit !important; }
.c-article .frc-wrap .frc-reset:hover { color: #003d38 !important; }
.c-article .frc-wrap .frc-disclaimer { color: #6b7876 !important; }
@media (max-width: 640px) { .c-article .frc-wrap .frc-header h3 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
@media (max-width: 640px) { .c-article .frc-wrap .frc-result-big { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
/* urc-card (seis-and-eis-tax-relief-calculator) */
.c-article #undo-relief-calc { font-family: inherit !important; color: var(--ink) !important; background: var(--canvas) !important; border-radius: var(--ucb-r-table) !important; }
.c-article #undo-relief-calc .urc-card { background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: var(--ucb-r-table) !important; box-shadow: 0 1px 2px rgba(11,26,25,.04), 0 22px 48px -34px rgba(11,26,25,.28) !important; }
.c-article #undo-relief-calc .urc-head { background: radial-gradient(120% 150% at 88% 12%, #003d38 0%, #001d1b 42%, #001d1b 100%) !important; color: #fff !important; }
.c-article #undo-relief-calc .urc-logo { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.16) !important; }
.c-article #undo-relief-calc .urc-h1 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-sub { color: rgba(233,244,239,.72) !important; }
.c-article #undo-relief-calc .urc-label { color: var(--green-d) !important; font-weight: 600 !important; }
.c-article #undo-relief-calc .urc-q { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-hint { color: var(--muted) !important; }
.c-article #undo-relief-calc .urc-scheme { background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: var(--ucb-r-table) !important; font-family: inherit !important; color: inherit !important; }
.c-article #undo-relief-calc .urc-scheme:hover { border-color: var(--green-br) !important; }
.c-article #undo-relief-calc .urc-scheme[aria-pressed="true"] { border-color: var(--green) !important; background: #f4f6f7 !important; box-shadow: 0 0 0 3px rgba(0,61,56,.09) !important; }
.c-article #undo-relief-calc .urc-radio { border: 1.5px solid #6b7876 !important; }
.c-article #undo-relief-calc .urc-scheme[aria-pressed="true"] .urc-radio { border-color: var(--green) !important; border-width: 5px !important; }
.c-article #undo-relief-calc .urc-scheme-name { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-scheme-rate { color: var(--green-d) !important; background: var(--green-l) !important; font-weight: 600 !important; }
.c-article #undo-relief-calc .urc-scheme-desc { color: var(--muted) !important; }
.c-article #undo-relief-calc .urc-field { border: 1px solid var(--line) !important; border-radius: var(--ucb-r-table) !important; background: var(--surface) !important; }
.c-article #undo-relief-calc .urc-field:focus-within { border-color: var(--green) !important; box-shadow: 0 0 0 3px rgba(0,61,56,.09) !important; }
.c-article #undo-relief-calc .urc-cur { color: var(--faint) !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-input { font-family: inherit !important; color: var(--ink) !important; border: none !important; background: none !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-scale { color: var(--faint) !important; }
.c-article #undo-relief-calc .urc-chip { font-family: inherit !important; color: var(--ink-2) !important; background: var(--surface) !important; border: 1px solid var(--line) !important; }
.c-article #undo-relief-calc .urc-chip:hover { border-color: var(--green-br) !important; }
.c-article #undo-relief-calc .urc-chip[aria-pressed="true"] { background: #001d1b !important; border-color: #0b1a19 !important; color: #EAFBF4 !important; }
.c-article #undo-relief-calc .urc-result { background: radial-gradient(120% 160% at 90% 8%, #003d38 0%, #001d1b 55%, #001d1b 100%) !important; border-radius: var(--ucb-r-table) !important; color: #EAFBF4 !important; }
.c-article #undo-relief-calc .urc-result-label { color: #7FB3A2 !important; font-weight: 600 !important; }
.c-article #undo-relief-calc .urc-big { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-big-note { color: #8CB1A3 !important; }
.c-article #undo-relief-calc .urc-mini-label { color: #7FB3A2 !important; }
.c-article #undo-relief-calc .urc-mini { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-leg { color: #A9C6BB !important; }
.c-article #undo-relief-calc .urc-leg b { color: #EAFBF4 !important; }
.c-article #undo-relief-calc .urc-scen-title { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-scen-note { color: var(--faint) !important; }
.c-article #undo-relief-calc .urc-scen { border: 1px solid var(--line) !important; border-radius: var(--ucb-r-table) !important; background: var(--surface) !important; }
.c-article #undo-relief-calc .urc-scen-k { color: var(--faint) !important; font-weight: 600 !important; }
.c-article #undo-relief-calc .urc-scen-v { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article #undo-relief-calc .urc-scen-d { color: var(--muted) !important; }
.c-article #undo-relief-calc .urc-scen.is-loss .urc-scen-v { color: #9b2c25 !important; }
.c-article #undo-relief-calc .urc-scen.is-gain .urc-scen-v { color: var(--green-d) !important; }
.c-article #undo-relief-calc .urc-rows { border: 1px solid var(--line) !important; border-radius: var(--ucb-r-table) !important; }
.c-article #undo-relief-calc .urc-row { border-top: 1px solid var(--line-2) !important; }
.c-article #undo-relief-calc .urc-row:first-child { border-top: none !important; background: #f4f6f7 !important; }
.c-article #undo-relief-calc .urc-row-k { color: var(--ink-2) !important; }
.c-article #undo-relief-calc .urc-row-k b { color: var(--ink) !important; }
.c-article #undo-relief-calc .urc-row-v { color: var(--ink) !important; font-weight: 600 !important; }
.c-article #undo-relief-calc .urc-row.urc-total { background: #f4f6f7 !important; border-top: 1px solid var(--line) !important; }
.c-article #undo-relief-calc .urc-note { background: var(--green-l) !important; border-radius: var(--ucb-r-table) !important; }
.c-article #undo-relief-calc .urc-note.is-warn { background: var(--amber-bg) !important; border: 1px solid var(--amber-br) !important; }
.c-article #undo-relief-calc .urc-note p { color: #003d38 !important; }
.c-article #undo-relief-calc .urc-note.is-warn p { color: #b4690e !important; }
.c-article #undo-relief-calc .urc-foot { border-top: 1px solid var(--line) !important; }
.c-article #undo-relief-calc .urc-foot p { color: var(--faint) !important; }
.c-article #undo-relief-calc .urc-foot a { color: #0b1a19 !important; border: 1px solid var(--line) !important; font-weight: 600 !important; }
.c-article #undo-relief-calc .urc-foot a:hover { border-color: var(--green-br) !important; color: var(--green-d) !important; }
@media (max-width:640px) { .c-article #undo-relief-calc .urc-h1 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
@media (max-width:640px) { .c-article #undo-relief-calc .urc-big { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }
/* faw-wrap (founders-agreement-template-uk-what-ever) */
.c-article .faw-wrap { font-family: inherit !important; background: #fff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 2px 24px rgba(11,26,25,0.07) !important; }
.c-article .faw-wrap .faw-header { background: linear-gradient(135deg, #001d1b 0%, #003d38 60%, #003d38 100%) !important; color: #fff !important; }
.c-article .faw-wrap .faw-header h2 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .faw-wrap .faw-header p { color: rgba(255,255,255,0.78) !important; }
.c-article .faw-wrap .faw-body { background: #fff !important; }
.c-article .faw-wrap .faw-q-text { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .faw-wrap .faw-q-sub { color: #6b7876 !important; }
.c-article .faw-wrap .faw-option { border: 1.5px solid #cfe0dc !important; background: #fff !important; color: #0b1a19 !important; }
.c-article .faw-wrap .faw-option:hover { border-color: #003d38 !important; background: #f4f6f7 !important; }
.c-article .faw-wrap .faw-option.selected { border-color: #003d38 !important; background: linear-gradient(135deg, #e5e7eb 0%, #f4f6f7 100%) !important; color: #0b1a19 !important; }
.c-article .faw-wrap .faw-option-dot { border: 1.5px solid #cfe0dc !important; background: #fff !important; }
.c-article .faw-wrap .faw-option.selected .faw-option-dot { border-color: #003d38 !important; background: #003d38 !important; }
.c-article .faw-wrap .faw-option.selected .faw-option-dot::after { background: #fff !important; }
.c-article .faw-wrap .faw-nav { border-top: 1px solid #e5e7eb !important; }
.c-article .faw-wrap .faw-btn-back { background: none !important; border: none !important; color: #6b7876 !important; font-family: inherit !important; }
.c-article .faw-wrap .faw-btn-back:hover { color: #003d38 !important; }
.c-article .faw-wrap .faw-result-heading { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .faw-wrap .faw-result-group-label { color: #6b7876 !important; }
.c-article .faw-wrap .faw-result-item { border-bottom: 1px solid #e5e7eb !important; }
.c-article .faw-wrap .faw-result-item:last-child { border-bottom: none !important; }
.c-article .faw-wrap .faw-result-icon.agreed { background: #eef3f4 !important; color: #003d38 !important; }
.c-article .faw-wrap .faw-result-icon.discuss { background: #e5e7eb !important; color: #0b1a19 !important; }
.c-article .faw-wrap .faw-result-name { color: #0b1a19 !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .faw-wrap .faw-result-item.discuss .faw-result-name:hover { color: #003d38 !important; }
.c-article .faw-wrap .faw-result-expand { color: #003d38 !important; }
.c-article .faw-wrap .faw-result-expand-toggle { color: #8aaa96 !important; }
.c-article .faw-wrap .faw-summary { background: #f4f6f7 !important; color: #003d38 !important; border: 1px solid #cfe0dc !important; }
.c-article .faw-wrap .faw-result-actions { border-top: 1px solid #e5e7eb !important; }
.c-article .faw-wrap .faw-btn-review { color: #003d38 !important; background: none !important; border: 1.5px solid #cfe0dc !important; font-family: inherit !important; }
.c-article .faw-wrap .faw-btn-review:hover { border-color: #003d38 !important; background: #f4f6f7 !important; }
.c-article .faw-wrap .faw-btn-reset { color: #9aada5 !important; background: none !important; border: none !important; font-family: inherit !important; }
.c-article .faw-wrap .faw-btn-reset:hover { color: #6b7876 !important; }
.c-article .faw-wrap .faw-footnote { color: #a0b0a8 !important; border-top: 1px solid #e5e7eb !important; }
/* ps-wrap (what-does-nda-stand-for-non-disclosure-a) */
.c-article .ps-wrap { font-family: inherit !important; background: #fff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 2px 24px rgba(11,26,25,0.07) !important; }
.c-article .ps-wrap .ps-header { background: linear-gradient(135deg, #001d1b 0%, #003d38 60%, #003d38 100%) !important; color: #fff !important; }
.c-article .ps-wrap .ps-header h2 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .ps-wrap .ps-header p { color: rgba(255,255,255,0.75) !important; }
.c-article .ps-wrap .ps-stage-btn { border: 1.5px solid #cfe0dc !important; background: #fff !important; font-family: inherit !important; }
.c-article .ps-wrap .ps-stage-btn:hover { border-color: #003d38 !important; background: #f4f6f7 !important; }
.c-article .ps-wrap .ps-stage-btn.active { border-color: #003d38 !important; background: linear-gradient(135deg, #eef3f4 0%, #f4f6f7 100%) !important; }
.c-article .ps-wrap .ps-stage-name { color: #003d38 !important; font-weight: 600 !important; }
.c-article .ps-wrap .ps-stage-btn.active .ps-stage-name { color: #0b1a19 !important; }
.c-article .ps-wrap .ps-stage-hint { color: #8aaa96 !important; }
.c-article .ps-wrap .ps-stage-btn.active .ps-stage-hint { color: #003d38 !important; }
.c-article .ps-wrap .ps-layers { border-radius: var(--ucb-r-table) !important; border: 1px solid #cfe0dc !important; }
.c-article .ps-wrap .ps-layer { border-bottom: 1px solid #e5e7eb !important; }
.c-article .ps-wrap .ps-layer:last-child { border-bottom: none !important; }
.c-article .ps-wrap .ps-layer.layer-active { background: #fff !important; }
.c-article .ps-wrap .ps-layer.layer-dim { background: #f4f6f7 !important; }
.c-article .ps-wrap .ps-layer-label { font-weight: 600 !important; }
.c-article .ps-wrap .ps-layer-0 .ps-layer-dot { background: #cfe0dc !important; }
.c-article .ps-wrap .ps-layer-0 .ps-layer-label { color: #003d38 !important; }
.c-article .ps-wrap .ps-layer-0.layer-active { background: #f4f6f7 !important; }
.c-article .ps-wrap .ps-layer-1 .ps-layer-dot { background: #003d38 !important; }
.c-article .ps-wrap .ps-layer-1 .ps-layer-label { color: #003d38 !important; }
.c-article .ps-wrap .ps-layer-1.layer-active { background: #f4f6f7 !important; }
.c-article .ps-wrap .ps-layer-2 .ps-layer-dot { background: #001d1b !important; }
.c-article .ps-wrap .ps-layer-2 .ps-layer-label { color: #0b1a19 !important; }
.c-article .ps-wrap .ps-layer-2.layer-active { background: #eef3f4 !important; }
.c-article .ps-wrap .ps-tag { color: #003d38 !important; background: rgba(255,255,255,0.8) !important; border: 1px solid #cfe0dc !important; border-radius: var(--ucb-r-table) !important; }
.c-article .ps-wrap .ps-layer.layer-dim .ps-tag { background: #f4f6f7 !important; color: #b0bfb8 !important; border-color: #cfe0dc !important; }
.c-article .ps-wrap .ps-support-text { color: #0b1a19 !important; }
.c-article .ps-wrap .ps-support-takeaway { color: #003d38 !important; background: #f4f6f7 !important; border-left: 3px solid #003d38 !important; }
.c-article .ps-wrap .ps-takeaway { background: linear-gradient(135deg, #eef3f4 0%, #f4f6f7 100%) !important; border: 1px solid #cfe0dc !important; }
.c-article .ps-wrap .ps-takeaway-heading { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .ps-wrap .ps-takeaway-text { color: #003d38 !important; }
/* sb2-wrap (series-b-funding-explained-what-it-is-an) */
.c-article .sb2-wrap { font-family: inherit !important; background: #fff !important; border-radius: var(--ucb-r-shell) !important; box-shadow: 0 2px 24px rgba(11,26,25,0.07) !important; }
.c-article .sb2-wrap .sb2-header { background: linear-gradient(135deg, #001d1b 0%, #003d38 60%, #003d38 100%) !important; color: #fff !important; }
.c-article .sb2-wrap .sb2-header h2 { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .sb2-wrap .sb2-header p { color: rgba(255,255,255,0.72) !important; }
.c-article .sb2-wrap .sb2-field label { color: #003d38 !important; font-weight: 600 !important; }
.c-article .sb2-wrap .sb2-input-row { border: 1.5px solid #cfe0dc !important; }
.c-article .sb2-wrap .sb2-input-row:focus-within { border-color: #003d38 !important; }
.c-article .sb2-wrap .sb2-prefix { background: #f4f6f7 !important; color: #003d38 !important; border-right: 1px solid #cfe0dc !important; }
.c-article .sb2-wrap .sb2-input { border: none !important; font-family: inherit !important; color: #0b1a19 !important; background: #fff !important; }
.c-article .sb2-wrap .sb2-slider-display { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .sb2-wrap .sb2-tick { color: #b0c4b8 !important; }
.c-article .sb2-wrap .sb2-result { background: linear-gradient(145deg, #001d1b 0%, #003d38 100%) !important; border-radius: var(--ucb-r-table) !important; color: #fff !important; }
.c-article .sb2-wrap .sb2-result-lbl { color: rgba(255,255,255,0.55) !important; font-weight: 600 !important; }
.c-article .sb2-wrap .sb2-result-num { color: #fff !important; font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; }
.c-article .sb2-wrap .sb2-result-sub { color: rgba(255,255,255,0.5) !important; }
.c-article .sb2-wrap .sb2-lines { border-top: 1px solid rgba(255,255,255,0.1) !important; }
.c-article .sb2-wrap .sb2-line { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
.c-article .sb2-wrap .sb2-line:last-child { border-bottom: none !important; }
.c-article .sb2-wrap .sb2-line-lbl { color: rgba(255,255,255,0.7) !important; }
.c-article .sb2-wrap .sb2-line-val { font-weight: 600 !important; }
.c-article .sb2-wrap .sb2-bar-lbl { font-weight: 600 !important; }
.c-article .sb2-wrap .sb2-seg-0 { background: #003d38 !important; }
.c-article .sb2-wrap .sb2-seg-1 { background: #003d38 !important; }
.c-article .sb2-wrap .sb2-seg-2 { background: #cfe0dc !important; }
.c-article .sb2-wrap .sb2-leg-item { color: #0b1a19 !important; }
.c-article .sb2-wrap .sb2-leg-name { color: #6b7876 !important; }
.c-article .sb2-wrap .sb2-leg-val { color: #0b1a19 !important; font-weight: 600 !important; }
.c-article .sb2-wrap .sb2-leg-pct { color: #a0b5aa !important; }
.c-article .sb2-wrap .sb2-footer { border-top: 1px solid #e5e7eb !important; }
.c-article .sb2-wrap .sb2-footnote { color: #a8b8b0 !important; }
.c-article .sb2-wrap .sb2-reset { background: none !important; border: none !important; font-family: inherit !important; color: #a8b8b0 !important; }
.c-article .sb2-wrap .sb2-reset:hover { color: #003d38 !important; }
@media (max-width: 580px) { .c-article .sb2-wrap .sb2-result-num { font-family: var(--ucb-font-display) !important; font-weight: 500 !important; letter-spacing: -0.3px !important; } }