/* /aml-kyc — rebuilt 1:1 from the live mafincash.com/ru/pages/kyc AML/KYC/SoF policy
   (single flowing document, 8 numbered sections — no fictional "two verification
   types + 3-step flow" block, that was ant's invented content). Design layer added
   on top of the plain-text original: numbered section cards, colour-coded Risk Score
   tiles, chip tags for the sanctioned-platform list, callout/emphasis boxes for the
   load-bearing numbers. Full container width, like /faq and the other content pages. */
.vp { margin: 8px 0 24px; }
.vp__hero { margin-bottom: 22px; }
.vp__title { font-size: var(--fs-h2); font-weight: 800; letter-spacing: -0.02em; margin: 10px 0 8px; }
.vp__lead { color: var(--muted-foreground); font-size: var(--fs-small); line-height: 1.6; margin: 0; max-width: 780px; }
.vp__lead--emph { font-size: var(--fs-lead); font-weight: 600; color: var(--foreground); }

/* bullets used throughout every section */
.vp__bullets { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.vp__bullets li { position: relative; padding-left: 18px; color: var(--muted-foreground); font-size: var(--fs-small); line-height: 1.55; }
.vp__bullets li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--primary); }

/* top intro callout (mandatory-for-all-users paragraph, given emphasis) + plain intro paragraphs */
.aml-callout { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 16px; padding: 16px 18px; border: 1px solid color-mix(in srgb, #f59e0b 40%, var(--border)); border-radius: var(--radius-lg); background: color-mix(in srgb, #f59e0b 9%, var(--card)); font-size: var(--fs-small); line-height: 1.55; }
.aml-callout__ic { flex: 0 0 auto; color: #b45309; }
.aml-callout__ic svg { width: 22px; height: 22px; display: block; }
.aml-intro { color: var(--muted-foreground); font-size: var(--fs-small); line-height: 1.6; margin: 0 0 12px; }

/* section badge (top of page) */
.vp-block__tag { display: inline-block; font-size: var(--fs-xs); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: 6px 13px; border-radius: var(--radius-pill); background: var(--primary); color: #fff; margin-bottom: 4px; }
.vp-block__tag--aml { background: #b45309; }

/* numbered section cards */
.aml-sec { margin-top: 26px; padding: 22px 24px; border: 1px solid var(--border); border-radius: var(--radius-2xl); background: var(--card); box-shadow: var(--shadow-xs); }
.aml-sec__head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.aml-sec__num { flex: 0 0 auto; width: 30px; height: 30px; border-radius: var(--radius-md); background: var(--secondary); color: var(--primary); font-weight: 800; font-size: var(--fs-small); display: inline-flex; align-items: center; justify-content: center; }
.aml-sec__title { font-size: var(--fs-base); font-weight: 700; margin: 0; }
.aml-sec__lead { color: var(--muted-foreground); font-size: var(--fs-small); line-height: 1.55; margin: 4px 0 8px; }
.aml-sec .vp__bullets { margin: 4px 0 10px; }
.aml-note { color: var(--muted-foreground); font-size: var(--fs-small); line-height: 1.55; margin: 0 0 10px; }
.aml-note:last-child { margin-bottom: 0; }
.aml-emph { margin: 0 0 10px; padding: 12px 16px; border-left: 3px solid var(--primary); background: var(--secondary); border-radius: var(--radius-md); font-size: var(--fs-small); font-weight: 600; line-height: 1.55; color: var(--foreground); }
.aml-link { display: inline-block; margin: 0 0 10px; font-size: var(--fs-small); font-weight: 600; color: var(--primary); word-break: break-all; }
.aml-link:hover { text-decoration: underline; }

/* Risk Score tiles */
.aml-risk { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 4px 0 10px; }
.aml-risk__tile { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--border); border-left-width: 4px; border-radius: var(--radius-lg); background: var(--muted); }
.aml-risk__range { font-size: var(--fs-h4); font-weight: 800; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.aml-risk__level { font-size: var(--fs-xs); font-weight: 700; color: var(--muted-foreground); }
.aml-risk__tile--low { border-left-color: #16a34a; } .aml-risk__tile--low .aml-risk__range { color: #16a34a; }
.aml-risk__tile--ok { border-left-color: var(--primary); } .aml-risk__tile--ok .aml-risk__range { color: var(--primary); }
.aml-risk__tile--high { border-left-color: #f59e0b; } .aml-risk__tile--high .aml-risk__range { color: #b45309; }
.aml-risk__tile--critical { border-left-color: #dc2626; } .aml-risk__tile--critical .aml-risk__range { color: #dc2626; }

/* sanctioned-platform names — chip tags instead of a comma-separated wall of text */
.aml-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.aml-tag {
  display: inline-flex; align-items: center; padding: 5px 12px; border-radius: var(--radius-pill);
  background: var(--muted); color: var(--muted-foreground); font-size: var(--fs-xs); font-weight: 600;
  border: 1px solid var(--border);
}

@media (max-width: 720px) {
  .aml-sec { padding: 18px; }
  .aml-risk { grid-template-columns: repeat(2, 1fr); }
}