/* A quiet mobile action, shown only while the main enrolment action is away. */
.enrolment-dock{display:none}
.enrolment-dock[hidden]{display:none!important}
@media(max-width:700px){
  html[data-enrolment-ready=true]{scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  html[data-enrolment-ready=true] main :is(a,button,summary){scroll-margin-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .enrolment-dock{position:fixed;inset:auto 0 0;z-index:90;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:16px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));background:var(--bone);color:var(--deep);border-top:1px solid #17122040}
  .enrolment-dock-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;background:var(--deep);color:var(--bone);border-radius:99px;font:600 13px/1.3 var(--body)}
  .enrolment-dock-action svg{width:17px;height:17px}
  .enrolment-dock-action:hover{background:var(--purple)}
  .enrolment-dock-action:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
  .menu-open .enrolment-dock,.film-open .enrolment-dock{display:none!important}
}
@media(max-width:359px){.enrolment-dock{gap:12px}.enrolment-dock-action{font-size:12px;padding-inline:14px;gap:8px}}
@media(forced-colors:active){.enrolment-dock{background:Canvas;color:CanvasText;border-color:CanvasText}.enrolment-dock-action{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}.enrolment-dock-action:focus-visible{outline-color:Highlight}}