/* Womply KYC: inherits the live site's Clean / Pandemic design tokens.
   Load after site.css; fallbacks match the site's default Clean theme. */
.womply-kyc {
  --kyc-ink: var(--text-primary, #191814);
  --kyc-text: var(--text-secondary, #4A4842);
  --kyc-muted: var(--text-tertiary, #7C786E);
  --kyc-line: var(--border-default, #DCDAD1);
  --kyc-subtle: var(--border-subtle, #E9E7DF);
  --kyc-accent: var(--accent, #2F4858);
  --kyc-rule: var(--rule-strong, #191814);
  --kyc-display: var(--font-display, "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif);
  --kyc-body: var(--font-body, "Public Sans", "Helvetica Neue", Arial, sans-serif);
  --kyc-label: var(--font-label, "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace);
  color: var(--kyc-ink);
  font-family: var(--kyc-body);
  font-size: 16px;
  line-height: 1.6;
  width: 100%;
  max-width: var(--max-width, 1160px);
  margin-inline: auto;
  padding-block: var(--space-10, 40px) var(--space-12, 48px);
  text-align: left;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.womply-kyc *, .womply-kyc *::before, .womply-kyc *::after { box-sizing: border-box; }
.womply-kyc :where(h1,h2,h3,h4,p,ol,ul) { margin: 0; }
.womply-kyc :where(h1,h2,h3,h4) { color: var(--kyc-ink); font-family: var(--kyc-display); line-height: 1.2; font-weight: 600; }
.womply-kyc a { color: var(--kyc-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.womply-kyc a:hover { color: var(--accent-hover, #1E3340); }
.womply-kyc :focus-visible { outline: 2px solid var(--kyc-accent); outline-offset: 3px; border-radius: 1px; }
.womply-kyc [id] { scroll-margin-top: 24px; }
.womply-kyc .kyc-eyebrow { color: var(--kicker, #7C786E); font-family: var(--kyc-label); font-size: 11px; font-weight: 500; line-height: 1.6; letter-spacing: var(--label-spacing, .13em); text-transform: uppercase; }
.womply-kyc .kyc-title { max-width: 20ch; font-size: clamp(30px, 4.6vw, 54px); line-height: 1.04; letter-spacing: -.03em; text-wrap: balance; }
.womply-kyc .kyc-title .kyc-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: var(--space-5, 20px); }
.womply-kyc .kyc-title .kyc-eyebrow::before { content: ''; width: 24px; height: 1px; background: currentColor; opacity: .65; flex: none; }
.womply-kyc .kyc-date { margin-top: var(--space-5, 20px); color: var(--kyc-muted); font-family: var(--kyc-label); font-size: 10px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }
.womply-kyc .kyc-lead { max-width: 72ch; margin-top: var(--space-6, 24px); color: var(--kyc-text); font-family: var(--font-serif, var(--kyc-body)); font-size: clamp(17px, 1.7vw, 21px); line-height: 1.55; text-wrap: pretty; }
.womply-kyc .kyc-intro { max-width: var(--measure, 78ch); margin-top: var(--space-4, 16px); color: var(--kyc-text); font-size: 16px; line-height: 1.7; }
.womply-kyc .kyc-jump-links { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-block: var(--space-8, 32px) var(--space-10, 40px); padding-block: 12px; border-top: 1px solid var(--kyc-subtle); border-bottom: 1px solid var(--kyc-subtle); font-family: var(--kyc-label); font-size: 11px; letter-spacing: .02em; }
.womply-kyc .kyc-jump-links a { display: inline-flex; align-items: center; min-height: 32px; }
.womply-kyc .kyc-section-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 24px; margin-bottom: var(--space-6, 24px); }
.womply-kyc .kyc-section-heading :is(h2,h3) { font-size: clamp(22px, 2.2vw, 28px); line-height: 1.18; letter-spacing: -.02em; }
.womply-kyc .kyc-provider { color: var(--kyc-accent); font-family: var(--kyc-label); font-size: 11px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; }
.womply-kyc .kyc-steps { list-style: none; padding: var(--space-6, 24px) 0 0; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: var(--space-6, 24px); border-top: 2px solid var(--kyc-rule); }
.womply-kyc .kyc-step { min-width: 0; }
.womply-kyc .kyc-illustration { position: relative; aspect-ratio: 396.6 / 350; overflow: hidden; border-radius: var(--card-radius, 3px); margin: 0 0 var(--space-5, 20px); background: transparent; }
.womply-kyc .kyc-illustration img { display: block; position: absolute; width: 500%; max-width: none; height: auto; top: -58.57%; left: var(--kyc-offset); }
.womply-kyc .kyc-step-number { display: flex; align-items: center; gap: 12px; margin-bottom: var(--space-3, 12px); color: var(--num-color, #191814); font-family: var(--kyc-label); font-size: 12px; font-weight: 500; letter-spacing: .04em; }
.womply-kyc .kyc-step-number span::before { content: '0'; }
.womply-kyc .kyc-step-number::after { content: ''; height: 1px; background: var(--kyc-line); flex: 1; }
.womply-kyc .kyc-step :is(h3,h4) { min-height: 3.6em; margin-bottom: var(--space-3, 12px); font-size: 19px; line-height: 1.2; letter-spacing: -.012em; }
.womply-kyc .kyc-step p { color: var(--kyc-text); font-size: 14px; line-height: 1.6; }
.womply-kyc .kyc-supplemental { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-8, 32px); margin-top: var(--space-8, 32px); padding-block: var(--space-6, 24px); border-top: 1px solid var(--kyc-subtle); color: var(--kyc-text); font-size: 13px; line-height: 1.6; }
.womply-kyc .kyc-review { display: flex; gap: var(--space-6, 24px); align-items: flex-start; margin-block: var(--space-10, 40px) var(--space-12, 48px); padding: 4px 0 4px var(--space-6, 24px); border-left: 2px solid var(--kyc-rule); }
.womply-kyc .kyc-review :is(h2,h3) { margin-bottom: var(--space-4, 16px); font-size: clamp(22px, 2.2vw, 28px); line-height: 1.18; letter-spacing: -.02em; }
.womply-kyc .kyc-review p { max-width: 78ch; color: var(--kyc-text); }
.womply-kyc .kyc-review p + p { margin-top: var(--space-3, 12px); font-size: 14px; }
.womply-kyc .kyc-icon { width: 32px; height: 32px; flex: 0 0 auto; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linejoin: round; stroke-linecap: round; color: var(--kyc-accent); }
.womply-kyc .kyc-review .kyc-icon { width: 42px; height: 42px; margin-top: 2px; }
.womply-kyc .kyc-related-checks > .kyc-eyebrow { margin-bottom: var(--space-5, 20px); }
.womply-kyc .kyc-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid var(--kyc-line); border-bottom: 1px solid var(--kyc-line); }
.womply-kyc .kyc-check { min-width: 0; padding: var(--space-6, 24px) var(--space-8, 32px) var(--space-6, 24px) 0; }
.womply-kyc .kyc-check + .kyc-check { border-left: 1px solid var(--kyc-subtle); padding: var(--space-6, 24px) 0 var(--space-6, 24px) var(--space-8, 32px); }
.womply-kyc .kyc-check-heading { display: flex; align-items: center; gap: 14px; margin-bottom: var(--space-4, 16px); }
.womply-kyc .kyc-check :is(h3,h4) { font-size: 21px; line-height: 1.28; letter-spacing: -.012em; }
.womply-kyc .kyc-vendors { margin-bottom: var(--space-3, 12px); color: var(--kyc-accent); font-family: var(--kyc-label); font-size: 11px; font-weight: 500; letter-spacing: .05em; }
.womply-kyc .kyc-check p:not(.kyc-vendors) { color: var(--kyc-text); font-size: 15px; line-height: 1.65; }
.womply-kyc .kyc-sba { display: grid; grid-template-columns: 1fr 1.7fr; gap: var(--space-10, 40px); margin-top: var(--space-12, 48px); padding-block: var(--space-8, 32px); border-top: 2px solid var(--kyc-rule); border-bottom: 1px solid var(--kyc-line); }
.womply-kyc .kyc-sba :is(h2,h3) { font-size: clamp(23px, 2.4vw, 30px); line-height: 1.1; letter-spacing: -.025em; }
.womply-kyc .kyc-sba p { color: var(--kyc-text); }
.womply-kyc .kyc-sba p + p { margin-top: var(--space-4, 16px); }
.womply-kyc .kyc-sba .kyc-qualification { font-size: 13px; }
.womply-kyc .kyc-sources { margin-top: var(--space-12, 48px); color: var(--kyc-text); font-size: 13px; line-height: 1.65; }
.womply-kyc .kyc-sources :is(h2,h3) { margin-bottom: var(--space-4, 16px); font-size: 18px; }
.womply-kyc .kyc-sources > p { max-width: 95ch; }
.womply-kyc .kyc-source-list { padding-left: 20px; margin-top: var(--space-4, 16px); max-width: 105ch; }
.womply-kyc .kyc-source-list li + li { margin-top: var(--space-2, 8px); }
.womply-kyc .kyc-source-list cite { font-style: normal; }
.womply-kyc .kyc-more { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: var(--space-6, 24px); font-family: var(--kyc-label); font-size: 11px; }

/* The existing site's theme switch also changes the embedded component. */
html[data-theme="pandemic"] .womply-kyc .kyc-provider { padding: 6px 14px; border: 1px solid var(--kyc-line); border-radius: var(--pill-radius); background: var(--surface-secondary); text-transform: none; letter-spacing: .02em; font-size: 13px; }
html[data-theme="pandemic"] .womply-kyc .kyc-steps { gap: 0; padding: 0; border: 1px solid var(--kyc-line); border-radius: var(--card-radius); background: var(--card-bg); box-shadow: var(--card-shadow); }
html[data-theme="pandemic"] .womply-kyc .kyc-step { padding: 22px 18px; }
html[data-theme="pandemic"] .womply-kyc .kyc-step + .kyc-step { border-left: 1px solid var(--kyc-subtle); }
html[data-theme="pandemic"] .womply-kyc .kyc-step :is(h3,h4) { color: var(--kyc-accent); }
html[data-theme="pandemic"] .womply-kyc .kyc-review { padding: var(--space-6) var(--space-8); border-left: 5px solid var(--kyc-accent); background: var(--card-bg); border-radius: 0 var(--card-radius) var(--card-radius) 0; box-shadow: var(--card-shadow); }
html[data-theme="pandemic"] .womply-kyc .kyc-check-grid { gap: var(--space-4); border: 0; }
html[data-theme="pandemic"] .womply-kyc .kyc-check { padding: var(--card-pad); border: 1px solid var(--card-border-color); border-radius: var(--card-radius); background: var(--card-bg); box-shadow: var(--card-shadow); }
html[data-theme="pandemic"] .womply-kyc .kyc-sba { padding: var(--space-8); border: 0; border-left: 5px solid var(--kyc-accent); border-radius: var(--card-radius); background: var(--card-bg); box-shadow: var(--card-shadow); }
html[data-theme="pandemic"] .womply-kyc .kyc-sba :is(h2,h3) { color: var(--kyc-accent); }

@media (max-width: 1000px) and (min-width: 641px) {
  .womply-kyc .kyc-steps { grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-8, 32px); }
  .womply-kyc .kyc-illustration { max-width: 240px; margin-inline: auto; }
  .womply-kyc .kyc-step :is(h3,h4) { min-height: 0; font-size: 21px; }
  .womply-kyc .kyc-step p { font-size: 16px; }
  html[data-theme="pandemic"] .womply-kyc .kyc-steps { gap: 0; }
  html[data-theme="pandemic"] .womply-kyc .kyc-step { padding: 24px; }
  html[data-theme="pandemic"] .womply-kyc .kyc-step + .kyc-step { border-left: 0; }
  html[data-theme="pandemic"] .womply-kyc .kyc-step:nth-child(even) { border-left: 1px solid var(--kyc-subtle); }
  html[data-theme="pandemic"] .womply-kyc .kyc-step:nth-child(n+3) { border-top: 1px solid var(--kyc-subtle); }
}
@media (max-width: 760px) {
  .womply-kyc { padding-block: var(--space-8, 32px) var(--space-10, 40px); }
}
@media (max-width: 640px) {
  .womply-kyc .kyc-jump-links { column-gap: 20px; padding-block: 8px; margin-block: 24px 32px; }
  .womply-kyc .kyc-jump-links a { min-height: 44px; }
  .womply-kyc .kyc-steps { grid-template-columns: 1fr; gap: 0; padding-top: 0; }
  .womply-kyc .kyc-step { display: grid; grid-template-columns: 110px minmax(0,1fr); column-gap: 20px; align-items: start; padding-block: 24px; }
  .womply-kyc .kyc-step + .kyc-step { border-top: 1px solid var(--kyc-subtle); }
  .womply-kyc .kyc-illustration { grid-column: 1; grid-row: 1 / span 3; width: 110px; align-self: center; margin: 0; }
  .womply-kyc .kyc-step-number { grid-column: 2; margin-bottom: 10px; }
  .womply-kyc .kyc-step :is(h3,h4) { grid-column: 2; min-height: 0; font-size: 20px; margin-bottom: 8px; }
  .womply-kyc .kyc-step p { grid-column: 2; font-size: 15px; }
  .womply-kyc .kyc-supplemental { grid-template-columns: 1fr; gap: 16px; margin-top: 0; }
  .womply-kyc .kyc-review { display: block; margin-block: 24px 40px; padding-left: 20px; }
  .womply-kyc .kyc-review .kyc-icon { margin: 0 0 16px; }
  .womply-kyc .kyc-check-grid { grid-template-columns: 1fr; }
  .womply-kyc .kyc-check, .womply-kyc .kyc-check + .kyc-check { padding: 24px 0; border-left: 0; }
  .womply-kyc .kyc-check + .kyc-check { border-top: 1px solid var(--kyc-subtle); }
  .womply-kyc .kyc-sba { grid-template-columns: 1fr; gap: 20px; margin-top: 40px; }
  .womply-kyc .kyc-more { display: block; }
  .womply-kyc .kyc-more a { display: block; padding-block: 12px; }
  html[data-theme="pandemic"] .womply-kyc .kyc-step { padding: 24px 18px; grid-template-columns: 90px minmax(0,1fr); column-gap: 16px; }
  html[data-theme="pandemic"] .womply-kyc .kyc-step + .kyc-step { border-left: 0; }
  html[data-theme="pandemic"] .womply-kyc .kyc-illustration { width: 90px; }
  html[data-theme="pandemic"] .womply-kyc :is(.kyc-review,.kyc-check,.kyc-sba) { padding: 24px; }
}
@media (max-width: 430px) {
  .womply-kyc .kyc-step,
  html[data-theme="pandemic"] .womply-kyc .kyc-step { grid-template-columns: 1fr; }
  .womply-kyc .kyc-illustration,
  html[data-theme="pandemic"] .womply-kyc .kyc-illustration { grid-column: 1; grid-row: auto; width: 160px; justify-self: center; margin-bottom: 20px; }
  .womply-kyc .kyc-step-number,
  .womply-kyc .kyc-step :is(h3,h4),
  .womply-kyc .kyc-step p { grid-column: 1; }
}
@media print {
  .womply-kyc { padding: 0; font-size: 11pt; }
  .womply-kyc .kyc-jump-links { display: none; }
  .womply-kyc .kyc-step, .womply-kyc .kyc-review, .womply-kyc .kyc-check, .womply-kyc .kyc-sba { break-inside: avoid; }
  .womply-kyc .kyc-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
