#project-kiview { scroll-margin-top:80px; }
.project-gallery { width:100%; min-width:0; color:var(--text-color); background:var(--container-bg); }
.project-gallery-stage figure { margin:0; }
.project-gallery [hidden] { display:none!important; }
.project-gallery-stage a { display:block; }
.project-gallery .project-gallery-stage img { display:block; width:100%; height:260px; object-fit:contain; background:var(--input-bg); border:0; }
.project-gallery-stage figcaption { min-height:3.3em; padding:9px 12px 0; margin:0; color:var(--muted-text); font:11px/1.65 ui-monospace,'Courier New',monospace; }
.project-gallery-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:10px 12px; }
.project-gallery-controls button { display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid var(--border-color); background:var(--container-bg); color:var(--accent-color); padding:7px 10px; font:12px/1.5 ui-monospace,'Courier New',monospace; cursor:pointer; }
.project-gallery-controls button:hover { border-color:var(--accent-color); }
.project-gallery-controls button:focus-visible { outline:2px solid var(--accent-color); outline-offset:3px; }
.project-gallery-controls [role="status"] { color:var(--muted-text); font:11px/1.6 ui-monospace,'Courier New',monospace; }
.project-gallery .project-gallery-credit { margin:0; padding:0 12px 12px; color:var(--muted-text); font:11px/1.65 ui-monospace,'Courier New',monospace; }
.project-gallery-credit a { color:var(--accent-color); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:420px) { .project-gallery .project-gallery-stage img { height:210px; } .project-gallery-controls [role="status"] { order:3; flex-basis:100%; text-align:center; } }
@media(pointer:coarse) { .project-gallery-controls button { min-height:44px; } }