
.cvc{--c-panel:#101820;--c-acc:#f5a300;--c-ink:#16212b;--c-mut:#5b6b78;--c-line:#dde3e8;
  border:1px solid var(--c-line);border-radius:12px;background:#fff;padding:22px;margin:1.4em 0;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--c-ink);font-size:.95rem;line-height:1.55}
.cvc *{box-sizing:border-box}
.cvc-head{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.72rem;letter-spacing:.09em;
  text-transform:uppercase;color:#8a5b00;border-bottom:2px solid var(--c-acc);padding-bottom:9px;margin-bottom:16px}
.cvc-nojs{background:#fdecec;border:1px solid #e6b0aa;border-radius:8px;padding:12px 14px;
  font-size:.88rem;color:#7b241c;margin-bottom:16px}
.cvc-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.cvc-tab{background:#f2f4f6;border:1px solid var(--c-line);border-radius:8px;padding:11px 18px;
  font:inherit;font-weight:600;cursor:pointer;color:var(--c-mut);transition:all .15s}
.cvc-tab:hover{border-color:var(--c-acc)}
.cvc-tab.is-on{background:var(--c-panel);border-color:var(--c-panel);color:#fff}
.cvc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px;align-items:start}
.cvc-common{background:#f7f9fa;border:1px solid var(--c-line);border-radius:9px;padding:14px;margin-bottom:18px}
.cvc-f{display:flex;flex-direction:column;min-width:0}
.cvc-lab{font-size:.83rem;color:var(--c-mut);font-weight:600;min-height:2.5em;display:flex;
  align-items:flex-end;margin-bottom:5px;line-height:1.25}
.cvc-lab i{font-weight:400;color:#9aa8b3;font-style:normal;margin-left:3px}
.cvc-lab b.cvc-u{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.72rem;color:#8a5b00;
  background:#fff6e3;border:1px solid #f0d9a6;border-radius:4px;padding:0 6px;margin-left:5px;font-weight:600}
.cvc input,.cvc select{width:100%;border:1px solid var(--c-line);border-radius:7px;padding:10px;
  font:inherit;font-size:.95rem;color:var(--c-ink);background:#fff}
.cvc input:focus,.cvc select:focus{outline:2px solid var(--c-acc);outline-offset:1px}
.cvc input.cvc-bad-in{border-color:#c0392b;background:#fdf3f2}
.cvc-sub{font-size:.75rem;color:#9aa8b3;margin-top:4px;line-height:1.35}
.cvc-out{margin-top:20px}
.cvc-alert{border-radius:10px;padding:15px 17px;margin-bottom:14px;border-left:6px solid}
.cvc-alert .cvc-st{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1.06rem;
  display:block;margin-bottom:5px}
.cvc-alert p{margin:0;font-size:.9rem}
.cvc-ok{background:#eef8f2;border-color:#2e8b57}.cvc-ok .cvc-st{color:#1e6b41}
.cvc-warn{background:#fff6e3;border-color:var(--c-acc)}.cvc-warn .cvc-st{color:#8a5b00}
.cvc-hot{background:#fdf0e6;border-color:#e07b39}.cvc-hot .cvc-st{color:#a54b12}
.cvc-bad{background:#fdecec;border-color:#c0392b}.cvc-bad .cvc-st{color:#a02b1c}
.cvc-res{width:100%;border-collapse:collapse;font-size:.89rem}
.cvc-res td{border:1px solid var(--c-line);padding:9px 11px;vertical-align:middle}
.cvc-res td:first-child{background:#f7f9fa;font-weight:600;width:40%}
.cvc-res .v{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;color:var(--c-panel);
  width:26%;text-align:right;white-space:nowrap}
.cvc-res .x{color:var(--c-mut);font-size:.8rem}
.cvc-res tr.hi td{background:#fff6e3}
.cvc-res tr.hi td:first-child{background:#fdefd0}
.cvc-bar{height:9px;border-radius:5px;background:#e6ebef;overflow:hidden;margin:12px 0 6px}
.cvc-bar span{display:block;height:100%;border-radius:5px;transition:width .25s}
.cvc-barlab{display:flex;justify-content:space-between;font-size:.76rem;color:var(--c-mut);
  font-family:'JetBrains Mono',ui-monospace,monospace}
.cvc-hint{font-size:.82rem;color:var(--c-mut);margin:12px 0 0}
.cvc-disc{font-size:.78rem;color:#9aa8b3;border-top:1px solid var(--c-line);padding-top:12px;margin:20px 0 0}
@media (max-width:600px){.cvc{padding:15px}.cvc-row{grid-template-columns:1fr;gap:12px}
  .cvc-lab{min-height:0}.cvc-res td:first-child{width:48%}.cvc-res .x{display:none}}
