/* Shared "Back" button (js/back-button.js). Sticky at the top of the page, at least 48 x 48 px, light and dark. */
html:has(#backBar:not([hidden])){scroll-padding-top:4.75rem}   /* a focused or scrolled-to control is never hidden under the bar */
.backbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;padding:.45rem 1rem;margin:0 0 .5rem;background:var(--c-bg,#fff);border-bottom:2px solid var(--c-line,#ccc)}
.backbar[hidden]{display:none}
.back-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:48px;min-width:7rem;padding:.35rem 1.1rem;border-radius:.75rem;border:3px solid var(--c-accent,#6b3a00);background:var(--c-surface,#fff);color:var(--c-text,#111);font:inherit;font-size:1.25rem;font-weight:800;line-height:1.1;cursor:pointer}
.back-btn:hover{background:var(--c-surface-alt,#eee)}
.back-btn:focus-visible{outline:3px solid var(--c-focus,#1a5fb4);outline-offset:2px}
.back-arrow{font-size:1.4rem;line-height:1}
@media print{.backbar{display:none}}