.image-weight-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 15px}.image-weight-presets span{font-size:.9rem;font-weight:700;color:#526273}.image-weight-preset{border:1px solid #b8dfe6;border-radius:999px;background:#fff;color:#08758b;font:inherit;font-size:.88rem;font-weight:750;padding:7px 11px;cursor:pointer}.image-weight-preset:hover{background:#ecfeff;border-color:#0891b2}.image-weight-preset:focus-visible{outline:3px solid rgba(8,145,178,.22);outline-offset:2px}.image-weight-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 30px}.image-weight-example-grid article{padding:17px;border:1px solid #d5e7eb;border-radius:14px;background:#fff}.image-weight-example-grid h3{margin:0 0 8px;font-size:1rem}.image-weight-example-grid p{margin:0}.image-weight-note{padding:15px 18px;border-radius:12px;background:#ecfeff}.image-weight-guide h2:not(:first-child){margin-top:34px}@media(max-width:680px){.image-weight-example-grid{grid-template-columns:1fr}.image-weight-presets{align-items:stretch}.image-weight-presets span{width:100%}.image-weight-preset{flex:1}}