[data-hh-gallery] { margin:0; background:#f7f3eb; color:#183343; }
[data-hh-gallery] figure { margin:0; }
[data-hh-gallery] figure[hidden] { display:none !important; }
[data-hh-gallery] figure img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
[data-hh-gallery] figcaption { padding:8px 14px; font-size:.85rem; }
.hh-gallery-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:6px 10px; border-top:1px solid #d9ccb5; }
.hh-gallery-controls button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; border:1px solid #a58149; border-radius:6px; background:#fffdf8; color:#183343; font:inherit; font-size:1.25rem; cursor:pointer; }
.hh-gallery-controls button:hover { background:#eee4d3; }
.hh-gallery-controls button:focus-visible { outline:3px solid #183343; outline-offset:2px; }
.hh-gallery-controls span { font-size:.875rem; }