/* IPMIcompare site upgrade, 26 Oct 2026. Skin, not bones: every page keeps its own words, structure and inline
   styles; this sheet is linked last and lifts the shared components (buttons, cards, chips, tables, nav) to the
   standard set by /compare/axa-vs-allianz-vs-cigna-vs-bupa/. The look is light from above: a vertical gradient,
   a light line on the top edge, a dark line on the bottom, a tight contact shadow and a soft glow in the element's
   own colour. Hover lift and pressed state only on things that are clicked. */
:root{
  --up-ink:#0f2620;--up-ink-2:#1b3a31;--up-green:#22c55e;--up-green-2:#15803d;--up-glow:rgba(34,197,94,.35);
  --up-line:#e8efec;--up-card-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px -14px rgba(16,24,40,.22);
  --up-btn-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3),0 8px 20px var(--up-glow);
  --up-btn-pressed:inset 0 -1px 0 rgba(255,255,255,.2),inset 0 1px 0 rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.2),0 4px 12px rgba(34,197,94,.25);
}

/* Buttons: nav, hero, CTA bands, quote cards. */
.nav-cta,.btn-primary,.cta a,.qc-cta,a.btn.btn-primary{
  background:linear-gradient(to bottom,var(--up-green),var(--up-green-2))!important;color:#fff!important;border:0;
  box-shadow:var(--up-btn-shadow);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;text-decoration:none}
.nav-cta:hover,.btn-primary:hover,.cta a:hover,.qc-cta:hover{filter:brightness(1.08);transform:translateY(-1px);text-decoration:none;color:#fff}
.nav-cta:active,.btn-primary:active,.cta a:active,.qc-cta:active{
  background:linear-gradient(to bottom,var(--up-green-2),var(--up-green))!important;box-shadow:var(--up-btn-pressed);transform:translateY(1px)}
.btn-ghost{background:#fff;border:1.5px solid #cfe9dc;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(16,24,40,.08);transition:transform .15s ease,box-shadow .15s ease}
.btn-ghost:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(16,24,40,.08),0 8px 18px -10px rgba(20,154,110,.35)}

/* Cards: a soft lift instead of a hairline. */
.card,.stat,.qcard,.mcard{border:0;box-shadow:var(--up-card-shadow);border-radius:16px}
.card:hover,.qcard:hover{box-shadow:0 1px 2px rgba(16,24,40,.06),0 16px 36px -16px rgba(16,24,40,.28)}

/* The dark CTA band keeps its ink, gets depth. */
.cta{background:linear-gradient(135deg,var(--up-ink),var(--up-ink-2));box-shadow:0 20px 48px -24px rgba(15,38,32,.6)}

/* Tables: ink-green header, striped rows, no cell borders. */
.tbl{border-collapse:separate;border-spacing:0;border:0;border-radius:14px;overflow:hidden;box-shadow:var(--up-card-shadow);background:#fff}
.tbl thead th,.tbl th{background:linear-gradient(90deg,var(--up-ink),var(--up-ink-2))!important;color:#cfe0d8!important;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;padding:12px 14px;border:0!important;text-align:left}
.tbl td{border:0!important;border-bottom:1px solid #eef2f7!important;padding:11px 14px;vertical-align:middle;background:#fff}
.tbl tbody tr:nth-child(even) td{background:#f8fafc}.tbl tbody tr:last-child td{border-bottom:0!important}
.tbl tbody th{background:#fff!important;color:var(--up-ink)!important;text-transform:none;letter-spacing:0;font-size:inherit;border-bottom:1px solid #eef2f7!important}
.tbl tbody tr:nth-child(even) th{background:#f8fafc!important}

/* Chips and badges: crisp, flat, readable. Pick badges (tchip) get the light. */
.pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(16,24,40,.06)}
.tchip{color:#fff;border:0;background:linear-gradient(to bottom,#10b981,#047857);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.25),0 6px 16px rgba(16,185,129,.35)}
.tchip.p2{background:linear-gradient(to bottom,#3b82f6,#1d4ed8);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.25),0 6px 16px rgba(59,130,246,.35)}
.tchip.p3{background:linear-gradient(to bottom,#64748b,#334155);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.25),0 6px 16px rgba(100,116,139,.3)}
.tchip.p4{background:linear-gradient(to bottom,#a855f7,#7e22ce);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.25),0 6px 16px rgba(168,85,247,.35)}

/* Nav: a touch more presence, same height. */
.nav{backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);box-shadow:0 1px 0 var(--up-line),0 8px 24px -20px rgba(15,38,32,.35)}

/* Logo tiles (where a page uses them). */
.lt{box-shadow:0 1px 2px rgba(16,24,40,.05)}

@media (prefers-reduced-motion:reduce){.nav-cta,.btn-primary,.cta a,.hero-cta,.qc-cta,.btn-ghost{transition:none}}