.cm57-root{display:grid;gap:20px}.cm57-scope{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 18px;border:1px solid #f2d3d3;border-radius:14px;background:#fff8f8;color:#733239}.cm57-scope strong{color:#9f1d26}.cm57-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cm57-metrics article{display:flex;flex-direction:column;gap:7px;padding:18px;background:#fff;border:1px solid #dedfe7;border-radius:16px}.cm57-metrics b{font-size:1.65rem;line-height:1.1;color:#24262c}.cm57-metrics span{font-size:.86rem;line-height:1.4;color:#626875}.cm57-about,.cm57-browser,.cm57-next{margin:0}.cm57-about h2,.cm57-browser h2,.cm57-next h2{margin-top:0}.cm57-about p,.cm57-next p{max-width:85ch}.cm57-links,.cm57-card-links{display:flex;flex-wrap:wrap;gap:10px 18px}.cm57-links a,.cm57-card-links a{color:#ae1e29;text-decoration:underline;text-underline-offset:3px}.cm57-browser-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.cm57-kicker{color:#a22b32;font-size:.78rem;font-weight:750;letter-spacing:.06em}.cm57-tabs{display:flex;flex-wrap:wrap;gap:6px}.cm57-tabs button{border:1px solid #d9dce3;background:white;color:#4d5360;padding:9px 12px;border-radius:999px;white-space:nowrap;font:inherit;font-size:.87rem;cursor:pointer}.cm57-tabs button[aria-pressed="true"]{background:#292b31;color:white;border-color:#292b31}.cm57-controls{display:grid;grid-template-columns:minmax(220px,2fr) minmax(145px,1fr) minmax(210px,1.1fr);gap:12px;margin:18px 0}.cm57-controls.cm57-single{grid-template-columns:1fr}.cm57-controls.cm57-double{grid-template-columns:minmax(220px,2fr) minmax(145px,1fr)}.cm57-controls label{display:grid;gap:6px;color:#454b57;font-weight:650;font-size:.86rem}.cm57-controls input,.cm57-controls select{font:inherit;min-height:44px;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid #cbd0da;background:white;color:#24262c}.cm57-controls :is(input,select):focus-visible,.cm57-tabs button:focus-visible,.cm57-card-links a:focus-visible{outline:3px solid #c43140;outline-offset:2px}.cm57-count{color:#5b6270;font-size:.86rem}.cm57-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cm57-card{min-width:0;border:1px solid #e0e2e8;border-radius:14px;padding:17px;background:#fff;display:grid;gap:8px;align-content:start}.cm57-card h3{font-size:1rem;overflow-wrap:anywhere;margin:0}.cm57-card p{margin:0;color:#484f5d;font-size:.87rem;line-height:1.48}.cm57-card-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;color:#66707e;font-size:.78rem}.cm57-tag{border-radius:6px;background:#eef1f4;color:#45505c;padding:4px 7px;font-weight:700}.cm57-tag.cm57-red{background:#fff0f0;color:#ac2730}.cm57-card-links{margin-top:5px;font-size:.84rem}.cm57-card code,.cm57-about code{overflow-wrap:anywhere}.cm57-next{border-left:4px solid #c1222d}@media(max-width:1000px){.cm57-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cm57-browser-head{display:block}.cm57-tabs{margin-top:16px}}@media(max-width:700px){.cm57-controls,.cm57-controls.cm57-double{grid-template-columns:1fr}.cm57-list{grid-template-columns:1fr}.cm57-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cm57-metrics article{padding:13px}.cm57-metrics b{font-size:1.25rem}}@media(max-width:410px){.cm57-metrics{grid-template-columns:1fr}.cm57-tabs{display:grid;grid-template-columns:1fr 1fr}.cm57-tabs button{white-space:normal}}