/* "Back to the hall" pill shared by every sub-page. The page sets the corner (data-at) and any
   clearance for its own bars with --hp-t / --hp-b (phone) and --hp-tw / --hp-bw (wide screens). */
.hall-pill{position:fixed;z-index:2147483000;left:max(12px,env(safe-area-inset-left));display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 14px;border-radius:999px;background:rgba(12,11,10,.82);border:1px solid rgba(239,238,232,.38);color:#efeee8;font:500 15px/1 "Instrument Sans",system-ui,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 14px rgba(0,0,0,.25);transition:opacity .3s,background .2s}
@media (hover:hover) and (pointer:fine){.hall-pill:hover{background:rgba(12,11,10,.95);color:#fff}}
.hall-pill:active{background:rgba(12,11,10,.95)}
.hall-pill:focus-visible{outline:2px solid #c9a35b;outline-offset:3px}
.hall-pill svg{fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.hall-pill[data-at=tl]{top:calc(var(--hp-t,12px) + env(safe-area-inset-top))}
.hall-pill[data-at=bl]{bottom:calc(var(--hp-b,12px) + env(safe-area-inset-bottom))}
/* Phones: a 44 px round arrow. The worded pill covered content on small screens; the label stays in the
   DOM at font-size 0, so screen readers still hear "Back to the hall". */
@media (max-width:700px){.hall-pill{width:44px;height:44px;padding:0;gap:0;justify-content:center;font-size:0;left:max(8px,env(safe-area-inset-left))}}
@media (min-width:701px){
  .hall-pill{left:16px}
  .hall-pill[data-at=tl]{top:calc(var(--hp-tw,var(--hp-t,12px)) + env(safe-area-inset-top))}
  .hall-pill[data-at=bl]{bottom:calc(var(--hp-bw,var(--hp-b,12px)) + env(safe-area-inset-bottom))}
  .hall-pill[data-at-w=tl]{bottom:auto;top:calc(var(--hp-tw,12px) + env(safe-area-inset-top))}
}
/* Pages that already carry the link in their own header show the pill only once it has scrolled away. */
.hall-pill[data-late]{opacity:0;pointer-events:none}
.hall-pill[data-late].on{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.hall-pill{transition:none}}