.requirement-example-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.requirement-example-comparison__item{position:relative;min-width:0;margin:0}@media(min-width:768px){.requirement-example-comparison__item:hover{z-index:12}.requirement-example-comparison__item:hover .requirement-example-comparison__preview{opacity:1;transform:translateY(-50%) scale(1)}.requirement-example-comparison__item:hover .requirement-example-comparison__image:after{opacity:1}}.requirement-example-comparison__image{position:relative;overflow:hidden;aspect-ratio:7/9;border:1px solid #e5e5e5;border-radius:.75rem;background:#fafafa;cursor:zoom-in}.requirement-example-comparison__image:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px rgba(59,130,246,.2),0 22px 42px -22px rgba(18,28,45,.28);opacity:0;pointer-events:none;transition:opacity .22s ease}.requirement-example-comparison__image img{display:block;width:100%;height:100%;object-fit:cover}.requirement-example-comparison__preview{display:none}@media(min-width:768px){.requirement-example-comparison__preview{display:block;position:absolute;z-index:2;top:50%;width:min(18rem,200% + .75rem);overflow:hidden;border:1px solid rgba(229,229,229,.9);border-radius:1rem;background:hsla(0,0%,100%,.98);box-shadow:0 28px 50px -20px rgba(18,28,45,.45);opacity:0;pointer-events:none;transform:translateY(-50%) scale(.96);transition:opacity .22s ease,transform .22s ease}.requirement-example-comparison__preview img{display:block;width:100%;height:100%;object-fit:cover}}.requirement-example-comparison__item--correct .requirement-example-comparison__preview{left:0;transform-origin:left center}.requirement-example-comparison__item--incorrect .requirement-example-comparison__preview{right:0;transform-origin:right center}.requirement-example-comparison__status{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px -1px rgba(0,0,0,.05)}.requirement-example-comparison__item--correct .requirement-example-comparison__image,.requirement-example-comparison__item--correct .requirement-example-comparison__preview{border-color:rgba(16,185,129,.45)}.requirement-example-comparison__item--correct .requirement-example-comparison__status{background:#10b981}.requirement-example-comparison__item--correct .requirement-example-comparison__caption strong{color:#10b981}.requirement-example-comparison__item--incorrect .requirement-example-comparison__image,.requirement-example-comparison__item--incorrect .requirement-example-comparison__preview{border-color:rgba(239,68,68,.45)}.requirement-example-comparison__item--incorrect .requirement-example-comparison__status{background:#ef4444}.requirement-example-comparison__item--incorrect .requirement-example-comparison__caption strong{color:#ef4444}.requirement-example-comparison__caption{display:flex;flex-direction:column;gap:.125rem;padding-top:.5rem}.requirement-example-comparison__caption strong{font-size:.75rem;font-weight:600}.requirement-example-comparison__caption span{font-size:.75rem;line-height:1.3;color:#737373}.requirement-examples-section{padding-bottom:5rem;background:#fff}.requirement-examples-section__container{width:100%;max-width:70rem;margin-inline:auto;padding-inline:1.5rem}@media(min-width:1024px){.requirement-examples-section__container{padding-inline:2rem}}.requirement-examples-section__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.5rem;gap:1.5rem}@media(min-width:768px){.requirement-examples-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.requirement-examples-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.requirement-examples-section__card{padding:1.5rem;border:1px solid #e5e5e5;border-radius:1.25rem;background:#fff}.requirement-examples-section__title{margin:0 0 1rem;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.3;color:#171717}