.content-image-gallery { padding:0 24px 20px; min-width:0; }
.content-image-gallery>header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; color:var(--content-card-text,var(--muted)); font-weight:700; font-size:.85rem; }
.content-gallery-arrows { display:flex; gap:7px; }
.content-gallery-arrows button { min-width:40px; min-height:38px; border:1px solid var(--line,#bdd2df); border-radius:10px; background:var(--surface,#fff); color:var(--ink,#15334b); cursor:pointer; font:inherit; }
.content-gallery-arrows button:disabled { opacity:.35; cursor:default; }
.content-gallery-strip { display:flex; gap:10px; overflow-x:auto; max-width:100%; padding:3px 3px 12px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#328da8 transparent; overscroll-behavior-x:contain; }
.content-gallery-strip>a { flex:0 0 clamp(140px,23vw,220px); scroll-snap-align:start; display:block; border-radius:12px; overflow:hidden; background:#162c3e12; }
.content-gallery-strip img { display:block; width:100%; height:145px; object-fit:cover; transition:filter .15s; }
.content-gallery-strip a:hover img { filter:brightness(1.08); }
.content-gallery-strip a:focus-visible { outline:3px solid #2386bc; outline-offset:2px; }
.content-image-gallery>p { margin:6px 0 0; font-size:.75rem; color:var(--content-card-text,var(--muted)); }
.content-gallery-dialog { width:min(1200px,96vw); max-width:96vw; max-height:95dvh; padding:18px; border:1px solid #65899d; border-radius:18px; background:#0b1c2b; color:#edf8ff; }
.content-gallery-dialog::backdrop { background:#020b13d9; backdrop-filter:blur(5px); }
.content-gallery-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:12px; }
.content-gallery-dialog h2 { margin:0; font-size:1rem; color:#edf8ff; overflow-wrap:anywhere; }
.content-gallery-dialog img { width:100%; height:min(68dvh,850px); object-fit:contain; display:block; }
.content-gallery-dialog button { min-height:42px; min-width:44px; padding:8px 14px; border:1px solid #65899d; border-radius:9px; background:#18394e; color:#edf8ff; cursor:pointer; font:inherit; }
.content-gallery-dialog button:disabled { opacity:.35; }
.content-gallery-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:12px; }
.content-gallery-dialog figcaption { margin-top:10px; text-align:center; font-size:.9rem; overflow-wrap:anywhere; }
.content-gallery-dialog figure { margin:0; }
body:has(.content-gallery-dialog[open]) { overflow:hidden; }
@media(max-width:600px) { .content-image-gallery { padding:0 15px 17px; } .content-gallery-strip img { height:115px; } .content-gallery-dialog { padding:10px; } .content-gallery-dialog img { height:60dvh; } }
@media(prefers-reduced-motion:reduce) { .content-gallery-strip img { transition:none; } }