.image-requirements{margin:26px 0;padding:24px;border:1px solid var(--line);background:var(--surface);scroll-margin-top:110px}
.image-requirements [hidden]{display:none!important}
.image-requirements__intro{max-width:820px}
.image-requirements h2{margin-top:8px}
.image-requirements__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:end;margin:20px 0}
.image-requirements__form label{display:grid;gap:7px;min-width:0;font-weight:600;font-size:14px}
.image-requirements__form select{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid var(--line);background:var(--page);color:var(--ink);font:inherit}
.image-requirements__form .image-requirements__check{display:flex;gap:10px;align-items:center;min-height:46px;font-weight:400}
.image-requirements__check input{width:20px;height:20px;accent-color:var(--blue)}
.image-requirements__form button{min-height:46px;padding:12px 18px;background:var(--blue);color:var(--surface);border:1px solid var(--blue);font:inherit;font-weight:600;cursor:pointer;justify-self:start}
.image-requirements :is(select,input,button,a):focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.image-requirements__result{padding:18px 22px;background:var(--blue-soft);border-left:3px solid var(--blue);margin:18px 0}
.image-requirements__result h3{margin:0 0 12px}
.image-requirements__result li{padding:8px 0}
.image-requirements__result li>a:first-child{font-weight:600}
.image-requirements__result li p{margin:6px 0;font-size:14px}
.image-requirements__guide,.image-requirements__note{font-size:13px}
.image-requirements__note{color:var(--muted)}
@media(max-width:640px){.image-requirements{padding:18px 14px}.image-requirements__form{grid-template-columns:1fr;gap:12px}.image-requirements__form button{width:100%}.image-requirements__result{padding:14px}.image-requirements__result ol{padding-left:22px}}