.body-review{--content:74rem;padding-block:clamp(1.5rem,4vw,3rem);row-gap:1.5rem}.body-intro{max-inline-size:54rem}.body-intro h1{font-size:clamp(2.1rem,5vw,4rem);margin-block:.5rem 1rem}.body-intro>p:last-child{max-inline-size:48rem;line-height:1.6}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,2vw,1.5rem)}.body-card{min-inline-size:0;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;background:white;border:1px solid var(--line,oklch(85% .01 80));border-radius:.5rem;overflow:clip}.body-card>div:first-child{padding:clamp(.65rem,2vw,1.3rem)}.body-card h2{font:500 clamp(1.05rem,2.3vw,1.55rem)/1.2 Georgia,serif;margin-block:.35rem .6rem}.body-card p{font-size:clamp(.7rem,1.2vw,.9rem);line-height:1.5}.body-image{background:white}.body-image svg{display:block;inline-size:100%;block-size:auto;touch-action:pan-y}.body-image:has(#test-art) svg{touch-action:none}.body-card>button{margin:clamp(.65rem,2vw,1.3rem);justify-self:start}.body-tools,.source-links{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.body-tools label{display:flex;align-items:center;gap:.5rem;min-block-size:44px;font-size:.9rem}.body-tools input{inline-size:1.1rem;block-size:1.1rem}.body-tools>button{margin-inline-start:auto}.body-review button,dialog button{min-block-size:44px;padding:.65rem .9rem;border:1px solid oklch(75% .01 80);border-radius:.3rem;background:white;color:inherit;font:inherit;cursor:pointer}.body-review button:active,dialog button:active{background:oklch(91% .01 80)}.body-review :focus-visible,dialog :focus-visible{outline:3px solid oklch(49% .06 150);outline-offset:3px}.test-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;padding:1.2rem;background:oklch(94% .01 80);border-radius:.5rem}.test-controls[hidden]{display:none}.test-controls label{display:block;font-size:.85rem;margin-block-end:.4rem}.test-controls input{inline-size:100%;min-block-size:44px;font:inherit}.test-controls input[type=text],#test-text{padding:.6rem;border:1px solid oklch(75% .01 80);border-radius:.3rem;background:white}.test-controls p{grid-column:1/-1;font-size:.85rem;line-height:1.5}.body-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem;border-block-start:1px solid oklch(84% .01 80);padding-block-start:1.5rem}.body-notes h2{font-size:1rem;margin-block-end:.6rem}.body-notes p,.source-links{font-size:.85rem;line-height:1.6}.review-status{font-size:.85rem;padding:1rem;background:oklch(93% .018 150);border-radius:.3rem}dialog{inline-size:min(96vi,55rem);max-block-size:95svh;padding:1rem;border:1px solid oklch(76% .01 80);border-radius:.5rem}dialog::backdrop{background:oklch(20% none none/.65)}.inspect-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.inspect-head h2{font-size:1.2rem}#inspect-image svg{display:block;inline-size:100%;max-block-size:79svh}#test-art{cursor:grab;touch-action:none}#test-art:active{cursor:grabbing}#test-art:focus-visible{outline:2px dashed oklch(80% .09 80)}@media(hover:hover) and (pointer:fine){.body-review button:hover,dialog button:hover{background:oklch(95% .01 80)}}