/* Data-only comparison visuals. Versioned separately for clients of retained releases. */
.dc-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:12px;background:#f0f5f7;border-radius:6px}
.dc-jumps a{display:inline-flex;align-items:center;min-height:40px;padding:6px 11px;background:#fff;border:1px solid #b9c9d4;border-radius:4px;font-size:14px}
.dc [id]{scroll-margin-top:100px}
.dc-delta{display:block;color:#526273;font-size:12px;line-height:1.4;margin-top:3px;max-width:170px}
.dc-bars{max-width:720px;margin:22px 0 0;padding:16px;border:1px solid #cad4dd;border-radius:6px;background:#fff}
.dc-bars figcaption{font-size:17px;font-weight:650;color:#243447}
.dc-bars>ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:15px}
.dc-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:14px}
.dc-bar-label strong{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.dc-bar-label>span{flex-shrink:0;font-variant-numeric:tabular-nums}
.dc-bar-track{height:12px;background:#e9eef2;border-radius:2px;margin-top:6px;border-left:1px solid #788b9a;overflow:hidden}
.dc-bar-track>span{display:block;height:100%;background:var(--ink)}
.dc .dc-bar-delta{margin:4px 0 0;font-size:12px;color:#526273}
.dc-screen-figure{margin:16px 0 0;padding:16px;background:#f6f8fa;border-radius:6px}
.dc-screen-figure svg{display:block;max-height:260px;width:100%}
.dc-visual-labels{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0;padding:0}
.dc-visual-labels li{border-left:3px solid var(--ink);padding-left:12px;min-width:0;font-size:14px}
.dc-visual-labels strong{display:block;color:var(--ink)}
.dc-visual-labels span{display:block;margin-top:3px}
.dc-matrix-scroll{margin-top:14px;border:1px solid #cad4dd;border-radius:6px;max-height:420px}
.dc-table .dc-shared-storage th:first-child{background:#e9f3f2}
.dc-cell-note{display:block;margin-top:4px;color:#526273;font-size:12px}
.dc-raw-memory{margin-top:12px;font-size:14px;padding:10px 12px;background:#f6f8fa;border-radius:4px}
.dc-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.dc-feature-card{min-width:0;padding:14px;border:1px solid #cad4dd;border-top:3px solid var(--ink);border-radius:6px;background:#fff}
.dc .dc-feature-card h3{font-family:inherit;letter-spacing:normal;text-transform:none;color:var(--ink);margin:0;font-size:17px;line-height:1.4;font-weight:650}
.dc-feature-card dl>div{display:block;max-width:none;padding:10px 0;border-top:1px solid #e1e7ec;margin-top:8px;font-size:14px}
.dc-feature-card dd{margin-top:4px}.dc-state{font-size:14px;font-weight:600;color:#243447}
.dc-state-unknown,.dc-state-details{color:#526273}
.dc-feature-detail{display:block;font-size:13px;margin-top:4px;overflow-wrap:anywhere;line-height:1.5}
@media(min-width:768px){.dc-feature-grid:has(>.dc-feature-card:last-child:nth-child(2)),.dc-visual-labels:has(>li:last-child:nth-child(2)),.dc-size-labels:has(>li:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.dc-jumps{padding:8px;gap:6px}.dc-jumps a{font-size:13px;padding:5px 8px}.dc-feature-grid{grid-template-columns:1fr}.dc-feature-card{padding:12px}.dc-feature-card dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.dc-feature-card dd{margin:0}.dc-visual-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dc-bars{padding:12px}.dc-bar-label{font-size:13px;gap:10px}.dc-screen-figure{padding:10px}}