.clarity-6 .reference{width:280px;max-width:100%}.clarity-8 .reference{width:300px;max-width:100%}.clarity-9 .matrix-reference,.clarity-10 .matrix-reference{width:390px;max-width:100%}
@media(min-width:700px) and (max-width:1099px){.clarity-8 .choices{grid-template-columns:repeat(6,minmax(0,1fr));max-width:800px;margin:auto}.clarity-8 .choice{grid-column:span 2}.clarity-8 .choice:nth-child(4){grid-column:2/span 2}.clarity-8 .choice:last-child{grid-column:4/span 2;width:100%}}
@media(max-width:699px){.clarity-6 .reference{width:250px}.clarity-8 .reference{width:260px}.clarity-6 .triangle-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clarity-6 .triangle-examples figure:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}}