/* Original Magic Bento cards, populated with the review's measured sample data. */
.review-score-content{display:flex;flex-direction:column;min-height:0;height:100%;gap:12px}
.review-score-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#bcbac4}
.review-score-value{font-size:48px;font-weight:700;letter-spacing:-.035em;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.review-score-value small{font-size:16px;color:#bcbac4;margin-left:5px;letter-spacing:0}
.review-score-bottom{margin-top:auto}
.editorial--review .review-score-bottom h3{font-size:17px;line-height:1.35;margin:0 0 6px;color:#fff}
.editorial--review .review-score-bottom p{font-size:13px;line-height:1.5;margin:0;color:#d0ced6}
.editorial--review .review-score-bottom ul{padding-left:17px;margin:14px 0 0;color:#d0ced6;font-size:14px;line-height:1.65}
.review-score-bars{display:grid;gap:13px;margin-top:12px}
.review-score-bars>div{display:grid;grid-template-columns:1fr 2fr 28px;gap:10px;align-items:center;font-size:12px;color:#d0ced6}
.review-score-bars>div>div{height:6px;border-radius:3px;background:#ffffff15;overflow:hidden}
.review-score-bars i{display:block;height:100%;background:#efedf5;border-radius:3px}
.review-test-list{display:grid;gap:48px;margin-top:28px}
.review-test{padding:0 0 36px;border-bottom:1px solid #ffffff20}
.review-test-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.editorial--review .review-test-top h3{margin:0;font-size:25px;color:#fff}
.review-test-score{flex-shrink:0;color:#fff;font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}
.review-test-score small{font-size:12px;color:#bbb}
.review-test-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.review-test figure{margin:0}
.review-test figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#151419}
.review-test figcaption{font-size:12px;line-height:1.6;color:#bcbac4;margin-top:10px}
.editorial--review .review-test-copy p{font-size:15px;line-height:1.75;margin:0 0 16px;color:#d6d4dc}
.review-test-copy strong{color:#fff}
.review-test details{border:1px solid #35323d;border-radius:12px;padding:13px 16px;margin-top:18px;background:#141318}
.review-test summary{cursor:pointer;color:#eee;font-size:14px;font-weight:600}
.editorial--review .review-test details p{font-size:13px;line-height:1.75;margin:12px 0 0;color:#c6c3ce}
.review-test .test-metrics{display:flex;gap:8px 14px;flex-wrap:wrap;color:#bebbc7;font-size:12px;margin:14px 0}
.review-rubric{padding:22px;border:1px solid #35323d;border-radius:14px;background:#16141a}
.review-rubric ol{padding-left:20px;line-height:1.8;color:#d0ced6}
.review-summary-fallback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.review-summary-fallback>article{padding:22px;border-radius:20px;background:#19171f;border:1px solid #ffffff12}
.editorial--review .article-content #test-cases h2{max-width:25ch}
@media(max-width:850px){.review-test-layout{grid-template-columns:1fr}.review-test figure{max-width:600px}.review-test-top{align-items:flex-start}.review-test-top h3{font-size:22px}.review-score-value{font-size:38px}.review-summary-fallback{grid-template-columns:1fr}}