.post-article .post-body .ip-image-preview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,34px);margin:34px 0;padding:clamp(16px,2.5vw,28px);border:1px solid rgba(12,82,121,.18);border-radius:18px;background:linear-gradient(140deg,#f3f8f5 0%,#fff 76%);box-shadow:0 18px 48px rgba(7,55,99,.08)}
.post-article .post-body .ip-image-preview-cover{position:relative;display:block;overflow:hidden;margin:0;border:1px solid rgba(12,82,121,.14);border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(7,55,99,.1);text-decoration:none!important}
.post-article .post-body .ip-image-preview-cover img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;object-position:top center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.post-article .post-body .ip-image-preview-cover>span{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;background:#032c70;color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em}
.ip-image-preview-cover b{color:#66b275}
.ip-image-preview-copy{min-width:0}
.post-article .post-body .ip-image-preview-label{margin:0 0 10px;color:#4d9b5d;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ip-image-preview-copy h2{margin:0 0 14px;font-size:clamp(25px,3.4vw,38px);line-height:1.06}
.ip-image-preview-copy>p:not(.ip-image-preview-label){margin:0 0 20px;font-size:15px;line-height:1.65}
.post-article .post-body .ip-image-preview-action{display:inline-flex;min-height:44px;align-items:center;gap:12px;padding:0 17px;border:1px solid #032c70;border-radius:7px;background:#032c70;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none!important;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.ip-image-preview-action span{color:#66b275}
.post-article .post-body .ip-image-preview-action:hover{transform:translateY(-2px);border-color:#0c5279;background:#0c5279}
.post-article .post-body ol,.post-article .post-body ul{margin:12px 0 22px;padding-left:1.45em}
.post-article .post-body ol li,.post-article .post-body ul li{margin:0 0 9px;padding-left:5px}
.post-article .post-body li::marker{color:#4d9b5d;font-weight:800}
.post-article .post-body .ip-image-preview-cover:focus-visible,.post-article .post-body .ip-image-preview-action:focus-visible{outline:3px solid #66b275;outline-offset:4px}
html[data-theme-scope="article"][data-theme="dark"] .post-article .post-body .ip-image-preview{border-color:rgba(189,208,226,.18);background:linear-gradient(140deg,#102238,#0b1929);box-shadow:0 18px 48px rgba(0,0,0,.2)}
html[data-theme-scope="article"][data-theme="dark"] .ip-image-preview-copy h2{color:#eef3f8}
html[data-theme-scope="article"][data-theme="dark"] .post-article .post-body .ip-image-preview-label{color:#66b275}
html[data-theme-scope="article"][data-theme="dark"] .post-article .post-body .ip-image-preview-action{border-color:#0c5279;background:#0c5279;color:#fff!important}
html[data-theme-scope="article"][data-theme="dark"] .post-article .post-body .ip-image-preview-action:hover{border-color:#032c70;background:#032c70}
@media(hover:hover){.post-article .post-body .ip-image-preview-cover:hover img{transform:scale(1.025)}}
@media(max-width:700px){.post-article .post-body .ip-image-preview{grid-template-columns:minmax(0,1fr);gap:18px;margin:28px 0;padding:14px;border-radius:14px}.post-article .post-body .ip-image-preview-cover{width:min(100%,320px);justify-self:center}.post-article .post-body .ip-image-preview-cover img{max-height:440px}.ip-image-preview-copy h2{font-size:clamp(25px,7vw,32px)}}
@media(prefers-reduced-motion:reduce){.post-article .post-body .ip-image-preview-cover img,.post-article .post-body .ip-image-preview-action{transition:none}.post-article .post-body .ip-image-preview-action:hover{transform:none}}