.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:8px; left:8px; z-index:2000; padding:10px 16px; border-radius:6px; background:var(--bg-color); color:var(--text-color); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); outline:3px solid var(--accent-color); }
a:focus-visible, button:focus-visible { outline:3px solid var(--accent-color); outline-offset:4px; }
.profile-trigger { display:block; width:80%; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.profile-trigger .profile-image { display:block; width:100%; box-sizing:border-box; }
@media(max-width:768px) { .profile-trigger { max-width:250px; } }
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto !important; }
 body, .bokeh, .profile-image, a, button { animation:none !important; transition:none !important; }
}
.original-gallery .container > h1 + .section-header { margin-top:0; }

.header-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.page-switch { display:grid; place-items:center; box-sizing:border-box; width:34px; height:34px; padding:0; border:1px solid var(--accent-color); border-radius:50%; color:var(--accent-color); background:transparent; text-decoration:none; }
.page-switch svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.page-switch:hover { color:var(--accent-color); border-color:var(--accent-color); background:var(--nav-bg); }
.sidebar-header { gap:4px; }
.sidebar-header .header-actions { gap:4px; }