.cp-band{border-radius:.75rem;height:3.5rem;display:flex;overflow:hidden}@media (min-width:48rem){.cp-band{height:6rem}}.cp-band i{flex:1 1 0;min-width:0}.cp-band-label{color:var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .375rem;font-size:.875rem;font-weight:650;display:flex}.cp-band-label small{font-family:var(--font-mono);color:var(--muted);font-size:.75rem;font-weight:500}.cp-stats{gap:.75rem;margin-top:1.25rem;display:grid}@media (min-width:40rem){.cp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.cp-stat{border-top:1px solid var(--hairline);padding-top:.5rem}.cp-stat[data-lead]{border-top-color:var(--accent);border-top-width:2px}.cp-stat b{color:var(--ink);font-size:.8125rem;font-weight:600;display:block}.cp-stat span{font-family:var(--font-mono);color:var(--ink);margin-top:.125rem;font-size:.8125rem;display:block}.cp-stat em{color:var(--muted);margin-top:.125rem;font-size:.8125rem;font-style:normal;display:block}.cp-test{background:var(--surface);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.625rem .75rem;margin-top:1.25rem;padding:.875rem 1rem;display:flex}.cp-test p{color:var(--ink);flex:16rem;margin:0;font-size:.875rem;line-height:1.35}.cp-test a{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.cp-test a:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.cp-test i{border-radius:999px;width:.875rem;height:.875rem;display:inline-block}.cp-split{gap:1.5rem;display:grid}@media (min-width:64rem){.cp-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:2.5rem}}.cp-bar{margin-bottom:.875rem}.cp-bar-track{border-radius:.5rem;height:2.75rem;display:flex;overflow:hidden}.cp-bar-track i{flex:1 1 0;min-width:0}.cp-pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:40rem){.cp-pairs{grid-template-columns:repeat(3,minmax(0,1fr))}}.cp-pair{border-radius:.75rem;overflow:hidden;box-shadow:inset 0 0 0 1px #0d0d1214}.cp-pair-half{flex-direction:column;justify-content:flex-end;min-height:3.75rem;padding:.375rem .5rem;font-size:.75rem;line-height:1.2;display:flex}.cp-pair-half small{font-family:var(--font-mono);font-size:.6875rem}.cp-off{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}@media (min-width:48rem){.cp-off{grid-template-columns:repeat(5,minmax(0,1fr))}}.cp-off-col{min-width:0}.cp-off-title{color:var(--ink);margin:0 0 .375rem;font-size:.8125rem;font-weight:650}.cp-off-tile{flex-direction:column;justify-content:flex-end;min-height:5.25rem;padding:.5rem;font-size:.75rem;line-height:1.2;display:flex}.cp-off-tile small{font-family:var(--font-mono);font-size:.6875rem}.cp-off-pair{border-radius:.75rem;overflow:hidden;box-shadow:inset 0 0 0 1px #0d0d1214}.cp-off-gap{font-family:var(--font-mono);color:var(--muted);margin:.375rem 0 0;font-size:.75rem}.cp-key{color:var(--ink);flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 .75rem;font-size:.8125rem;display:flex}@media (max-width:39.99rem){.prose-ff .cp-pairtable table,.prose-ff .cp-pairtable tbody{display:block}.prose-ff .cp-pairtable thead tr,.prose-ff .cp-pairtable tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:.5rem;display:grid}.prose-ff .cp-pairtable thead{border-bottom:2px solid var(--ink);display:block}.prose-ff .cp-pairtable thead th{border-bottom:0;padding-right:0}.prose-ff .cp-pairtable thead th:last-child{display:none}.prose-ff .cp-pairtable tbody tr{border-bottom:1px solid var(--hairline);padding:.5rem 0}.prose-ff .cp-pairtable td{white-space:normal;border-bottom:0;padding:0}.prose-ff .cp-pairtable td:last-child{color:var(--muted);grid-column:1/-1;margin-top:.25rem}}.cp-ruler{height:4.5rem;margin:.25rem 0;position:relative}.cp-ruler-line{background:var(--hairline);border-radius:2px;height:3px;position:absolute;top:2.125rem;left:0;right:0}.cp-ruler-gap{background:var(--accent);height:4px;position:absolute;top:2.125rem}.cp-ruler-dot{border-radius:999px;width:1rem;height:1rem;position:absolute;top:2.2rem;transform:translate(-50%,-50%)}.cp-ruler-dot[data-side=a]{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}.cp-ruler-dot[data-side=b]{background:var(--accent)}.cp-ruler-label{font-family:var(--font-mono);white-space:nowrap;color:var(--ink);font-size:.75rem;position:absolute;top:3.125rem;transform:translate(-50%)}.cp-ruler-note{color:var(--muted);font-size:.75rem;position:absolute;top:.5rem}.cp-ruler-mid{font-family:var(--font-mono);white-space:nowrap;color:var(--accent);font-size:.75rem;font-weight:600;position:absolute;top:.5rem;transform:translate(-50%)}
