/* =====================================================================
   Getting to the Encounter (/encounter/directions). View: app/Views/encounter/directions.php.
   Ported from the approved map prototype. Every selector starts with #encd, so the page
   beats Bootstrap and the site's element rules and cannot leak onto other pages. The page
   keeps its own fixed brand palette in both site themes. Every color is !important because
   theme.css forces color:...!important onto every h1-h6, p, li, label and small in dark mode.
   --enc-nav = the site navbar's height when it is position:fixed (phones), else 0;
   --enc-pull closes the gap the site leaves under that fixed navbar (set by the page script).
   ===================================================================== */
#encd{--enc-dark:#1f1d1c; --enc-surface:#262422; --enc-char:#2f2d2c; --enc-deep:#0e0d0c;
  --enc-white:#ffffff; --enc-page:#faf8f5; --enc-grey:#e7e7e7; --enc-border:#e2e3e5; --enc-warm:#e8e4de;
  --enc-head:#2f2d2c; --enc-body:#474544; --enc-soft:#6a6764;
  --enc-cream:#F3ECDF; --enc-muted:#CFC6B5;
  --enc-bronze:#BD926F; --enc-bronze-text:#8a5c3a;
  --enc-gold:#FACE68; --enc-gold-deep:#C9A227; --enc-on-gold:#1a1a1a;
  --enc-serif:"Playfair Display", Georgia, "Times New Roman", serif;
  --enc-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --enc-gutter:clamp(16px, 4vw, 48px);
  --enc-max:1200px;
  --enc-focus:var(--enc-gold);
  font-family:var(--enc-sans); font-size:18px; line-height:1.65; color:var(--enc-cream)!important;
  background:var(--enc-dark);
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;}
#encd *,#encd *::before,#encd *::after{box-sizing:border-box}
#encd :is(img,svg){max-width:100%;display:block}
#encd :is(h1,h2,h3,p,ul,ol,dl,dd,figure,label,legend,address){margin:0}
#encd :is(h1,h2,h3){font-family:var(--enc-serif);font-weight:600;line-height:1.12;letter-spacing:-.01em}
#encd{margin-top:calc(-1 * var(--enc-pull,0px))}
#encd [id]{scroll-margin-top:calc(var(--enc-nav,0px) + 16px)}
/* elements without a colour of their own keep their section's colour in dark mode too */
#encd :is(h1,h2,h3,h4,h5,h6,p,li,label,small,legend,dt,dd,address){color:inherit!important}
#encd :focus-visible{outline:3px solid var(--enc-focus);outline-offset:3px;border-radius:6px}
#encd .enc-light{--enc-focus:var(--enc-bronze-text)}
#encd .enc-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#encd .enc-wrap{width:100%;max-width:var(--enc-max);margin:0 auto;padding:0 var(--enc-gutter)}
#encd .enc-nw{white-space:nowrap}
/* ----- buttons (flat gold, never a gradient behind text) ----- */
#encd .enc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:56px;padding:0 1.6em;border-radius:999px;font-family:var(--enc-sans);font-weight:600;font-size:18px;line-height:1.2;text-decoration:none;cursor:pointer;border:0;text-align:center;transition:transform .2s ease, background-color .2s ease, box-shadow .2s ease, color .2s ease}
#encd .enc-btn-gold{background:var(--enc-gold);color:var(--enc-on-gold)!important;box-shadow:0 10px 30px -12px rgba(250,206,104,.6)}
#encd .enc-btn-gold:hover{background:#fbd985;transform:translateY(-1px)}
#encd .enc-btn-ghost{background:rgba(14,13,12,.62);color:var(--enc-cream)!important;box-shadow:0 0 0 1.5px rgba(243,236,223,.6) inset}
#encd .enc-btn-ghost:hover{box-shadow:0 0 0 1.5px var(--enc-gold) inset;color:var(--enc-gold)!important}
#encd .enc-btn-lg{min-height:64px;font-size:19px;padding:0 1.8em}
#encd .enc-btn svg{width:22px;height:22px;flex:none}
#encd .enc-btn .enc-arrow{transition:transform .2s ease}
#encd .enc-btn:hover .enc-arrow{transform:translateX(3px)}
#encd .enc-light .enc-btn-gold{box-shadow:0 10px 26px -14px rgba(138,92,58,.55)}
/* ----- kickers + headings ----- */
#encd .enc-kicker{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--enc-bronze)!important;margin-bottom:16px}
#encd .enc-kicker::before{content:"";width:28px;height:1px;background:currentColor}
#encd .enc-light .enc-kicker{color:var(--enc-bronze-text)!important}
#encd .enc-h2{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:400;color:var(--enc-cream)!important}
#encd .enc-h2 em{font-style:italic;color:var(--enc-gold)!important}
#encd .enc-light .enc-h2{color:var(--enc-head)!important}
#encd .enc-light .enc-h2 em{color:var(--enc-bronze-text)!important}
#encd .enc-lede{margin-top:16px;font-size:clamp(18px,1.5vw,20px);color:var(--enc-muted)!important;max-width:60ch}
#encd .enc-light .enc-lede{color:var(--enc-body)!important}
#encd .enc-sec{padding:clamp(64px,8vw,112px) 0;position:relative}
/* ----- header ----- */
/* ----- hero ----- */
#encd .enc-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--enc-deep);text-align:center;padding:clamp(48px,8vh,96px) 0 clamp(56px,8vw,96px)}
#encd .enc-hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(ellipse 60% 70% at 50% 58%, rgba(250,206,104,.10) 0%, transparent 60%),
    repeating-radial-gradient(circle at 50% 58%, transparent 0 63px, rgba(189,146,111,.16) 63px 64px, transparent 64px 128px);
  -webkit-mask-image:radial-gradient(ellipse 75% 80% at 50% 58%, #000 20%, transparent 78%);mask-image:radial-gradient(ellipse 75% 80% at 50% 58%, #000 20%, transparent 78%)}
#encd .enc-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;z-index:-1;background:linear-gradient(transparent,var(--enc-dark))}
#encd .enc-eyebrow{display:inline-block;margin-bottom:22px;padding:8px 18px;line-height:1.3;border-radius:999px;background:rgba(14,13,12,.8);box-shadow:0 0 0 1px rgba(189,146,111,.45) inset;font-size:15px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--enc-gold)!important}
#encd .enc-h1{font-weight:400;font-size:clamp(2.7rem,7.4vw,6rem);line-height:1.02;letter-spacing:-.02em;color:var(--enc-cream)!important;max-width:14ch;margin:0 auto}
#encd .enc-h1 em{display:block;font-style:italic;background:linear-gradient(180deg,#FFF8E6 0%,#F6E6BC 38%,#E9C266 74%,#C9A227 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;padding:0 .06em .08em}
#encd .enc-addr{margin:22px auto 0;display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-style:normal}
#encd .enc-addr b{font-family:var(--enc-serif);font-weight:600;font-size:clamp(21px,2vw,25px);color:var(--enc-cream)!important;line-height:1.3}
#encd .enc-addr span{font-size:18px;color:var(--enc-muted)!important}
#encd .enc-hero-cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
#encd .enc-hero-note{margin-top:16px;font-size:16px;color:var(--enc-muted)!important}
@media (max-width:599px){
  #encd .enc-hero-cta{flex-direction:column;align-items:stretch}
  #encd .enc-hero-cta .enc-btn{width:100%;padding:0 1em}
}
/* ----- map section ----- */
#encd .enc-mapsec{background:var(--enc-dark);padding-top:clamp(40px,6vw,72px)}
#encd .enc-mapgrid{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:1000px){
  #encd .enc-mapgrid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:40px}
  #encd .enc-panel{position:sticky;top:calc(var(--enc-nav,0px) + 24px)}
}
#encd .enc-panel{background:var(--enc-char);border:1px solid rgba(189,146,111,.35);border-radius:22px;padding:clamp(20px,2.4vw,30px)}
#encd .enc-panel h3{font-size:clamp(1.45rem,2.1vw,1.75rem);color:var(--enc-cream)!important}
#encd .enc-panel-sub{margin-top:6px;font-size:17px;color:var(--enc-muted)!important;line-height:1.5}
#encd .enc-field{margin-top:20px}
#encd .enc-field label{display:block;font-size:16px;font-weight:600;color:var(--enc-cream)!important;margin-bottom:8px}
#encd .enc-field label small{font-weight:400;color:var(--enc-muted)!important;font-size:16px}
#encd .enc-input,#encd .enc-select{width:100%;min-height:56px;border-radius:14px;border:1.5px solid rgba(243,236,223,.28);background:var(--enc-dark);color:var(--enc-cream)!important;font:inherit;font-size:18px;padding:0 16px;transition:border-color .2s}
#encd .enc-input::placeholder{color:#9b948b!important}
#encd .enc-input:hover,#encd .enc-select:hover{border-color:var(--enc-bronze)}
#encd .enc-input:focus-visible,#encd .enc-select:focus-visible{outline:3px solid var(--enc-gold);outline-offset:2px;border-color:var(--enc-gold)}
#encd .enc-input{padding-left:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23BD926F' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px 50%}
#encd .enc-select{appearance:none;-webkit-appearance:none;padding-right:48px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FACE68' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
#encd .enc-select option,#encd .enc-select optgroup{background:#262422;color:#F3ECDF!important}
#encd .enc-count{margin-top:8px;font-size:16px;color:var(--enc-muted)!important;min-height:1.5em}
#encd .enc-quick{margin-top:18px}
#encd .enc-quick p{font-size:16px;color:var(--enc-muted)!important;margin-bottom:8px}
#encd .enc-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
#encd .enc-chip{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(243,236,223,.3);background:transparent;color:var(--enc-cream)!important;font:inherit;font-size:16px;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
#encd .enc-chip:hover{border-color:var(--enc-gold);color:var(--enc-gold)!important}
#encd .enc-chip[aria-pressed="true"]{background:var(--enc-gold);border-color:var(--enc-gold);color:var(--enc-on-gold)!important}
#encd .enc-result{margin-top:22px;border-radius:18px;border:2px solid var(--enc-gold);background:var(--enc-dark);padding:20px 20px 18px}
#encd .enc-result[hidden]{display:none}
#encd .enc-result:focus{outline:none}
#encd .enc-result.is-enter{animation:enc-lift .45s ease both}
@keyframes enc-lift{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#encd .enc-r-kick{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--enc-bronze)!important}
#encd .enc-r-town{font-family:var(--enc-serif);font-size:22px;color:var(--enc-cream)!important;line-height:1.25;margin-top:2px}
#encd .enc-r-num{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:10px}
#encd .enc-r-num b{font-family:var(--enc-serif);font-weight:600;font-size:clamp(2.8rem,4.4vw,3.4rem);line-height:1;color:var(--enc-gold)!important;font-variant-numeric:lining-nums tabular-nums}
#encd .enc-r-num span{font-size:18px;color:var(--enc-cream)!important;font-weight:600}
#encd .enc-r-crow{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--enc-gold)!important}
#encd .enc-r-crow::before{content:"";width:22px;height:3px;border-radius:2px;background:currentColor}
#encd .enc-r-dir{margin-top:8px;font-size:17px;color:var(--enc-muted)!important;line-height:1.5}
#encd .enc-r-go{margin-top:16px;width:100%;min-height:60px;font-size:17px;padding:10px 1.2em;line-height:1.3}
#encd .enc-r-note{margin-top:10px;font-size:16px;color:var(--enc-muted)!important;line-height:1.5}
#encd .enc-missing{margin-top:18px;font-size:16px;color:var(--enc-muted)!important;line-height:1.5}
#encd .enc-missing a{color:var(--enc-gold)!important;text-underline-offset:3px}
/* map card */
#encd .enc-mapcard{background:var(--enc-surface);border:1px solid rgba(189,146,111,.3);border-radius:22px;overflow:hidden}
#encd .enc-maptools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 16px;border-bottom:1px solid rgba(189,146,111,.22)}
#encd .enc-maptools > span{font-size:16px;font-weight:600;color:var(--enc-muted)!important}
#encd .enc-zoom{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--enc-dark);box-shadow:0 0 0 1px rgba(243,236,223,.14) inset;list-style:none;margin:0}
#encd .enc-zoom button{min-height:40px;min-width:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--enc-cream)!important;font:inherit;font-size:16px;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s}
#encd .enc-zoom button:hover{color:var(--enc-gold)!important}
#encd .enc-zoom button[aria-pressed="true"]{background:var(--enc-gold);color:var(--enc-on-gold)!important}
#encd .enc-mapbox{position:relative;width:100%;aspect-ratio:4/5;background:
  radial-gradient(circle at 50% 50%, #34302c 0%, #262422 55%, #1f1d1c 100%)}
@media (max-width:599px){
  #encd .enc-mapcard{margin:0 calc(-1 * var(--enc-gutter));border-radius:0;border-left:0;border-right:0}
}
@media (min-width:600px){
  #encd .enc-mapbox{aspect-ratio:1/1}
}
@media (min-width:1000px){
  #encd .enc-mapbox{aspect-ratio:auto;height:min(680px,calc(100vh - 140px - var(--enc-nav,0px)));min-height:560px}
}
#encd .enc-map{position:absolute;inset:0;width:100%;height:100%;font-family:var(--enc-sans);user-select:none;-webkit-user-select:none}
#encd .enc-map .c-dot{cursor:pointer}
#encd .enc-map .c-hit{fill:transparent;cursor:pointer}
#encd .enc-map .c-hit:hover + .c-dot,#encd .enc-map .c-g:hover .c-dot{fill:var(--enc-gold)}
#encd .enc-map .c-g:hover text{fill:var(--enc-gold)}
#encd .enc-route{stroke-dasharray:1;stroke-dashoffset:0}
#encd.enc-motion .enc-route.is-draw{animation:enc-draw .9s cubic-bezier(.3,.7,.2,1) both}
@keyframes enc-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
#encd.enc-motion .enc-pulse{animation:enc-pulse 2.6s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes enc-pulse{from{transform:scale(.4);opacity:.75}to{transform:scale(2.6);opacity:0}}
#encd .enc-legend{display:flex;flex-wrap:wrap;gap:8px 22px;padding:14px 16px 4px;list-style:none;margin:0;font-size:16px;color:var(--enc-muted)!important}
#encd .enc-legend li{display:inline-flex;align-items:center;gap:8px}
#encd .enc-legend svg{width:22px;height:22px;flex:none}
#encd .enc-caption{padding:6px 16px 16px;font-size:16px;color:var(--enc-cream)!important;line-height:1.5}
#encd .enc-caption b{color:var(--enc-gold)!important;font-weight:600}
/* ----- arriving (light) ----- */
#encd .enc-light{background:var(--enc-page);color:var(--enc-body)!important}
#encd .enc-arrive-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
@media (min-width:960px){
  #encd .enc-arrive-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}
}
#encd .enc-card{background:var(--enc-white);border:1px solid var(--enc-border);border-radius:22px;padding:clamp(22px,2.6vw,34px);box-shadow:0 24px 60px -36px rgba(47,45,44,.45)}
#encd .enc-card h3{font-size:clamp(1.45rem,2.1vw,1.75rem);color:var(--enc-head)!important}
#encd .enc-card-sub{margin-top:4px;font-size:17px;color:var(--enc-soft)!important}
#encd .enc-times{list-style:none;padding:0;margin:18px 0 0}
#encd .enc-times li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:baseline;padding:14px 0;border-top:1px solid var(--enc-warm)}
#encd .enc-times li:first-child{border-top:0}
#encd .enc-times time,#encd .enc-times .t{font-weight:600;color:var(--enc-bronze-text)!important;font-variant-numeric:tabular-nums;font-size:17px}
#encd .enc-times b{display:block;font-family:var(--enc-serif);font-weight:600;font-size:20px;color:var(--enc-head)!important;line-height:1.3}
#encd .enc-times span{display:block;font-size:16px;color:var(--enc-soft)!important;line-height:1.45;margin-top:2px}
#encd .enc-day{margin-top:18px;font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--enc-head)!important;padding-bottom:4px;border-bottom:2px solid var(--enc-gold-deep);display:inline-block}
#encd .enc-card-cta{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
#encd .enc-link-dark{color:var(--enc-bronze-text)!important;font-weight:600;font-size:17px;text-underline-offset:4px;text-decoration-thickness:1px;min-height:48px;display:inline-flex;align-items:center}
#encd .enc-link-dark:hover{color:var(--enc-head)!important}
#encd .enc-plain{margin-top:22px;list-style:none;padding:0}
#encd .enc-plain li{position:relative;padding-left:22px;margin-top:10px;font-size:18px;color:var(--enc-body)!important;line-height:1.55}
#encd .enc-plain li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--enc-bronze);transform:rotate(45deg)}
@media (max-width:599px){
  #encd .enc-card-cta .enc-btn{width:100%}
}
/* ----- footer ----- */
#encd .enc-foot{background:var(--enc-dark);border-top:1px solid rgba(243,236,223,.08);padding:40px 0 44px}
#encd .enc-foot .enc-wrap{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between}
#encd .enc-foot img{height:40px;width:auto}
#encd .enc-foot p{color:var(--enc-muted)!important;font-size:16px;max-width:62ch;line-height:1.5}
@media (prefers-reduced-motion:reduce){
  #encd *,#encd *::before,#encd *::after{animation:none!important;transition:none!important}
}
/* the town picker keeps its dark field in the site's dark theme (theme.css restyles every select with !important) */
#encd .enc-input,#encd .enc-select{background-color:var(--enc-dark)!important;border-color:rgba(243,236,223,.28)!important}
#encd .enc-input:hover,#encd .enc-select:hover{border-color:var(--enc-bronze)!important}
#encd .enc-input:focus-visible,#encd .enc-select:focus-visible{border-color:var(--enc-gold)!important}
/* links back to the Encounter page */
#encd .enc-back{display:inline-flex;align-items:center;gap:.45em;min-height:44px;margin-bottom:14px;color:var(--enc-muted)!important;font-size:16px;font-weight:600;text-decoration:none}
#encd .enc-back:hover{color:var(--enc-gold)!important}
#encd .enc-hero-links{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
#encd .enc-hero-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--enc-gold)!important;font-size:17px;font-weight:600;text-underline-offset:4px;text-decoration-thickness:1px}
#encd .enc-hero-links a:hover{color:var(--enc-cream)!important}
#encd .enc-foot-links{display:flex;flex-wrap:wrap;gap:4px 22px;width:100%}
#encd .enc-foot-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--enc-gold)!important;font-size:16px;font-weight:600;text-underline-offset:4px}

/* ===== /encounter/attend (sign-up page): the RegFox form inside the site (shares this sheet; rules under #encd) ===== */
#encd .enc-reg-hero{padding:clamp(36px,6vh,72px) 0 clamp(32px,5vw,56px)}
#encd .enc-reg-hero .enc-h1{font-size:clamp(2.4rem,6vw,4.6rem);max-width:16ch}
#encd .enc-reg-lead{max-width:46ch;margin:18px auto 0;font-size:18px;line-height:1.55;color:var(--enc-cream)!important}
#encd .enc-reg-links a,#encd .enc-reg-fallback a{color:var(--enc-gold)!important;text-decoration:underline;text-underline-offset:3px}
#encd .enc-reg-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:18px;font-size:16px;font-weight:600}
#encd .enc-reg-links a{display:inline-flex;align-items:center;min-height:44px}
#encd .enc-reg-form{background:var(--enc-dark);padding:clamp(20px,3vw,36px) 0 clamp(36px,5vw,56px)}
#encd .enc-reg-frame{max-width:980px;margin:0 auto;border-radius:16px;overflow:hidden;background:#f8f8f8;padding-top:28px;box-shadow:0 0 0 1px rgba(189,146,111,.35),0 18px 40px rgba(0,0,0,.35)}
#encd .enc-reg-frame iframe{display:block;width:100%;height:2700px;border:0;background:#ffffff}
@media (max-width:767.98px){
  #encd .enc-reg-frame{border-radius:12px;padding-top:20px}
  #encd .enc-reg-frame iframe{height:3600px}
}
#encd .enc-reg-tip{max-width:980px;margin:0 auto 16px;padding:12px 16px;border-left:4px solid var(--enc-gold);border-radius:4px 12px 12px 4px;background:rgba(250,206,104,.08);font-size:17px;line-height:1.5;color:var(--enc-cream)!important}
#encd .enc-reg-tip strong{color:var(--enc-gold)!important}
/* after RegFox moves past the form (receipt or card check), the question card no longer applies */
#encd.enc-reg-moved .enc-reg-helper,#encd.enc-reg-moved .enc-reg-tip{display:none}
#encd.enc-reg-moved .enc-reg-frame{padding-top:44px}
@media (max-width:767.98px){#encd.enc-reg-moved .enc-reg-frame{padding-top:32px}}
#encd .enc-reg-fallback{max-width:980px;margin:14px auto 0;text-align:center;font-size:16px;color:var(--enc-muted)!important}

/* ----- "Which registration is mine?" helper on the sign-up page (moved here from /encounter on 2026-10-18).
   Three questions, one at a time; the answer is pre-picked in the RegFox form below (see register.php). ----- */
#encd .enc-reg-helper{max-width:600px;margin:26px auto 0;text-align:left}
#encd .enc-reg-helper .enc-picker{background:var(--enc-white);border:1px solid var(--enc-border);border-radius:22px;padding:clamp(22px,2.6vw,34px);box-shadow:0 24px 60px -36px rgba(47,45,44,.45)}
#encd .enc-reg-helper .enc-picker-title{font-size:clamp(1.5rem,2.2vw,1.8rem);color:var(--enc-head)!important;font-weight:600}
#encd .enc-reg-helper .enc-picker-sub{margin-top:6px;color:var(--enc-soft)!important;font-size:17px}
#encd .enc-reg-helper .enc-prog{display:none;align-items:center;gap:14px;margin-top:22px}
#encd.enc-js .enc-reg-helper .enc-prog{display:flex}
#encd .enc-reg-helper .enc-prog-bars{display:flex;gap:6px;flex:1}
#encd .enc-reg-helper .enc-prog-bars i{display:block;height:6px;flex:1;border-radius:6px;background:var(--enc-grey);transition:background-color .3s}
#encd .enc-reg-helper .enc-prog-bars i.is-on{background:var(--enc-gold-deep)}
#encd .enc-reg-helper .enc-prog-bars i[hidden]{display:none}
#encd .enc-reg-helper .enc-prog-label{font-size:16px;font-weight:600;color:var(--enc-soft)!important;white-space:nowrap}
#encd .enc-reg-helper .enc-step{border:0;margin:22px 0 0;padding:0;min-width:0}
#encd .enc-reg-helper .enc-step legend{padding:0;font-family:var(--enc-serif);font-size:clamp(1.3rem,1.9vw,1.5rem);font-weight:600;color:var(--enc-head)!important;line-height:1.25}
#encd .enc-reg-helper .enc-step .enc-help{margin-top:6px;color:var(--enc-soft)!important;font-size:16px;line-height:1.5}
#encd.enc-js .enc-reg-helper .enc-step{display:none}
#encd.enc-js .enc-reg-helper .enc-step.is-current{display:block}
#encd.enc-js .enc-reg-helper .enc-step.is-enter{animation:enc-stepin .35s ease both}
@keyframes enc-stepin{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
#encd .enc-reg-helper .enc-opt{display:block;position:relative;margin-top:12px;cursor:pointer}
#encd .enc-reg-helper .enc-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#encd .enc-reg-helper .enc-opt span{display:flex;flex-direction:column;justify-content:center;min-height:68px;padding:12px 16px 12px 54px;border-radius:14px;border:1.5px solid var(--enc-border);background:var(--enc-white);color:var(--enc-head)!important;font-weight:600;line-height:1.3;position:relative;transition:border-color .2s, background-color .2s}
#encd .enc-reg-helper .enc-opt span::before{content:"";position:absolute;left:18px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:2px solid #9a948f;background:#fff}
#encd .enc-reg-helper .enc-opt[hidden]{display:none}
#encd .enc-reg-helper .enc-opt span small{display:block;font-weight:400;color:var(--enc-soft)!important;font-size:16px;margin-top:3px}
#encd .enc-reg-helper .enc-opt:hover span{border-color:var(--enc-bronze)}
#encd .enc-reg-helper .enc-opt input:checked + span{border-color:var(--enc-bronze-text);background:#fbf5ee;box-shadow:0 0 0 1px var(--enc-bronze-text) inset}
#encd .enc-reg-helper .enc-opt input:checked + span::before{border-color:var(--enc-bronze-text);background:radial-gradient(circle,var(--enc-bronze-text) 0 5px,#fff 6px)}
#encd .enc-reg-helper .enc-opt input:focus-visible + span{outline:3px solid var(--enc-bronze-text);outline-offset:3px}
#encd .enc-reg-helper .enc-step-nav{display:none;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
#encd.enc-js .enc-reg-helper .enc-step-nav{display:flex}
#encd .enc-reg-helper .enc-textbtn{background:none;border:0;font:inherit;font-size:17px;font-weight:600;color:var(--enc-bronze-text)!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer;min-height:48px;padding:0 6px}
#encd .enc-reg-helper .enc-textbtn:hover{color:var(--enc-head)!important}
#encd .enc-reg-helper .enc-textbtn[hidden]{display:none}
#encd .enc-reg-helper .enc-next{min-height:48px;padding:0 1.4em;border-radius:999px;border:1.5px solid var(--enc-head);background:var(--enc-white);color:var(--enc-head)!important;font:inherit;font-size:17px;font-weight:600;cursor:pointer;margin-left:auto}
#encd .enc-reg-helper .enc-next:hover{background:var(--enc-head);color:#fff!important}
#encd .enc-reg-helper .enc-nojs{margin-top:20px;color:var(--enc-body)!important;font-size:17px}
#encd.enc-js .enc-reg-helper .enc-nojs{display:none}
#encd .enc-reg-helper .enc-result{margin-top:20px;border-radius:18px;border:3px solid var(--enc-gold-deep);background:#fffdf8;padding:22px 22px 18px}
#encd .enc-reg-helper .enc-result[hidden]{display:none}
#encd .enc-reg-helper .enc-result:focus{outline:none}
#encd .enc-reg-helper .enc-result:focus-visible{outline:3px solid var(--enc-bronze-text);outline-offset:4px}
#encd .enc-reg-helper .enc-result.is-enter{animation:enc-lift .45s ease both}
#encd .enc-reg-helper .enc-r-kick{font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--enc-bronze-text)!important}
#encd .enc-reg-helper .enc-r-num{font-family:var(--enc-serif);font-size:clamp(2.6rem,4vw,3.2rem);font-weight:600;color:var(--enc-head)!important;line-height:1.05;margin-top:4px}
#encd .enc-reg-helper .enc-r-name{font-family:var(--enc-serif);font-size:22px;color:var(--enc-head)!important;margin-top:4px;line-height:1.3}
#encd .enc-reg-helper .enc-r-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
#encd .enc-reg-helper .enc-r-list li{position:relative;padding-left:32px;font-size:17px;line-height:1.45;color:var(--enc-body)!important}
#encd .enc-reg-helper .enc-r-list li::before{content:"";position:absolute;left:2px;top:3px;width:20px;height:20px;border-radius:50%;background:#f3e7d8 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.5 10.5l3 3 6-7' fill='none' stroke='%238a5c3a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/20px no-repeat}
#encd .enc-reg-helper .enc-r-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
#encd .enc-reg-helper .enc-r-actions .enc-btn{width:100%}
#encd .enc-reg-helper .enc-picker-skip{margin-top:6px;font-size:16px;color:var(--enc-soft)!important}
#encd .enc-reg-helper .enc-picker-skip[hidden]{display:none}
#encd .enc-reg-helper .enc-picker-skip a{display:inline-flex;align-items:center;min-height:44px;color:var(--enc-bronze-text)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
#encd .enc-reg-helper .enc-picker-skip a:hover{color:var(--enc-head)!important}
#encd .enc-reg-helper .enc-result{border:0;border-left:4px solid var(--enc-gold-deep);border-radius:4px 14px 14px 4px;padding:18px 16px 14px 18px}
#encd .enc-reg-helper .enc-r-actions{justify-content:center}
#encd .enc-reg-helper .enc-r-note{margin-top:14px;font-size:17px;font-weight:600;color:var(--enc-head)!important}
#encd.enc-js .enc-reg-helper .enc-r-actions [data-back][hidden]{display:none}
@media (prefers-reduced-motion:reduce){
  #encd .enc-reg-helper .enc-step.is-enter,#encd .enc-reg-helper .enc-result.is-enter{animation:none!important}
}