
.faq-hero{padding:8px 0 0}
.faq-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.faq-tab{min-height:44px;padding:0 22px;border:2px solid #cfdbec;border-radius:999px;background:#e8f0fa;color:#0b3367;font:600 15px/1 var(--font);cursor:pointer}
.faq-tab[aria-pressed=true]{background:#0b3367;border-color:#0b3367;color:#fff}
.faq-main{min-width:0}
.faq-wrap,.faq-tabsrow{padding-left:23px;padding-right:23px}
.faq-wrap{padding-top:28px;padding-bottom:56px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.faq-group{background:var(--gbg);border-radius:16px;padding:22px;margin:0 0 24px}
.faq-group[hidden]{display:none}
.faq-group>header{display:flex;gap:16px;align-items:center;margin:0 0 16px}
.faq-ico{flex:none;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--gfg)}
.faq-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.faq-eyebrow{margin:0;font:700 12px/1.2 var(--font);letter-spacing:.12em;color:var(--gfg)}
.faq-group h2{margin:2px 0 0;font:700 24px/1.25 var(--font);color:#09194a}
.faq-item{background:#fff;border-radius:10px;margin:0 0 8px;box-shadow:0 1px 4px rgba(33,66,118,.1)}
.faq-item h3{margin:0;font:inherit}
.faq-q{display:flex;width:100%;gap:14px;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;border:0;background:none;text-align:left;font:600 16px/1.4 var(--font);color:#09194a;cursor:pointer;border-radius:10px}
.faq-pm{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;background:#e8f0fa;stroke:#0b3367;stroke-width:2;fill:none;stroke-linecap:round}
.faq-q[aria-expanded=true] .faq-pm path:first-child{d:path("M5 12h14")}
.faq-a{padding:0 18px 16px;font:400 16px/1.6 var(--font);color:#3d475f;overflow-wrap:break-word}
.faq-a p{margin:0 0 12px}
.faq-a a{color:#0b3367;text-decoration:underline;text-underline-offset:2px}
.faq-a table{border-collapse:collapse;width:100%;margin:8px 0 14px;display:block;overflow-x:auto}
.faq-a th,.faq-a td{border:1px solid #c9d3e3;padding:8px 10px;text-align:left;vertical-align:top}
.faq-a thead th,.faq-a tr:first-child th{background:#eaf0f8}
.faq-a ul{margin:0 0 12px 22px}
.faq-card{background:#fff;border-radius:14px;box-shadow:0 3px 14px rgba(33,66,118,.09);padding:22px;margin:0 0 24px;font:400 15px/1.5 var(--font);color:#3d475f}
.faq-card h2{margin:0 0 6px;font:700 20px/1.3 var(--font);color:#09194a}
.faq-card h3{margin:20px 0 6px;font:700 15px/1.3 var(--font);color:#09194a}
.faq-card .btn{width:100%;margin:12px 0 0}
.faq-links{list-style:none;margin:0;padding:0}
.faq-links li{border-top:1px solid #d4dcea}
.faq-links a{display:flex;min-height:48px;align-items:center;font-weight:600;color:#0b3367}
.faq-news img{display:block;width:100%;height:auto;border-radius:8px;margin:0 0 12px}
.faq-news a{font-weight:600;color:#0b3367}
@media (max-width:1054px){.faq-wrap{grid-template-columns:1fr}}
@media (max-width:640px){.faq-group{padding:16px}.faq-tab{flex:1 1 auto}}
/* v4.19 FAQ answer tables: keep columns readable instead of squeezing the first one */
.faq-a th,.faq-a td{overflow-wrap:normal;word-break:normal;hyphens:none}
.faq-a th[scope="row"],.faq-a tr>th:first-child{min-width:120px;white-space:normal}
.faq-a td{min-width:220px}
.faq-a table{display:block;max-width:100%;overflow-x:auto}

/* v4.55 the original FAQ section names are long ("About 411SmallBusinessFacts.com"): let them wrap on phones */
.faq-group header>div{min-width:0}
.faq-group h2{overflow-wrap:anywhere}
@media (max-width:640px){.faq-group h2{font-size:20px}.faq-tab{overflow-wrap:anywhere}}
