/* Homepage company comparison (CompanyComparison.ascx). Site tokens:
   navy #29235C, blue text #1C72B5, red CTA #CF0021, tint #EDF3F7. */
.cc{--navy:#29235C;--blue:#1F7BC3;--blue-text:#1C72B5;--red:#CF0021;--red-dark:#A8001B;--tint:#E4EEF3;--tint2:#EDF3F7;--ink:#1a1a1a;--muted:#3A4149;--note:#5F6A75;--line:#D7E3EC;
  font-family:Montserrat,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;padding:56px 0;}
.cc *{box-sizing:border-box;}
.cc-in{max-width:1300px;width:100%;margin:0 auto;padding:0 24px;}
.cc a:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}
.cc-head{max-width:760px;margin:0 auto 28px;text-align:center;}
.cc-head h2{color:var(--navy);font-size:clamp(26px,3.2vw,34px);line-height:1.2;font-weight:800;margin:0 0 10px;}
.cc-head p{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 16px;}
.cc-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;}
.cc-trust li{margin:0;font-size:14.5px;font-weight:700;color:var(--navy);padding-left:24px;position:relative;}
.cc-trust li:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#1F7BC3 no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5L5 9.5L10 3' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.cc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:18px;}
.cc-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px 24px;}
.cc-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.cc-logo{display:flex;align-items:center;height:50px;}
.cc-logo img{display:block;max-height:46px;max-width:170px;width:auto;height:auto;object-fit:contain;}
.cc-kind{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--navy);background:var(--tint);padding:5px 10px;border-radius:999px;max-width:48%;text-align:center;line-height:1.3;}
.cc-card > p{font-size:15.5px;line-height:1.6;color:var(--muted);margin:0 0 14px;}
.cc-tags{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.cc-tags li{margin:0;font-size:13px;font-weight:600;color:var(--navy);background:var(--tint2);border:1px solid var(--line);padding:4px 10px;border-radius:6px;}
.cc-tags .cc-tag--wide{background:#E6F4EA;border-color:#CDE8D5;color:#1E6B34;}
.cc-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff !important;font-weight:800;font-size:14px;letter-spacing:.01em;padding:13px 22px;border-radius:35px;text-decoration:none !important;}
.cc-btn:hover{background:var(--red-dark);}
.cc-more{font-size:14px;font-weight:700;color:var(--blue-text);}
.cc-routing{margin:12px 0 0 !important;font-size:13px !important;color:var(--note) !important;}
.cc-table-wrap{margin-top:30px;border:1px solid var(--line);border-radius:16px;padding:24px 24px 18px;background:#fff;}
.cc-table-wrap h3{font-size:20px;color:var(--navy);margin:0 0 14px;font-weight:800;}
.cc-scroll{overflow-x:auto;}
.cc-table{width:100%;border-collapse:collapse;min-width:720px;}
.cc-table th,.cc-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:center;font-size:15px;}
.cc-table thead th{font-size:12.5px;font-weight:800;color:var(--note);text-align:center;border-bottom:2px solid var(--line);}
.cc-table thead th:first-child,.cc-table tbody th{text-align:left;}
.cc-table tbody tr:last-child th,.cc-table tbody tr:last-child td{border-bottom:0;}
.cc-table tbody th a{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:800;text-decoration:none;}
.cc-table tbody th img{display:block;max-height:22px;max-width:80px;width:auto;height:auto;object-fit:contain;}
.cc-yes{color:#1E6B34;font-weight:800;font-size:17px !important;}
.cc-ask{color:var(--note);font-size:13.5px !important;}
.cc-cov{color:var(--muted);font-size:14px !important;}
.cc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.cc-note{font-size:13px;color:var(--note);margin:12px 0 0;}
.cc-end{text-align:center;margin-top:30px;}
.cc-btn--all{font-size:15.5px;padding:16px 30px;text-transform:uppercase;}
.cc-end p{font-size:13.5px;color:var(--note);margin:10px 0 0;}
@media (max-width:600px){ .cc{padding:40px 0;} .cc-in{padding:0 16px;} .cc-cards{grid-template-columns:1fr;} .cc-btn{width:100%;} .cc-actions{flex-direction:column;align-items:stretch;text-align:center;} .cc-btn--all{width:100%;} }

/* small phones (Oct 2026): cards could not shrink below their logo + badge
   and stuck out 15px at 320px. Let everything shrink and wrap. */
.cc-cards{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));}
.cc-card{min-width:0;}
.cc-card header{flex-wrap:wrap;}
.cc-logo{min-width:0;max-width:100%;}
.cc-logo img{max-width:100%;}
.cc-kind{max-width:100%;}
.cc-btn{max-width:100%;white-space:normal;text-align:center;}
