/* ─────────────────────────────────────────────────────────────────────────────
   Card-comparison tables.

   Authored by hand as a Custom HTML block with an embedded <style>. WordPress.com's
   REST API strips <style> tags, so on every consumer of that API — including the
   old React site — these rules arrived as visible paragraphs of text and the
   tables rendered unstyled.

   Kept in the theme rather than the post: content should not carry stylesheets,
   and wpautop rewrites newlines inside an inline <style> into paragraph tags.
   ───────────────────────────────────────────────────────────────────────────── */

.gcr-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:28px 0;border:1px solid #dbe2ea;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.08);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}

.gcr-cap{padding:16px 18px;font-size:17px;font-weight:700;color:#0f2740;background:#fff;border-bottom:2px solid #1f3050;font-family:inherit;}

.gcr-tbl{border-collapse:collapse;width:100%;min-width:680px;font-family:inherit;font-size:14px;line-height:1.45;color:#334155;}

.gcr-tbl thead th{background:#1f3050;color:#fff;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:12px 10px;text-align:center;font-family:inherit;}

.gcr-tbl thead th:first-child{text-align:left;padding-left:16px;}

.gcr-tbl tbody td,.gcr-tbl tbody th{padding:11px 10px;border-top:1px solid #e8edf3;vertical-align:middle;text-align:center;font-family:inherit;}

.gcr-tbl tbody th{text-align:left;font-weight:600;color:#0f2740;padding-left:16px;white-space:nowrap;}

.gcr-tbl tbody tr:nth-child(even){background:#f6f8fb;}

.gcr-logobox{display:inline-flex;align-items:center;justify-content:center;width:60px;height:26px;margin-right:10px;vertical-align:middle;}

.gcr-logobox img{max-width:60px;max-height:26px;width:auto;height:auto;object-fit:contain;border-radius:3px;}

.gcr-wide{width:86px;}

.gcr-wide img{max-width:86px;}

.gcr-name{display:inline-block;vertical-align:middle;font-family:inherit;}

.gcr-fn{color:#94a3b8;font-weight:600;font-size:11px;vertical-align:super;margin-left:2px;}

.gcr-pill{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;font-family:inherit;}

.gcr-yes{background:#16a34a;color:#fff;}

.gcr-no{background:#fdecec;color:#b91c1c;border:1px solid #f5c6c6;}

.gcr-mid{background:#fef3c7;color:#92400e;border:1px solid #f3dd9a;}

.gcr-dep{font-size:13px;color:#334155;text-align:left;min-width:170px;white-space:normal;}

.gcr-note{font-size:12px;color:#5b6b7f;padding:14px 18px 16px;text-align:left;background:#eef2f7;border-top:2px solid #1f3050;line-height:1.7;font-family:inherit;border-radius:0 0 13px 13px;}

.gcr-note b{color:#0f2740;}

@media (max-width:767px){

 .gcr-tblwrap{margin:22px 0;}

 .gcr-cap{font-size:15px;padding:13px 16px;line-height:1.35;}

 .gcr-tbl{display:block;width:100%;min-width:0;font-size:14px;line-height:1.4;}

 .gcr-tbl thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

 .gcr-tbl tbody{display:block;}

 .gcr-tbl tbody tr{display:block;padding:13px 16px 15px;border-top:1px solid #e8edf3;}

 .gcr-tbl tbody tr:first-child{border-top:none;}

 .gcr-tbl tbody tr:nth-child(even){background:#f8fafc;}

 .gcr-tbl tbody th{display:flex;align-items:center;gap:4px;position:static;box-shadow:none;background:transparent;padding:0 0 11px;margin:0 0 9px;border:0;border-bottom:1px solid #e8edf3;white-space:normal;text-align:left;font-size:15px;line-height:1.3;color:#0f2740;}

 .gcr-tbl tbody td{display:flex;align-items:center;justify-content:flex-end;gap:0;padding:6px 0;border:0;text-align:right;white-space:normal;}

 .gcr-tbl tbody td::before{content:attr(data-label);margin-right:auto;padding-right:14px;text-align:left;font-weight:600;font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;color:#5b6b7f;line-height:1.3;}

 .gcr-tbl tbody td .gcr-fn{display:inline-block;width:0;overflow:visible;white-space:nowrap;margin:0;transform:translateX(3px);font-size:10px;}

 .gcr-tbl tbody td.gcr-dep{display:block;text-align:left;min-width:0;padding-top:9px;}

 .gcr-tbl tbody td.gcr-dep::before{display:block;flex:none;margin-bottom:4px;}

 .gcr-name{max-width:none;white-space:normal;font-size:14px;font-weight:600;}

 .gcr-pill{white-space:normal;text-align:center;}

 .gcr-fn{font-size:10px;}

}