/* Vergleichsseiten EN/FR (Remi, *-alternative): EN content/en/landingages/*.html,
   FR content/fr/landingpages/<name>/index.html.
   AUSNAHME vom Styleguide 2.13 (Owner 2026-11-06): Aufbau und Klassen bleiben wie geliefert,
   nur Farben, Schriftgroessen und Formen auf Styleguide-Werte (2.2-2.4).
   Seit 2026-11-06 (Seobility-Audit) im Website-Rahmen (Kopfmenue + Footer, frame2026) statt
   als eigenstaendige Dokumente. Deshalb ist jede Regel auf die Huelle .scg-cl-compare um den
   Seiteninhalt begrenzt - Reset (*), body-, h1-, h2-, .container- und .wrapper-Regeln duerfen
   nicht auf Kopfmenue und Footer durchschlagen. body-Regeln stehen jetzt an der Huelle.
   Salfeld-Hervorhebung blau statt gruen (Owner); Gruen nur noch fuer Haekchen und
   positive Chips, Rot fuer Kreuze. */
/* Gegen Regeln der Website: .wrapper ist dort das Seitenraster (custom.css), .card ein
   Bootstrap-Baustein mit display:flex. */
.scg-cl-compare .wrapper{display:block;min-height:0}
.scg-cl-compare .card{display:block}
/* Bootstrap setzt .container{width:100%}; die Testangebots-Kaesten (.container.cta) haben unter
   1040px zusaetzlich 24px Rand links/rechts -> Seite auf dem Handy breiter als der Bildschirm. */
.scg-cl-compare .container{width:auto}
/* Das Seitenraster (.wrapper, Grid) wird mindestens so breit wie der breiteste "unbrechbare"
   Inhalt. Auf /en/google-family-link-alternative/ war das das Preisdiagramm (.pbar-wrap,
   5 Spalten mit Produktnamen): 372px bei 360px Bildschirm -> Querscrollen. Gemessen in
   Chrome, 2026-11-06. Styleguide 2.7: width 0 + min-width 100% an der Huelle, dann gibt
   kein Element der Vergleichsseite seine Mindestbreite an das Raster weiter. */
.scg-cl-compare{width:0;min-width:100%}
/* Handy: Die wischbare Vergleichstabelle (.tbl min-width 600px) gab ihre Breite an das Grid
   der Website (.wrapper) weiter, der Browser verkleinerte die ganze Seite (Styleguide 2.7). */
.scg-cl-compare .tbl-wrap{width:0;min-width:100%}
/* Letzter Abschnitt (Fehler melden + Disclaimer) war hellgrau wie der Footer darunter. */
.scg-cl-compare .wrapper > .bg-grey:last-child{background:#fff}
.scg-cl-compare *{box-sizing:border-box;margin:0;padding:0}
.scg-cl-compare{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#374151;line-height:1.65;font-size:1.1rem;background:#fff}
.scg-cl-compare a{color:#1f75cb;text-decoration:none}.scg-cl-compare a:hover{color:#155a9e;text-decoration:underline}
.scg-cl-compare img{max-width:100%;height:auto}
.scg-cl-compare .wrapper{width:100%}
.scg-cl-compare .container{max-width:1040px;margin:0 auto;padding:0 24px}
.scg-cl-compare .narrow{max-width:680px;margin:0 auto}
.scg-cl-compare .text-center{text-align:center}
.scg-cl-compare .bg-white{background:#fff}.scg-cl-compare .bg-grey{background:#f4f6f9}.scg-cl-compare .bg-blue{background:#1f75cb;color:#fff}.scg-cl-compare .bg-hero{background:#1f75cb;color:#fff}.scg-cl-compare .bg-hero h1{color:#fff}.scg-cl-compare .bg-hero .sec-label{color:rgba(255,255,255,.85)}.scg-cl-compare .bg-hero #answer-capsule{background:#fff;border-color:rgba(255,255,255,.25)}.scg-cl-compare .bg-hero .qa-lead{background:#fff;border-color:rgba(255,255,255,.25)}.scg-cl-compare .bg-hero .narrow p{color:rgba(255,255,255,.95)}
.scg-cl-compare .section{padding:3rem 0}.scg-cl-compare .section-sm{padding:2rem 0}
.scg-cl-compare h1{font-size:clamp(1.9rem,2.8vw,2.3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem;color:#0f172a}
.scg-cl-compare h2{font-size:clamp(1.45rem,2.2vw,1.85rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:.6rem;color:#0f172a}
.scg-cl-compare h3{font-size:1.2rem;font-weight:700;line-height:1.3;margin-bottom:.4rem;color:#0f172a}
.scg-cl-compare p{margin-bottom:1rem;color:#374151}
.scg-cl-compare .sec-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#1f75cb;margin-bottom:6px}
.scg-cl-compare #answer-capsule{background:#fff;border:1px solid #dfe4ec;padding:20px 24px;border-radius:8px;margin:1.5rem 0;font-size:1.05rem;line-height:1.65;color:#374151;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.scg-cl-compare .qa-lead{background:#fff;border:1px solid #dfe4ec;padding:20px 24px;border-radius:8px;margin:1.5rem 0 1.25rem 0;font-size:1.05rem;line-height:1.65;color:#374151;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.scg-cl-compare .qa-lead::before{content:"";display:block;width:32px;height:2px;background:#1f75cb;margin-bottom:12px}
.scg-cl-compare .qa-lead strong:first-child{color:#0f172a;font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:6px}
.scg-cl-compare .qa-picks{display:grid;grid-template-columns:1fr;gap:.9rem;margin:1.25rem 0}
@media(min-width:768px){.scg-cl-compare .qa-picks{grid-template-columns:repeat(3,1fr);gap:1rem}}
.scg-cl-compare .qa-pick{background:#fff;border:1px solid #dfe4ec;border-radius:8px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;position:relative;min-height:auto}
.scg-cl-compare .qa-pick.qa-pick-primary{border-color:#1f75cb;background:linear-gradient(180deg,#e8f1fb 0%,#fff 60%);border-width:2px}
.scg-cl-compare .qa-pick .qa-badge{position:absolute;top:-10px;left:14px;background:#1f75cb;color:#fff;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase}
.scg-cl-compare .qa-pick .qa-name{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 .15rem 0}
.scg-cl-compare .qa-pick.qa-pick-primary .qa-name{color:#1f75cb}
.scg-cl-compare .qa-pick .qa-tag{font-size:.85rem;color:#64748b;margin:0 0 .65rem 0;font-weight:500}
.scg-cl-compare .qa-pick .qa-desc{font-size:.95rem;line-height:1.55;color:#374151;margin:0}
.scg-cl-compare .qa-pick .qa-desc strong{color:#0f172a}

.scg-cl-compare .price-tbl{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:auto}
.scg-cl-compare .price-tbl thead th{background:#f4f6f9;color:#0f172a;border-bottom:1px solid #dfe4ec;padding:14px 14px;text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.scg-cl-compare .price-tbl thead th.price-total{background:#1f75cb;color:#fff;text-align:right}
.scg-cl-compare .price-tbl thead th.price-year{text-align:right}
.scg-cl-compare .price-tbl tbody td{padding:14px 14px;border-bottom:1px solid #dfe4ec;vertical-align:middle;text-align:right;font-size:.95rem}
.scg-cl-compare .price-tbl tbody td:first-child{text-align:left;font-weight:500;color:#0f172a}
.scg-cl-compare .price-tbl tbody tr.salfeld-row{background:rgba(31,117,203,.06)}
.scg-cl-compare .price-tbl tbody tr.salfeld-row td{font-weight:600}
.scg-cl-compare .price-tbl tbody tr.salfeld-row td:first-child{color:#1f75cb}
.scg-cl-compare .price-tbl tbody tr.salfeld-row td.total{color:#1f75cb;font-weight:700;font-size:1.05rem}
.scg-cl-compare .pbar-wrap{background:#fff;border-radius:8px;padding:2rem 1.5rem 1rem 1.5rem;margin:1.25rem 0 0 0}
.scg-cl-compare .pbar-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end;height:260px}
.scg-cl-compare .pbar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.scg-cl-compare .pbar-total{font-size:.95rem;font-weight:700;color:#0f172a;margin-bottom:6px;text-align:center;line-height:1.2}
.scg-cl-compare .pbar-col.pbar-salfeld .pbar-total{color:#1f75cb;font-size:1.05rem}
.scg-cl-compare .pbar-sec{display:block;font-size:.75rem;font-weight:400;color:#64748b;margin-top:1px}
.scg-cl-compare .pbar-fill{width:100%;background:#94a3b8;border-radius:4px 4px 0 0;min-height:3px}
.scg-cl-compare .pbar-col.pbar-salfeld .pbar-fill{background:#1f75cb}
.scg-cl-compare .pbar-fill.pbar-free{background:#d1d5db}
.scg-cl-compare .pbar-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px;border-top:2px solid #0f172a;padding-top:10px}
.scg-cl-compare .pbar-label{text-align:center}
.scg-cl-compare .pbar-name{font-size:.85rem;font-weight:600;color:#0f172a;line-height:1.2}
.scg-cl-compare .pbar-col.pbar-salfeld ~ .pbar-labels .pbar-label-salfeld .pbar-name,.scg-cl-compare .pbar-labels .pbar-label-salfeld .pbar-name{color:#1f75cb}
.scg-cl-compare .pbar-sub{display:block;font-size:.75rem;color:#64748b;margin-top:2px;line-height:1.2}
@media(max-width:640px){.scg-cl-compare .pbar-wrap{padding:1.25rem .75rem .75rem .75rem}.scg-cl-compare .pbar-cols{gap:6px;height:200px}.scg-cl-compare .pbar-labels{gap:6px}.scg-cl-compare .pbar-total{font-size:.78rem}.scg-cl-compare .pbar-col.pbar-salfeld .pbar-total{font-size:.85rem}.scg-cl-compare .pbar-sec{font-size:.68rem}.scg-cl-compare .pbar-name{font-size:.72rem}.scg-cl-compare .pbar-sub{font-size:.68rem}}

.scg-cl-compare .price-primary{display:block;font-weight:700;font-size:1rem;color:#0f172a}
.scg-cl-compare .price-tbl tbody tr.salfeld-row .price-primary{color:#0f172a}
.scg-cl-compare .price-secondary{display:block;font-size:.8rem;color:#64748b;font-weight:400;margin-top:2px}
.scg-cl-compare .qa-footer{font-size:.9rem;color:#64748b;margin:1rem 0 0 0;padding-top:.8rem;border-top:1px solid #dfe4ec;line-height:1.55}

/* Cards */
.scg-cl-compare .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:1.5rem 0}
@media(max-width:720px){.scg-cl-compare .card-grid{grid-template-columns:1fr}}
.scg-cl-compare .card{background:#fff;border:1px solid #dfe4ec;border-radius:8px;padding:24px 20px 20px;position:relative}
.scg-cl-compare .card.best{border-color:#1f75cb;box-shadow:0 0 0 1px #1f75cb}
.scg-cl-compare .card-badge{position:absolute;top:-12px;left:18px;background:#1f75cb;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:4px}
.scg-cl-compare .card-logo{margin-bottom:14px;display:flex;align-items:center;min-height:40px}
.scg-cl-compare .card-logo img{height:28px;object-fit:contain}
.scg-cl-compare .card-price{font-size:1.25rem;font-weight:700;color:#0f172a;line-height:1.1;margin-bottom:2px}
.scg-cl-compare .card-sub{font-size:.85rem;color:#64748b;margin-bottom:14px}
.scg-cl-compare .chip-row{display:flex;flex-wrap:wrap;gap:5px}
.scg-cl-compare .chip{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:4px;background:#f4f6f9;color:#374151;white-space:nowrap}
.scg-cl-compare .chip-g{background:#e8f1fb;color:#155a9e}.scg-cl-compare .chip-r{background:#fee2e2;color:#991b1b}.scg-cl-compare .chip-a{background:#fef3c7;color:#92400e}

/* Salfeld detail */
.scg-cl-compare .salfeld-detail{display:grid;grid-template-columns:1fr 260px;gap:32px;align-items:start}
@media(max-width:720px){.scg-cl-compare .salfeld-detail{grid-template-columns:1fr}.scg-cl-compare .side-img{display:none}}
.scg-cl-compare .side-img{text-align:center;padding-top:12px}
.scg-cl-compare .side-img img{max-height:200px;object-fit:contain}
.scg-cl-compare .feat-list{margin:1.25rem 0}
.scg-cl-compare .feat-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #dfe4ec}
.scg-cl-compare .feat-item:last-child{border-bottom:none}
.scg-cl-compare .feat-item .ico{flex-shrink:0;width:22px;height:22px;background:#e8f1fb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:3px;color:#1f75cb;font-size:.75rem;font-weight:700}
.scg-cl-compare .feat-item strong{display:block;color:#0f172a;font-size:1.05rem}
.scg-cl-compare .feat-item .sub{font-size:.95rem;color:#64748b;margin-top:1px}

/* TABLE: clean approach with CSS classes */
.scg-cl-compare .tbl-wrap{overflow-x:auto;margin:1.25rem 0;border-radius:8px;border:1px solid #dfe4ec}
.scg-cl-compare .tbl{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:fixed}
.scg-cl-compare .tbl thead th{background:#f4f6f9;color:#0f172a;padding:13px 10px;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;border-bottom:1px solid #dfe4ec}
.scg-cl-compare .tbl thead th:first-child{text-align:left;padding-left:16px;width:32%}
.scg-cl-compare .tbl thead th.hl{background:#1f75cb;color:#fff;width:22%}
.scg-cl-compare .tbl thead th:nth-child(3),.scg-cl-compare .tbl thead th:nth-child(4),.scg-cl-compare .tbl thead th:nth-child(5){width:15.3%}
.scg-cl-compare .tbl tbody td:nth-child(2){font-size:.95rem}
.scg-cl-compare .tbl tbody td{padding:10px;text-align:center;border-bottom:1px solid #dfe4ec;vertical-align:middle;font-size:.95rem}
.scg-cl-compare .tbl tbody td:first-child{text-align:left;padding-left:16px;font-weight:500;color:#0f172a}
.scg-cl-compare .tbl .hl-col{background:rgba(31,117,203,.06)}
/* Handy: Tabelle nicht auf 5 Spalten zusammenquetschen (Spaltenkoepfe ueberlappten, war schon im
   Original so), sondern im Rahmen .tbl-wrap waagerecht wischen lassen. */
@media(max-width:640px){.scg-cl-compare .tbl{min-width:600px}}
.scg-cl-compare .tbl .cat-row td{background:#f4f6f9;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;padding:8px 16px;border:none}
/* Table icons: pure text, no SVG. Haekchen Markenblau wie .scg-cl-checklist, Kreuz rot. */
.scg-cl-compare .y{color:#1f75cb;font-weight:700;font-size:1.1rem} /* checkmark */.scg-cl-compare .y-lbl{color:#1f75cb;font-weight:600;font-size:.85rem} /* text label in Salfeld col */.scg-cl-compare .std-lbl{color:#374151;font-weight:500;font-size:.85rem} /* 'Standard' text label */
.scg-cl-compare .n{color:#ef4444;font-weight:700;font-size:1.1rem} /* cross */
.scg-cl-compare .nc{font-size:.8rem;color:#64748b;font-style:italic} /* not confirmed */
.scg-cl-compare .pa{font-size:.8rem;color:#b45309;font-style:italic} /* partial */
.scg-cl-compare .sm{font-size:.75rem;color:#64748b;font-weight:400} /* small note */

/* CTA: hellblauer Testangebot-Kasten wie .scg-cl-panel (sc-cl-trial) statt blauem Band ueber
   die ganze Breite (Owner 2026-11-06). Markup bleibt <div class="bg-blue"><div class="container cta">.
   Abstand oben = unten (3rem): oben kommt er vom weissen Abschnitt davor, unten vom Kasten selbst;
   folgt ein weisser Abschnitt, verzichtet der auf seinen Abstand oben. */
.scg-cl-compare .bg-blue{background:#fff;color:inherit;padding:0 0 3rem}
.scg-cl-compare .bg-blue + .bg-white.section{padding-top:0}
.scg-cl-compare .cta{text-align:left;background:#e8f1fb;border-radius:4px;padding:40px 48px;max-width:992px}
@media(max-width:1039px){.scg-cl-compare .cta{margin-left:24px;margin-right:24px}}
@media(max-width:575px){.scg-cl-compare .cta{padding:28px 24px}}
.scg-cl-compare .cta h2{color:#0f172a;font-size:clamp(1.6rem,2.4vw,2.1rem);margin-bottom:.5rem}
.scg-cl-compare .cta p{color:#374151;margin-bottom:1.25rem}
/* Knoepfe wie .scg-cl-btn-primary / -secondary */
.scg-cl-compare .btn-w,.scg-cl-compare .btn-o{display:inline-block;font-weight:600;padding:.8rem 1.4rem;border-radius:4px;font-size:1rem;line-height:1.2;text-decoration:none;border:1px solid #1f75cb;margin:0 8px 8px 0;transition:background-color .15s,color .15s}
/* gleich breit; Handy volle Breite untereinander (Owner 2026-11-06) */
.scg-cl-compare .btn-w,.scg-cl-compare .btn-o{min-width:14rem;text-align:center}
@media(max-width:575px){.scg-cl-compare .btn-w,.scg-cl-compare .btn-o{display:block;width:100%;min-width:0;margin-right:0}}
.scg-cl-compare .btn-w{background:#1f75cb;color:#fff}
.scg-cl-compare .btn-w:hover{background:#155a9e;border-color:#155a9e;color:#fff;text-decoration:none}
.scg-cl-compare .btn-o{background:#fff;color:#1f75cb}
.scg-cl-compare .btn-o:hover{background:#e8f1fb;color:#155a9e;text-decoration:none}

/* FAQ */
.scg-cl-compare .faq-item{border-bottom:1px solid #dfe4ec}
.scg-cl-compare .faq-item:first-child{border-top:1px solid #dfe4ec}
.scg-cl-compare .faq-q{padding:16px 0;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#0f172a}
.scg-cl-compare .faq-q .arr{color:#64748b;font-size:.8rem;transition:transform .2s}
.scg-cl-compare .faq-q.open .arr{transform:rotate(180deg)}
.scg-cl-compare .faq-a{display:none;padding-bottom:16px;color:#374151;font-size:1.1rem;line-height:1.65}
.scg-cl-compare .faq-a.open{display:block}
.scg-cl-compare .note{font-size:.85rem;color:#64748b;margin-top:10px;font-style:italic;line-height:1.6}
.scg-cl-compare .disclaimer{font-size:.8rem;color:#64748b;line-height:1.6;margin-top:2rem}
.scg-cl-compare .err-box{background:#fff;border:1px solid #dfe4ec;border-radius:8px;padding:22px;margin-top:2rem}
.scg-cl-compare .err-toggle{display:flex;align-items:center;gap:14px;cursor:pointer;user-select:none}
.scg-cl-compare .err-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center}
.scg-cl-compare .err-body{display:none;padding-top:18px;margin-top:18px;border-top:1px solid #dfe4ec}
.scg-cl-compare .err-body label{font-size:.85rem;font-weight:600;color:#374151;display:block;margin-bottom:3px}
.scg-cl-compare .err-body input,.scg-cl-compare .err-body select,.scg-cl-compare .err-body textarea{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#0f172a;font-family:inherit;box-sizing:border-box;margin-bottom:10px}
.scg-cl-compare .err-body textarea{resize:vertical;height:70px}
.scg-cl-compare .err-body button{padding:10px 24px;background:#1f75cb;color:#fff;border:none;border-radius:4px;font-weight:600;font-size:.95rem;cursor:pointer}
.scg-cl-compare .err-body button:hover{background:#155a9e}
.scg-cl-compare .warn-note{padding:10px 14px;background:#fff8f0;border-left:3px solid #f59e0b;border-radius:0 4px 4px 0;font-size:.95rem;color:#374151}
.scg-cl-compare .three-cards{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:1.5rem 0;max-width:100%}
@media(min-width:768px){.scg-cl-compare .three-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.scg-cl-compare .diff-card{background:#fff;border:1px solid #dfe4ec;border-radius:8px;padding:1.4rem;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.scg-cl-compare .diff-card .diff-icon{width:44px;height:44px;border-radius:4px;background:#e8f1fb;color:#1f75cb;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.9rem}
.scg-cl-compare .diff-card h3{font-size:1.1rem;font-weight:700;margin:0 0 .75rem 0;color:#0f172a;line-height:1.3}
.scg-cl-compare .diff-card p{font-size:.95rem;line-height:1.55;margin:0 0 .6rem 0;color:#374151}
.scg-cl-compare .diff-card p:last-child{margin-bottom:0}
.scg-cl-compare .alt-cards{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:1.5rem 0}
@media(min-width:768px){.scg-cl-compare .alt-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem}}
.scg-cl-compare .alt-card{background:#fff;border:1px solid #dfe4ec;border-radius:8px;padding:1.4rem;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;flex-direction:column}
.scg-cl-compare .alt-card .alt-icon{width:44px;height:44px;border-radius:4px;background:#f4f6f9;color:#374151;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.9rem}
.scg-cl-compare .alt-card h3{font-size:1.1rem;font-weight:700;margin:0 0 .4rem 0;color:#0f172a;line-height:1.3}
.scg-cl-compare .alt-card .alt-sub{font-size:.8rem;color:#64748b;margin:0 0 .8rem 0;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.scg-cl-compare .alt-card p{font-size:.95rem;line-height:1.55;margin:0 0 .7rem 0;color:#374151}
.scg-cl-compare .alt-card .alt-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem;margin-bottom:.9rem}
.scg-cl-compare .alt-card .alt-tag{font-size:.75rem;padding:3px 8px;background:#f4f6f9;color:#374151;border-radius:4px;font-weight:500}
.scg-cl-compare .alt-card .alt-tag.alt-tag-price{background:#e8f1fb;color:#155a9e}
.scg-cl-compare .alt-card .alt-tag.alt-tag-warn{background:#fff8f0;color:#b45309}
.scg-cl-compare .alt-card .alt-caveat{background:transparent;border-top:1px dashed #d1d5db;padding:10px 0 0 22px;font-size:.85rem;color:#64748b;margin-top:.6rem;margin-bottom:0;line-height:1.5;position:relative}.scg-cl-compare .alt-card .alt-caveat::before{content:"!";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:50%;background:#f59e0b;color:#fff;font-weight:700;font-size:.7rem;text-align:center;line-height:16px}.scg-cl-compare .alt-card .alt-caveat strong{color:#374151}