.cr-comparison{background:#f4f8fb;color:#19394d;font-family:var(--cr-ui-font)}.cr-comparison *{box-sizing:border-box}.cr-comparison .cr-container{width:min(1200px,calc(100% - 40px));margin:0 auto}.cr-compare-hero{background:radial-gradient(ellipse at right,#285b7260,transparent),#10283b;color:#bed4e1;padding:40px 0}.cr-compare-hero h1{font-size:36px;color:#e7f7fa;letter-spacing:-.04em;margin:14px 0}.cr-compare-hero .cr-eyebrow{color:#90d9d2}.cr-compare-hero p{font-size:14px}.cr-compare-body{padding:25px 0 45px}.cr-compare-admin{border:1px solid #d1e2e8;background:#eaf4f6;padding:12px 16px;border-radius:8px;font-size:12px}.cr-compare-admin a{margin-left:10px;color:#196f82}.cr-compare-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:#fff;padding:20px;border:1px solid #d6e4ec;border-radius:12px}.cr-compare-selectors label,.cr-compare-controls label{display:block;font-size:12px;color:#4d7187;margin-bottom:8px}.cr-comparison select{width:100%;min-width:0;max-width:100%;height:43px;background:#f9fcfd;border:1px solid #c9dfe8;border-radius:6px;color:#244e63;padding:9px;font:12px var(--cr-ui-font)}.cr-compare-controls{display:flex;gap:20px;margin:20px 0}.cr-compare-controls>div{width:280px}#compare-status{font-size:12px;color:#54788a;line-height:1.8}.cr-compare-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:20px 0}.cr-compare-cards article{border:1px solid #d6e5ec;border-radius:9px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:9px}.cr-compare-cards strong{font-size:16px}.cr-compare-cards span,.cr-compare-cards a{font-size:11px;color:#48788d}.cr-comparison .cr-table-wrap,.cr-version-view .cr-table-wrap{overflow:auto;max-width:100%;border:1px solid #d7e5ec;border-radius:8px;background:#fff}.cr-compare-table{border-collapse:collapse;width:100%;font-size:12px}.cr-compare-table th,.cr-compare-table td{padding:14px 17px;text-align:right;border-bottom:1px solid #e0eaf0;min-width:155px}.cr-compare-table th:first-child{text-align:left;min-width:230px}.cr-compare-table thead{background:#173b50;color:#e6f6fa}.cr-compare-table td strong{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.cr-compare-table td small{display:block;font-size:10px;color:#678291;line-height:1.6;margin-top:6px;max-width:240px}.cr-compare-table .cr-compare-group{text-align:left;background:#eaf3f7;color:#477085;font-size:11px;padding:10px 16px}.cr-compare-method,.cr-version-view details{background:#fff;border:1px solid #d7e6ed;border-radius:9px;padding:18px;margin-top:20px;font-size:12px;line-height:1.9;color:#4d6f82}.cr-compare-method summary,.cr-version-view summary{cursor:pointer;font-weight:600}#compare-chart{margin-top:24px}.cr-compare-empty{padding:32px;border:1px solid #d8e5ed;border-radius:12px;background:#fff}.cr-version-view{padding:24px 0;color:#21465b}.cr-version-view h2{font-size:26px}.cr-version-view p{font-size:13px;line-height:1.8}.cr-version-controls{display:flex;flex-wrap:wrap;gap:14px;padding:18px;background:#f3f8fa;border:1px solid #d3e3eb;border-radius:8px;margin:20px 0}.cr-version-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px}.cr-version-controls select{padding:9px;border:1px solid #ccdfe7;border-radius:5px;background:#fff;font-size:12px}.cr-version-controls button{align-self:end;padding:10px 16px;background:#173d53;color:#eef9fc;border:0;border-radius:6px;cursor:pointer}.cr-version-analysis{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.cr-version-links{display:flex;gap:16px;font-size:12px;margin:10px 0}.cr-version-note{padding:12px;background:#edf6f6;border-left:3px solid #78bcb5}.cr-comparison :focus-visible,.cr-version-view :focus-visible{outline:2px solid #238e9c;outline-offset:3px}
@media(max-width:700px){.cr-compare-selectors{grid-template-columns:1fr 1fr;padding:14px;gap:12px}.cr-compare-hero h1{font-size:29px}.cr-compare-controls{flex-direction:column;gap:12px}.cr-compare-controls>div{width:100%}.cr-compare-table th:first-child{min-width:180px}.cr-version-controls{flex-direction:column}.cr-version-controls button{align-self:start}.cr-version-links{flex-wrap:wrap}.cr-compare-admin a{display:block;margin:8px 0 0}}

#compare-chart:not(:empty){padding:22px;border:1px solid #d5e5ed;border-radius:10px;background:#fff}#compare-chart .cr-line-title{font-size:22px}#compare-chart .cr-line-legend{gap:20px}