/* Image dimensions reserve space; transforms never affect document flow. */
.amk-blog-thumbnail{margin:0 0 20px;overflow:hidden;aspect-ratio:4/3;background:#122b3a}
.amk-blog-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.amk-article-image{max-width:1200px;margin:28px 0 36px}
.amk-article-image img{display:block;width:100%;height:auto}
.amk-article-image figcaption{font-size:14px;line-height:1.6;margin-top:10px;color:#3e5260}
.amk-blog-thumbnail,.amk-article-image{animation:amk-photo-in .4s ease both}
@keyframes amk-photo-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.amk-blog-thumbnail,.amk-article-image{animation:none}}

/* Generated editorial articles only; other guides keep their layout. */
.amk-generated-article .article-meta{max-width:830px;margin:0 0 24px;text-align:left;color:#52616d;font-size:14px;line-height:1.7}
.amk-generated-article .article-body{max-width:830px;margin-left:0;margin-right:auto}
.blog-card>.amk-blog-thumbnail{width:100%;flex-shrink:0}
.blog-grid .amk-blog-thumbnail img{transition:transform 300ms ease,filter 300ms ease}
@media(hover:hover) and (pointer:fine){.blog-grid .blog-card:hover .amk-blog-thumbnail img{transform:scale(1.05);filter:brightness(.89)}}
.blog-grid .blog-card:has(:focus-visible) .amk-blog-thumbnail img{transform:scale(1.05);filter:brightness(.89)}
@media(max-width:700px){.amk-generated-article .article-meta{font-size:13px;margin-bottom:20px}.amk-generated-article .amk-article-image{margin:22px 0 28px}}
@media(prefers-reduced-motion:reduce){.blog-grid .amk-blog-thumbnail img{transition:none!important;transform:none!important}}