/* MeraSIF — shared styles for the compare-A-vs-B pairwise comparison pages */
.pr-hero{background:linear-gradient(150deg,#0A1628 0%,#142642 60%,#1A3155 100%);color:#fff;padding:52px 0 44px;position:relative;overflow:hidden}
.pr-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 320px at 82% 12%,rgba(34,211,238,.14),transparent 70%);pointer-events:none}
.pr-hero .breadcrumb{margin-bottom:14px;position:relative}
.pr-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#8FB4E8;margin-bottom:12px;position:relative}
.pr-hero h1{font-size:clamp(23px,3.5vw,34px);font-weight:800;letter-spacing:-.7px;margin:0 0 10px;position:relative;line-height:1.2}
.pr-hero h1 .vs{color:#FCD34D;font-weight:500;font-style:italic;padding:0 6px}
.pr-hero p{font-size:15px;color:#C7D6EC;max-width:660px;line-height:1.65;margin:0;position:relative}
.pr-status{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;font-weight:600;color:#C7D6EC;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:6px 14px;position:relative}

.pr-intro{font-size:16px;line-height:1.75;color:var(--gray-800);max-width:760px;margin:34px 0 8px}
.pr-intro p{margin:0 0 15px}
.pr-intro strong{color:var(--navy)}

.pr-glance{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 8px}
@media(max-width:600px){.pr-glance{grid-template-columns:1fr}}
.pr-gcard{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:20px 22px;border-top:3px solid var(--royal)}
.pr-gcard.b{border-top-color:var(--teal)}
.pr-gcard h3{font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.3px;margin:0 0 3px;line-height:1.3}
.pr-gcard .amc{font-size:12.5px;color:var(--gray-500);font-weight:600;margin-bottom:12px}
.pr-gcard dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}
.pr-gcard dt{color:var(--gray-500);font-weight:600}
.pr-gcard dd{margin:0;color:var(--navy);font-weight:600;text-align:right}

.pr-sec-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--gray-500);margin:44px 0 6px}
.pr-sec-sub{font-size:13px;color:var(--gray-500);margin:0 0 16px}

/* highlights */
.cmp-high{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0 0 10px}
.cmp-hcard{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:18px 20px;border-top:3px solid var(--gold)}
.cmp-hcard .k{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin-bottom:6px}
.cmp-hcard .f{font-size:14.5px;font-weight:800;color:var(--navy);line-height:1.3}
.cmp-hcard .v{font-size:13px;font-weight:700;color:var(--royal);margin-top:3px}
.cmp-high-note{font-size:11.5px;color:var(--gray-500);font-style:italic;margin:12px 0 0}

/* chart */
.cmp-chartbox{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:24px;margin:22px 0}
.cmp-chartbox h2{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.3px;margin:0 0 4px}
.cmp-chartbox .sub{font-size:12px;color:var(--gray-500);margin-bottom:16px}
.cmp-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}
.cmp-leg{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--navy)}
.cmp-leg .sw{width:14px;height:4px;border-radius:2px}
.cmp-leg .pct{font-weight:800}
.cmp-svgwrap{overflow-x:auto}
#pairChart{width:100%;height:auto;display:block;min-width:520px}

/* table */
.cmp-twrap{background:#fff;border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;margin:6px 0;overflow-x:auto}
.cmp-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.cmp-table th{padding:14px;font-size:12px;font-weight:800;color:var(--navy);text-align:left;border-bottom:2px solid var(--navy);background:var(--gray-50);vertical-align:top}
.cmp-table th .amc{display:block;font-size:11px;color:var(--gray-500);font-weight:600;margin-top:2px}
.cmp-table td{padding:12px 14px;border-bottom:1px solid var(--gray-100);font-variant-numeric:tabular-nums}
.cmp-table tr:last-child td{border-bottom:none}
.cmp-table td.lbl{font-weight:700;color:var(--gray-700);background:rgba(212,160,23,.04);white-space:nowrap}
.cmp-table td.lbl .hint{display:block;font-size:10px;font-weight:600;color:var(--gray-400);letter-spacing:.3px}
.cmp-table tr.grp td{background:linear-gradient(90deg,var(--navy),#16305c);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;padding:9px 14px}
.cmp-table td.best{background:rgba(5,150,105,.08);font-weight:800;color:var(--green);position:relative}
.cmp-table td.best::after{content:'●';font-size:7px;position:absolute;top:6px;right:8px;color:var(--green)}
.cmp-table td .up{color:var(--green);font-weight:700}
.cmp-table td .down{color:var(--red);font-weight:700}
.cmp-table td .muted{color:var(--gray-400)}
@media(max-width:768px){
  .cmp-table td.lbl{position:sticky;left:0;z-index:2;box-shadow:2px 0 6px rgba(10,22,40,.06)}
  .cmp-table th:first-child{position:sticky;left:0;background:var(--gray-50);z-index:2}
}
.cmp-prov{font-size:12px;color:var(--gray-500);line-height:1.65;margin:14px 0 8px;font-style:italic}

/* FAQ */
.pr-faq{margin:40px 0 0}
.pr-faq details{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:0;margin-bottom:12px;overflow:hidden}
.pr-faq summary{padding:16px 20px;font-size:14.5px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.pr-faq summary::-webkit-details-marker{display:none}
.pr-faq summary::after{content:'+';font-size:20px;color:var(--gray-400);font-weight:400;flex-shrink:0}
.pr-faq details[open] summary::after{content:'–'}
.pr-faq .fa-body{padding:0 20px 18px;font-size:13.5px;line-height:1.7;color:var(--gray-700)}
.pr-faq .fa-body a{color:var(--royal);font-weight:600}

/* cross-links */
.pr-links{background:#F8FAFC;border:1px solid var(--gray-200);border-radius:16px;padding:24px 26px;margin:36px 0 0}
.pr-links h2{font-size:15px;font-weight:800;color:var(--navy);margin:0 0 14px;letter-spacing:-.2px}
.pr-links-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}
.pr-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#fff;border:1px solid var(--gray-200);font-size:12.5px;font-weight:700;color:var(--navy);text-decoration:none;transition:.2s}
.pr-pill:hover{border-color:var(--royal);color:var(--royal)}
.pr-pill.solid{background:var(--navy);color:#fff;border-color:var(--navy)}
.pr-more-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin:0 0 10px}

.pr-cta{background:linear-gradient(150deg,#0A1628,#142642);border-radius:16px;padding:30px;margin:30px 0 0;color:#fff;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.pr-cta h3{font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0 0 5px}
.pr-cta p{font-size:13.5px;color:#C7D6EC;margin:0;max-width:520px;line-height:1.6}
.pr-cta a{display:inline-flex;padding:12px 22px;border-radius:10px;background:linear-gradient(135deg,#22D3EE,#3B82F6);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap}