.variant-guide{margin-block:1.5rem 2rem}.variant-guide>h3{font-size:clamp(1.25rem,2vw,1.6rem);margin:0 0 1rem}.variant-compare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.variant-compare article{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface)}.variant-compare h4{font-size:1.1rem;margin:0 0 .65rem}.variant-compare p{margin:.4rem 0;line-height:1.5;font-size:.95rem}.variant-compare a{display:inline-block;margin-top:.6rem;min-height:44px;padding-block:.6rem;text-decoration:underline;text-underline-offset:.2em}.variant-guide-note{font-size:.95rem;line-height:1.55;max-width:75ch}.variant-facts{clear:both;margin:.75rem 0 0;font-size:.95rem;line-height:1.5;max-width:70ch}.variant-facts p{margin:.45rem 0}.variant-facts b{font-weight:600}.variant-facts a{display:inline-block;font-size:.875rem;padding-block:.45rem;min-height:44px}.variant-guide a:focus-visible,.variant-facts a:focus-visible{outline:3px solid var(--text);outline-offset:3px}.variant-guide *{overflow-wrap:anywhere}@media(max-width:1000px){.variant-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.variant-compare{grid-template-columns:1fr}.variant-compare article{padding:1rem}.variant-guide{margin-block:1.25rem}.variant-facts{font-size:.95rem}}

.variant-compare{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}

.variant-compare article{display:flex;flex-direction:column}.variant-compare article>a{margin-top:auto;align-self:flex-start}.variant-facts{overflow-wrap:anywhere}