.verification-page { --vf-accent: #514ae6; --vf-line: #e7e7ef; --vf-muted: #767b8e; min-width: 0; padding-top: 12px; }
.vf-hero { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 17px 0 37px; }
.vf-hero .eyebrow { margin-bottom: 18px; color: #6b65ba; font-size: 10px; letter-spacing: 2px; }
.vf-hero .eyebrow::before { background: #7770d7; }
.vf-hero h1 { margin-bottom: 17px; font-size: clamp(33px, 3.3vw, 45px); font-weight: 600; line-height: 1.3; letter-spacing: -1.9px; }
.vf-hero h1 span { color: var(--vf-accent); }
.vf-hero-copy > p { margin-bottom: 19px; color: #6d7185; font-size: 13px; line-height: 1.95; }
.vf-hero-tags { display: flex; flex-wrap: wrap; gap: 8px 23px; color: #77798c; font-size: 10px; }
.vf-hero-tags > span { display: inline-flex; align-items: center; gap: 6px; }
.vf-hero-tags svg { width: 13px; height: 13px; color: #857ed1; }
.vf-hero-note { position: relative; flex: 0 0 235px; padding: 9px 0 9px 28px; border-left: 1px solid #deddf0; }
.vf-note-index { color: #8e8aa6; font: 9px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 1.5px; }
.vf-hero-note p { margin: 13px 0 8px; color: #4d4c67; font-size: 20px; font-weight: 550; line-height: 1.5; letter-spacing: -.6px; }
.vf-hero-note > span:last-of-type { color: #8a879c; font-size: 10px; line-height: 1.8; }
.vf-note-line { display: flex; align-items: center; gap: 4px; position: absolute; bottom: 13px; right: 0; height: 45px; opacity: .9; }
.vf-note-line i { width: 3px; height: 9px; border-radius: 2px; background: #b6b0ed; }
.vf-note-line i:nth-child(3n) { height: 27px; background: #7971d3; }
.vf-note-line i:nth-child(3n + 1) { height: 16px; }
.vf-note-line i:nth-child(5n) { height: 38px; background: #514ae6; }
.vf-workspace { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 22px; align-items: start; }
.vf-card { min-width: 0; border: 1px solid var(--vf-line); border-radius: 16px; background: #fff; }
.vf-config { padding: 26px 28px 28px; }
.vf-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.vf-kicker { display: block; margin-bottom: 7px; color: #9694aa; font: 9px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 1.3px; }
.vf-card h2, .vf-section-heading h2, .vf-faq h2 { margin: 0; color: #282c40; font-size: 21px; font-weight: 600; letter-spacing: -.6px; line-height: 1.5; }
.vf-private { padding: 4px 8px; border: 1px solid #ecebf5; border-radius: 5px; color: #858098; background: #fbfaff; font-size: 9px; white-space: nowrap; }
.vf-form { margin: 0; }
.vf-field, .vf-fieldset { margin: 0 0 20px; min-width: 0; }
.vf-fieldset { padding: 0; border: 0; }
.vf-label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; width: 100%; margin: 0 0 9px; padding: 0; color: #4b4d63; font-size: 12px; font-weight: 550; }
.vf-label > span { color: #9a97aa; font-size: 9px; font-weight: 400; text-align: right; }
.vf-protocols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.vf-protocol { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 45px; min-width: 0; padding: 8px 5px; border: 1px solid #e6e6ef; border-radius: 8px; background: #fff; color: #7a788d; font-size: 10px; transition: border-color .15s, background .15s; }
.vf-protocol b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 5px; color: #858092; background: #f3f2f7; font: 600 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.vf-protocol:hover { border-color: #b5afea; }
.vf-protocol.is-active { border-color: #aaa2eb; background: #f8f7ff; color: #5143bd; box-shadow: inset 0 0 0 1px #d5cff5; }
.vf-protocol.is-active b { color: #fff; background: #6558d3; }
.vf-field-note { margin: 7px 0 0; color: #9692a4; font-size: 9px; line-height: 1.7; }
.vf-form input[type="text"], .vf-form input[type="url"], .vf-form input[type="password"] { display: block; width: 100%; min-width: 0; height: 44px; padding: 10px 12px; border: 1px solid #e4e4ee; border-radius: 8px; background: #fff; color: #424254; font: 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; transition: border-color .15s, box-shadow .15s; }
.vf-form input::placeholder { color: #a4a1b2; font-size: 10px; }
.vf-form input[type="text"]:focus, .vf-form input[type="url"]:focus, .vf-form input[type="password"]:focus { outline: 0; border-color: #9386dc; box-shadow: 0 0 0 3px #6956d70a; }
.vf-form input:disabled { background: #faf9fc; color: #8c879b; }
.vf-secret-field { position: relative; }
.vf-secret-field input { padding-right: 42px !important; }
.vf-reveal { display: grid; place-items: center; position: absolute; inset: 5px 5px 5px auto; width: 33px; border: 0; border-radius: 5px; background: transparent; color: #9691a6; }
.vf-reveal:hover { background: #f4f2fb; color: #6252c2; }
.vf-reveal svg { width: 15px; height: 15px; }
.vf-modes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.vf-mode { position: relative; display: block; min-width: 0; padding: 12px 10px; border: 1px solid #e7e5ef; border-radius: 8px; background: #fff; cursor: pointer; }
.vf-mode input { position: absolute; top: 15px; right: 9px; width: 11px; height: 11px; margin: 0; accent-color: #6253cc; }
.vf-mode strong { display: flex; align-items: center; gap: 4px; margin-bottom: 5px; padding-right: 11px; color: #646075; font-size: 11px; font-weight: 550; }
.vf-mode strong small { padding: 0 3px; border-radius: 3px; color: #7c6ac2; background: #f0ebff; font-size: 7px; font-weight: 400; }
.vf-mode em { display: block; color: #a09aaf; font-size: 9px; font-style: normal; line-height: 1.65; }
.vf-mode.is-active { border-color: #b4a6e4; background: #fbf9ff; box-shadow: inset 0 0 0 1px #e8e2f8; }
.vf-mode.is-active strong { color: #5d45b7; }
.vf-option { display: flex; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid #f0eef5; cursor: pointer; }
.vf-option:last-child { border-bottom: 0; padding-bottom: 0; }
.vf-option input, .vf-consent input { flex: 0 0 auto; width: 13px; height: 13px; margin: 0; accent-color: #6253cc; }
.vf-option > span { min-width: 0; }
.vf-option strong { display: block; color: #676177; font-size: 11px; font-weight: 500; }
.vf-option small { display: block; margin-top: 1px; color: #a19aad; font-size: 9px; line-height: 1.6; }
.vf-option i { margin-left: auto; padding: 2px 5px; border-radius: 4px; background: #f4f2f9; color: #a096b3; font-size: 8px; font-style: normal; white-space: nowrap; }
.vf-option.is-unavailable { opacity: .52; cursor: default; }
.vf-consent { margin: 23px 0 17px; padding: 13px 13px 11px; border: 1px solid #e8e3f3; border-radius: 8px; background: #fbf9ff; }
.vf-consent label { display: flex; align-items: flex-start; gap: 8px; color: #797082; font-size: 10px; line-height: 1.8; cursor: pointer; }
.vf-consent input { margin-top: 3px; }
.vf-consent strong { color: #69577e; font-weight: 500; }
.vf-consent p { margin: 6px 0 0 21px; color: #aaa0b3; font-size: 9px; line-height: 1.7; }
.vf-submit { justify-content: space-between; width: 100%; min-height: 44px; padding: 11px 15px; border-radius: 8px; border-color: #5447c7; background: #5447c7; font-size: 12px; }
.vf-submit:hover { border-color: #4436ad; background: #4436ad; }
.vf-form-error { margin: 0 0 13px; padding: 11px 12px; border: 1px solid #efdae0; border-radius: 7px; color: #a34763; background: #fff7f9; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.vf-form-error[hidden] { display: none; }
.vf-side { display: grid; gap: 16px; }
.vf-plan { padding: 26px; background: #fefeff; }
.vf-plan .vf-card-heading { margin-bottom: 22px; }
.vf-plan-signal { width: 7px; height: 7px; border-radius: 50%; background: #a8a0dc; box-shadow: 0 0 0 5px #f3f0fc; }
.vf-plan-stats { display: grid; grid-template-columns: .8fr 1.2fr; margin-bottom: 22px; padding: 19px 0; border-top: 1px solid #eeecf6; border-bottom: 1px solid #eeecf6; }
.vf-plan-stats > div { padding-left: 19px; }
.vf-plan-stats > div:first-child { padding-left: 0; border-right: 1px solid #eeecf6; }
.vf-plan-stats strong { display: block; margin-bottom: 5px; color: #5c4daf; font: 500 30px/1.1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -1px; }
.vf-plan-stats strong small { margin-left: 5px; color: #9b8eb4; font: 400 10px/1.5 -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: 0; }
.vf-plan-stats span { color: #9a91aa; font-size: 9px; }
.vf-plan-caption { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; color: #7c748d; font-size: 9px; }
.vf-plan-caption > span:last-child { color: #a39bb0; }
.vf-plan-list { max-height: 432px; margin: 0; padding: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #dfd8ed transparent; list-style: none; }
.vf-plan-list li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; }
.vf-plan-check { display: grid; place-items: center; width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; border: 1px solid #dfd8f0; border-radius: 5px; background: #f7f4fc; color: #a398c6; font: 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.vf-plan-list strong { color: #6f657e; font-size: 11px; font-weight: 500; }
.vf-plan-list p { margin: 2px 0 0; color: #a198ac; font-size: 9px; line-height: 1.7; }
.vf-plan-foot { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid #eeecf6; color: #aba2b8; font-size: 9px; line-height: 1.8; }
.vf-plan-loading, .vf-plan-unavailable { padding: 23px 0 30px; color: #9b91ac; font-size: 11px; line-height: 1.8; }
.vf-plan-unavailable h3 { margin: 0 0 8px; color: #766b89; font-size: 13px; font-weight: 500; }
.vf-plan-unavailable p { overflow-wrap: anywhere; }
.vf-mini-spinner { display: block; width: 17px; height: 17px; margin-bottom: 13px; border: 2px solid #eee9f8; border-top-color: #8b7dca; border-radius: 50%; animation: vf-spin 1s linear infinite; }
.vf-boundary { display: flex; align-items: flex-start; gap: 12px; padding: 18px 19px; border: 1px solid #e9e5f2; border-radius: 12px; background: #f7f5fc; }
.vf-boundary-icon { display: grid; place-items: center; width: 29px; height: 29px; flex-shrink: 0; border: 1px solid #e3dcef; border-radius: 8px; color: #9a8db9; background: #fff; }
.vf-boundary-icon svg { width: 15px; height: 15px; }
.vf-boundary h3 { margin: 2px 0 7px; color: #7c6d91; font-size: 11px; font-weight: 500; }
.vf-boundary p { margin: 0 0 12px; color: #aa9bb9; font-size: 10px; line-height: 1.9; }
.vf-boundary div > span { display: flex; justify-content: space-between; gap: 10px; padding-top: 9px; border-top: 1px solid #eae4f2; color: #ac9dbb; font-size: 9px; }
.vf-boundary strong { color: #9281a5; font-weight: 400; }
.vf-report-region { scroll-margin-top: 100px; }
.vf-report-region:not(:empty) { margin-top: 24px; }
.vf-report { padding: 27px 28px 0; overflow: hidden; }
.vf-report-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.vf-report-heading h2 { font-size: 21px; }
.vf-report-heading p { margin: 8px 0 0; color: #8a7f98; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
.vf-report-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; flex-shrink: 0; padding-top: 3px; }
.vf-report-actions .button { color: #88739a; border-color: #e6dfee; font-size: 10px; }
.vf-progress-caption { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; color: #9e8cad; font-size: 10px; }
.vf-progress-caption b { color: #8a72a5; font: 400 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.vf-progress { display: block; width: 100%; height: 4px; margin: 0 0 23px; overflow: hidden; border: 0; border-radius: 3px; color: #8e78c0; background: #f0eaf6; }
.vf-progress::-webkit-progress-bar { border-radius: 3px; background: #f0eaf6; }
.vf-progress::-webkit-progress-value { border-radius: 3px; background: #8e78c0; transition: width .3s; }
.vf-progress::-moz-progress-bar { border-radius: 3px; background: #8e78c0; }
.vf-report-metrics { display: grid; grid-template-columns: .75fr .85fr .85fr 1.55fr; padding: 18px 0; border-top: 1px solid #ede7f1; border-bottom: 1px solid #ede7f1; }
.vf-report-metrics > div { min-width: 0; padding: 0 16px; border-left: 1px solid #ede7f1; }
.vf-report-metrics > div:first-child { padding-left: 0; border-left: 0; }
.vf-report-metrics span { display: block; margin-bottom: 9px; color: #ab97b7; font-size: 9px; }
.vf-report-metrics strong { color: #806296; font: 500 clamp(15px, 1.8vw, 23px)/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
.vf-report-metrics small { margin-left: 4px; color: #aa93b6; font: 9px/1.3 -apple-system, BlinkMacSystemFont, sans-serif; }
.vf-report-metrics em { margin: 0 7px; color: #c1adca; font-size: 15px; font-style: normal; }
.vf-result-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 21px; margin: 20px 0 7px; color: #9d89ab; font-size: 10px; }
.vf-result-summary > span { display: inline-flex; align-items: center; gap: 5px; }
.vf-result-summary i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.vf-result-check { padding: 17px 0; border-bottom: 1px solid #f0eaf4; }
.vf-result-check:last-child { border-bottom: 0; }
.vf-check-main { display: flex; align-items: flex-start; gap: 12px; }
.vf-result-mark { display: grid; place-items: center; width: 23px; height: 23px; flex-shrink: 0; margin-top: 1px; border: 1px solid currentColor; border-radius: 7px; font: 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.vf-check-main > div { min-width: 0; flex: 1; }
.vf-check-main h4 { margin: 0 0 4px; color: #7e668e; font-size: 12px; font-weight: 500; }
.vf-check-main p { margin: 0; color: #b29bbf; font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; }
.vf-status { flex-shrink: 0; margin-top: 1px; padding: 2px 7px; border-radius: 4px; background: #f7f1fb; font-size: 9px; line-height: 1.6; }
.vf-status-passed { color: #318872; }
.vf-status-warning { color: #a9833b; }
.vf-status-failed { color: #ba637c; }
.vf-status-skipped, .vf-status-pending { color: #ac9ab6; }
.vf-status-info { color: #8a77b2; }
.vf-status-running { color: #7c68bb; }
.vf-evidence { margin: 9px 0 0 35px; }
.vf-evidence summary { width: max-content; color: #a58bb8; font-size: 9px; cursor: pointer; }
.vf-evidence pre { max-height: 300px; margin: 10px 0 0; padding: 13px; overflow: auto; border: 1px solid #eee6f4; border-radius: 7px; background: #fcf9fe; color: #9275a4; font: 10px/1.8 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.vf-empty-result { margin: 23px 0; color: #b29bbf; font-size: 11px; }
.vf-report-boundary { display: flex; align-items: flex-start; gap: 8px; margin: 20px -28px 0; padding: 14px 28px; border-top: 1px solid #ede5f3; background: #fcf8fe; color: #b198c2; }
.vf-report-boundary svg { width: 13px; height: 13px; flex-shrink: 0; margin-top: 2px; }
.vf-report-boundary p { margin: 0; font-size: 9px; line-height: 1.8; }
.vf-poll-error { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 17px; padding: 12px; border: 1px solid #f0dfcf; border-radius: 7px; background: #fffbf4; color: #a28c6c; font-size: 10px; }
.vf-poll-error button { flex-shrink: 0; padding: 0; border: 0; background: transparent; color: #9c7d49; font-size: 10px; text-decoration: underline; }
.vf-methods { margin-top: 48px; }
.vf-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.vf-section-heading > p { margin: 0 0 2px; color: #a29aad; font-size: 10px; line-height: 1.8; text-align: right; }
.vf-method-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.vf-method { min-width: 0; padding: 20px 22px; border: 1px solid #eae6f1; border-radius: 12px; background: #fff; }
.vf-method-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; color: #a193b5; }
.vf-method-top svg { width: 18px; height: 18px; }
.vf-method-top > span { color: #ccc4d6; font: 9px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 1px; }
.vf-method h3 { margin: 0 0 11px; color: #746284; font-size: 13px; font-weight: 500; }
.vf-method ul { margin: 0; padding: 0; list-style: none; }
.vf-method li { position: relative; margin: 4px 0; padding-left: 9px; color: #a998b7; font-size: 10px; line-height: 1.9; }
.vf-method li::before { content: ''; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; border-radius: 50%; background: #c7b9d3; }
.vf-faq { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; margin: 43px 0 5px; padding: 30px 0; border-top: 1px solid #eae5f1; }
.vf-faq h2 { margin-top: 9px; color: #85728f; font-size: 23px; line-height: 1.6; }
.vf-faq-list details { padding: 15px 0; border-bottom: 1px solid #eee8f4; }
.vf-faq-list details:first-child { padding-top: 1px; }
.vf-faq-list summary { position: relative; padding-right: 28px; color: #8a729a; font-size: 12px; font-weight: 500; list-style: none; cursor: pointer; }
.vf-faq-list summary::-webkit-details-marker { display: none; }
.vf-faq-list summary::after { content: '+'; position: absolute; top: 0; right: 2px; color: #b6a3c4; font-size: 16px; font-weight: 400; line-height: 1.3; }
.vf-faq-list details[open] summary::after { content: '−'; }
.vf-faq-list p { margin: 12px 25px 0 0; color: #b29bbf; font-size: 11px; line-height: 1.95; }
@keyframes vf-spin { to { transform: rotate(360deg); } }
@media (max-width: 1100px) {
  .vf-config { padding: 23px; }
  .vf-plan { padding: 23px; }
  .vf-workspace { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 17px; }
  .vf-protocol { gap: 4px; font-size: 9px; }
  .vf-protocol b { width: 17px; height: 17px; font-size: 9px; }
  .vf-hero-note { flex-basis: 210px; }
  .vf-note-line { display: none; }
}
@media (max-width: 820px) {
  .vf-workspace { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .vf-side { grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr); gap: 15px; align-items: start; }
  .vf-plan { padding: 22px; }
  .vf-plan-list { max-height: 270px; }
  .vf-boundary { padding: 18px 15px; }
  .vf-boundary-icon { display: none; }
  .vf-hero-note { flex-basis: 180px; padding-left: 23px; }
  .vf-private { font-size: 8px; }
  .vf-method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vf-faq { grid-template-columns: .8fr 1.5fr; gap: 25px; }
}
@media (max-width: 560px) {
  .verification-page { padding-top: 8px; }
  .vf-hero { padding: 12px 0 25px; gap: 0; }
  .vf-hero .eyebrow { margin-bottom: 13px; font-size: 8px; }
  .vf-hero h1 { margin-bottom: 13px; font-size: clamp(27px, 7.5vw, 36px); letter-spacing: -1.4px; }
  .vf-hero-copy > p { margin-bottom: 15px; font-size: 11px; line-height: 1.9; }
  .vf-hero-note { display: none; }
  .vf-hero-tags { gap: 7px 12px; font-size: 8px; }
  .vf-hero-tags svg { width: 11px; height: 11px; }
  .vf-config { padding: 20px 17px; border-radius: 12px; }
  .vf-card-heading { margin-bottom: 21px; }
  .vf-card h2 { font-size: 19px; }
  .vf-kicker { margin-bottom: 5px; font-size: 8px; }
  .vf-private { padding: 3px 6px; font-size: 8px; }
  .vf-label { gap: 6px; font-size: 11px; }
  .vf-label > span { font-size: 8px; }
  .vf-protocols { gap: 5px; }
  .vf-protocol { flex-direction: column; gap: 5px; min-height: 56px; padding: 7px 3px; font-size: 9px; }
  .vf-protocol b { width: 17px; height: 17px; border-radius: 4px; }
  .vf-field, .vf-fieldset { margin-bottom: 19px; }
  .vf-form input[type="text"], .vf-form input[type="url"], .vf-form input[type="password"] { height: 45px; font-size: 16px; }
  .vf-form input::placeholder { font-size: 10px; }
  .vf-field-note { font-size: 8px; }
  .vf-modes { gap: 6px; }
  .vf-mode { padding: 10px 7px; }
  .vf-mode strong { gap: 3px; font-size: 10px; }
  .vf-mode strong small { padding: 0 2px; font-size: 6px; }
  .vf-mode input { top: 13px; right: 6px; width: 9px; height: 9px; }
  .vf-mode em { font-size: 8px; }
  .vf-option strong { font-size: 10px; }
  .vf-option small { font-size: 8px; }
  .vf-consent { margin-top: 20px; padding: 11px 10px; }
  .vf-consent label { font-size: 9px; }
  .vf-consent p { font-size: 8px; }
  .vf-side { grid-template-columns: minmax(0, 1fr); }
  .vf-plan { padding: 21px 19px; border-radius: 12px; }
  .vf-plan-list { max-height: 285px; }
  .vf-plan-stats { padding: 16px 0; }
  .vf-plan-stats strong { font-size: 28px; }
  .vf-plan-list p { font-size: 9px; }
  .vf-boundary { gap: 10px; padding: 16px; }
  .vf-boundary-icon { display: grid; }
  .vf-boundary h3 { font-size: 10px; }
  .vf-boundary p { font-size: 9px; }
  .vf-report { padding: 21px 17px 0; border-radius: 12px; }
  .vf-report-heading { flex-direction: column; gap: 13px; margin-bottom: 20px; }
  .vf-report-heading h2 { font-size: 18px; }
  .vf-report-heading p { font-size: 10px; }
  .vf-report-actions { justify-content: flex-start; padding-top: 0; }
  .vf-report-metrics { grid-template-columns: 1fr 1fr; row-gap: 20px; }
  .vf-report-metrics > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .vf-report-metrics strong { font-size: 18px; }
  .vf-report-metrics > div:last-child strong { font-size: 15px; }
  .vf-report-metrics em { margin: 0 3px; font-size: 11px; }
  .vf-report-metrics span { font-size: 8px; }
  .vf-result-summary { gap: 8px 13px; font-size: 8px; }
  .vf-check-main { gap: 9px; }
  .vf-check-main h4 { font-size: 11px; }
  .vf-check-main p { font-size: 9px; }
  .vf-status { padding: 2px 5px; font-size: 8px; }
  .vf-result-mark { width: 20px; height: 20px; border-radius: 6px; font-size: 11px; }
  .vf-evidence { margin-left: 29px; }
  .vf-report-boundary { margin: 18px -17px 0; padding: 13px 17px; }
  .vf-report-boundary p { font-size: 8px; }
  .vf-methods { margin-top: 34px; }
  .vf-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 16px; }
  .vf-section-heading h2 { font-size: 18px; }
  .vf-section-heading > p { font-size: 9px; text-align: left; }
  .vf-section-heading br { display: none; }
  .vf-method-grid { gap: 9px; }
  .vf-method { padding: 16px 12px; border-radius: 10px; }
  .vf-method-top { margin-bottom: 13px; }
  .vf-method-top svg { width: 16px; height: 16px; }
  .vf-method h3 { margin-bottom: 8px; font-size: 11px; }
  .vf-method li { padding-left: 7px; font-size: 8px; line-height: 1.85; }
  .vf-method li::before { top: 7px; }
  .vf-faq { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 29px; padding-top: 23px; }
  .vf-faq h2 { font-size: 19px; }
  .vf-faq h2 br { display: none; }
  .vf-faq-list summary { font-size: 11px; }
  .vf-faq-list p { margin-right: 0; font-size: 10px; }
  .vf-poll-error { flex-direction: column; align-items: flex-start; gap: 8px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) { .vf-mini-spinner { animation: none; } .vf-progress::-webkit-progress-value { transition: none; } }

/* Keep fine supporting copy readable against the quiet, bright surfaces. */
.vf-label > span, .vf-field-note, .vf-mode em, .vf-option small, .vf-consent p,
.vf-plan-caption, .vf-plan-stats span, .vf-plan-list p, .vf-plan-foot,
.vf-boundary p, .vf-boundary div > span, .vf-section-heading > p, .vf-method li,
.vf-check-main p, .vf-report-heading p, .vf-faq-list p, .vf-report-boundary,
.vf-report-metrics span, .vf-result-summary { color: #797386; }
.vf-field-note, .vf-option small, .vf-plan-list p, .vf-plan-foot, .vf-method li,
.vf-boundary p, .vf-consent p, .vf-mode em { font-size: 10px; }
.vf-check-main h4, .vf-method h3, .vf-faq-list summary { color: #5b506a; }
.vf-report-target { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; margin-top: 11px; color: #81738f; font-size: 10px; overflow-wrap: anywhere; }
.vf-report-target code { color: #6a5790; font-size: 10px; }
.vf-usage-note { margin: 12px 0 0; color: #91809d; font-size: 10px; line-height: 1.8; }
@media (max-width: 560px) {
  .vf-field-note, .vf-mode em, .vf-option small, .vf-consent label, .vf-consent p,
  .vf-plan-list p, .vf-plan-foot, .vf-boundary p, .vf-method li,
  .vf-check-main p, .vf-report-boundary p, .vf-faq-list p { font-size: 10px; }
  .vf-option strong, .vf-mode strong, .vf-plan-list strong, .vf-method h3 { font-size: 11px; }
  .vf-label { font-size: 12px; }
  .vf-label > span { font-size: 9px; }
  .vf-method { padding: 16px 13px; }
  .vf-report-target, .vf-report-target code { font-size: 9px; }
}