.image-export-guide { max-width: 1060px; padding-block: 38px 64px; }
.image-export-hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); align-items: center; gap: clamp(18px, 5vw, 54px); }
.image-export-hero h1 { margin: 10px 0; font-size: clamp(36px, 6vw, 64px); line-height: 1.05; text-wrap: balance; }
.image-export-hero figure { margin: 0; }
.image-export-hero img { display: block; width: 100%; height: auto; border-radius: 16px; }
.image-export-hero figcaption { color: var(--muted); font-size: 13px; margin-top: 8px; }
.image-export-table { overflow-x: auto; margin-top: 16px; }
.image-export-table table { border-collapse: collapse; width: 100%; min-width: 560px; background: white; text-align: start; }
.image-export-table caption { text-align: start; padding-bottom: 8px; color: var(--muted); }
.image-export-table :is(th,td) { border: 1px solid var(--line); padding: 12px; vertical-align: top; text-align: start; }
.image-export-table thead { background: #e5efdc; }
.image-export-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.image-export-pair article { padding: 16px; border: 1px solid var(--line); background: white; border-radius: 12px; line-height: 1.55; }
.image-export-pair :is(p,ol) { margin-block: 8px 0; }
.image-export-pair ol { padding-inline-start: 20px; }
.image-export-pair li + li { margin-top: 8px; }
.image-export-cta { padding: clamp(18px,4vw,34px); background: #e5efdc; border-radius: 16px; }
.image-export-cta h2 { margin-top: 0; }
@media (max-width: 650px) { .image-export-hero, .image-export-pair { grid-template-columns: 1fr; } .image-export-hero figure { max-width: 320px; } }