/* auditicus-browser-check-v1.css - styles for /{lang}/browser-check/ only.
 * Built on the homepage design system (h3-* classes from auditicus-home3d-v3.css); only what the page needs on top. */
.h3-band h1{font-size:30px;font-weight:800;max-width:560px;margin:0;color:#14213d;text-align:start;line-height:1.15}
.bc-start{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto 34px;text-align:center}
.bc-btn{border:0;font-family:inherit;cursor:pointer;min-height:52px}
.bc-btn:disabled{opacity:.75;cursor:progress;filter:grayscale(.2)}
.bc-privacy{max-width:680px;margin:0;font-size:12.5px;line-height:1.5;color:#44526d}
.bc-card{display:flex;flex-direction:column}
.bc-card h3{padding-inline-end:8px}
.bc-card .h3-ico-step{object-fit:contain}
.bc-chip{display:inline-flex;align-self:flex-start;margin:12px 0 6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}
.bc-wait{background:#e6ebf5;color:#5b6b8a}
.bc-ok{background:#d9f5e3;color:#14683a}
.bc-warn{background:#fff1cf;color:#8a5600}
.bc-bad{background:#ffdcd8;color:#a3231a}
.bc-info{background:#dbe9ff;color:#174fb0}
.bc-out{display:block;min-height:5.6em;font-size:12px;line-height:1.45;color:#14233f;overflow-wrap:anywhere}
.bc-line{display:block;margin-bottom:4px}
@media (max-width:700px){.h3-band h1{font-size:24px}.bc-start{margin-bottom:24px}}
/* Mascot sits on the bottom edge of the hero band */
.h3-faq-band .h3-band-in>.h3-m-lean{transform:none;margin:0;align-self:flex-end}
@media (max-width:700px){.h3-faq-band .h3-band-in>.h3-m-lean{margin:0 auto;align-self:center}}
/* Progress bar: same look as the cabinet dashboard meter (.fa-meter / .ra-meter in dashboard.css) */
.bc-meter{display:block;position:absolute;inset-inline:18px;bottom:14px;height:10px;border-radius:99px;background:#dde5f2;box-shadow:inset 0 2px 4px rgba(180,195,222,.9)}
.bc-meter i{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:99px;background:linear-gradient(90deg,#1d3b8b,var(--n,#2f7bff));transition:width .35s ease}
.bc-card.is-run .bc-meter i{width:90%;transition:width 2.6s cubic-bezier(.2,.7,.3,1)}
.bc-card.is-done .bc-meter i{width:100%;transition:width .35s ease}
html[dir="rtl"] .bc-meter i{left:auto;right:0}
.bc-card{padding-bottom:40px}
/* Desktop: one test per row, each as wide as four boxes of the old grid */
.h3-steps.bc-steps{grid-template-columns:1fr;gap:18px}
@media (min-width:900px){
  .bc-card{display:grid;grid-template-columns:84px minmax(0,1fr) minmax(0,1.3fr);column-gap:24px;align-items:center;min-height:0;padding:22px 150px 40px 24px}
  .bc-card .h3-num{position:static;align-self:center}
  .bc-chip{margin-top:0}
  .bc-out{min-height:3.2em}
}
@media (prefers-reduced-motion:reduce){.bc-meter i,.bc-card.is-run .bc-meter i,.bc-card.is-done .bc-meter i{transition:none}}