/* Lightbox chrome stays inside the modal, separate from app controls. */
dialog.preview-lightbox{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overscroll-behavior:contain}
dialog.preview-lightbox::backdrop{background:rgb(0 0 0 / .6);transition:background-color 210ms ease}
dialog.preview-lightbox[data-lightbox-motion=opening]::backdrop,dialog.preview-lightbox[data-lightbox-motion=closing]::backdrop{background:rgb(0 0 0 / .12)}
.lightbox-gallery{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px max(4px,env(safe-area-inset-right)) 8px max(4px,env(safe-area-inset-left));border-bottom:1px solid var(--line);margin-bottom:8px;flex-shrink:0;color:var(--ink)}
.lightbox-gallery[hidden]{display:none!important}
dialog.preview-lightbox .lightbox-gallery button{position:static;display:grid;place-items:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface);font-size:28px;line-height:1;flex:none}
.lightbox-gallery-status{font-size:12px;text-align:center;max-width:calc(100% - 104px);overflow-wrap:anywhere}
dialog.preview-lightbox.image-viewer{width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);margin:auto;padding:64px 12px 12px;border:1px solid var(--line);border-radius:8px}
dialog.preview-lightbox.image-viewer img{max-height:calc(100dvh - 240px)}
dialog.preview-lightbox.image-viewer .lightbox-gallery{margin-top:-8px}
@media(prefers-reduced-motion:reduce){dialog.preview-lightbox,dialog.preview-lightbox::backdrop{animation:none!important;transition:none!important;transform:none!important}}
/* Load last; no body gutter or always-present mobile utility rail. */
.backtop[hidden]{display:none!important}
.backtop{width:44px;height:44px;display:grid;place-items:center;padding:0;right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));}
body:has(dialog[open]) .backtop{display:none!important}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:1.6;margin-bottom:16px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.breadcrumb button{font:inherit;color:inherit;padding:0 3px;min-height:24px;border-radius:3px}
.breadcrumb button:hover{color:var(--vscode-breadcrumb-focusForeground);background:var(--hover)}
.breadcrumb button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.breadcrumb .symbol[hidden]{display:none!important}
@media(max-width:850px){.breadcrumb button{min-height:44px}.breadcrumb{min-height:44px;height:auto}}
@media print{.backtop{display:none!important}}
@media(prefers-reduced-motion:reduce){.xt-theme-menu,#language-menu{animation:none!important;transition:none!important;transform:none!important}html{scroll-behavior:auto}}

.parity-links{display:flex;flex-wrap:wrap!important;gap:12px 20px;padding:24px 0;font-size:13px;white-space:normal}.parity-links a{white-space:normal;overflow-wrap:anywhere}