.motion-main .familiar-list{display:grid;gap:0}.motion-main .familiar-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.8fr) auto;gap:14px 24px;align-items:center;padding:18px 0;border-top:1px solid var(--cl-line)}.familiar-row>div>strong{display:block;font-size:16px}.familiar-row .familiar-value{display:block;margin-top:7px;color:var(--cl-ink);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.familiar-row p{margin:0!important;font-size:14px;line-height:1.65}.motion-main .familiar-row button{white-space:normal;line-height:1.5;min-height:42px;padding:9px 13px;border:1px solid #438e7c;background:#e7f3ed;color:#123d33;cursor:pointer}.motion-main .familiar-row button:hover,.motion-main .familiar-row button[aria-pressed=true]{background:#126e5b;color:#fff}.familiar-conditions{margin-top:8px}.familiar-conditions summary{cursor:pointer;font-weight:700}.familiar-conditions p{font-size:14px;line-height:1.8}.motion-main .familiar-panel .benchmark-status{display:block;min-height:0;margin-top:8px}.benchmark-status:empty{display:none!important}@media(max-width:620px){.motion-main .familiar-row{grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:18px 0}.familiar-row>div{grid-column:1}.familiar-row p{grid-column:1/-1;grid-row:2}.familiar-row button{grid-column:2;grid-row:1;max-width:155px;font-size:13px}.familiar-row .familiar-value{font-size:15px}}@media(max-width:360px){.motion-main .mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-main .mode-tabs button:last-child{grid-column:1/-1}.motion-main .mode-tabs button{min-width:0}}html[data-color-mode=dark] .motion-main .familiar-row button{background:#173d34;color:#eaf7f1;border-color:#559b87}
.motion-main .reference-baseline{padding:13px 15px;border-left:4px solid #157a63;background:var(--cl-soft);border-radius:4px;line-height:1.7}.motion-main .reference-ratio{display:block;margin-top:5px;font-size:13px;color:var(--cl-muted)}.reference-more{margin:10px 0}.reference-more>summary,.familiar-conditions>summary{padding:10px 12px;cursor:pointer;border:1px solid var(--cl-line);border-radius:6px;background:var(--cl-soft);font-weight:700}.reference-comparison-label{padding:11px 14px;margin:12px 0;border:1px solid var(--cl-line);border-radius:6px;background:var(--cl-soft);line-height:1.7}.reference-comparison-label:empty{display:none}.reference-panel .familiar-row button{max-width:200px}.motion-main .playbar label{max-width:100%;min-width:0;flex-wrap:wrap}.motion-main .playbar select{max-width:100%;min-width:0}@media(max-width:620px){.reference-panel .familiar-row button{max-width:135px;font-size:12px}.reference-panel .familiar-row{grid-template-columns:minmax(0,1fr) minmax(100px,135px)}}