/* v0.7.6.23.8.17 Light a Candle UX: only on body.bh-cux (/remembrance/, /es/remembrance/) */
/* 2) candle first: verses and sky move below the candle form */
body.bh-cux #wall .wrap{display:flex;flex-direction:column}
body.bh-cux #wall .bh75r-hero{order:1}
body.bh-cux #wall .bh-rem{order:2;display:flex;flex-direction:column}
body.bh-cux #wall .bh75r-verses{order:3}
body.bh-cux #wall .wrap>*:not(.bh75r-hero):not(.bh-rem):not(.bh75r-verses){order:4}
body.bh-cux .bh-rem>#bh-cform,body.bh-cux .bh-rem>#bh-stage{order:-1}
body.bh-cux .bh-rem>.bh-rsky-wrap{margin-top:24px}
body.bh-cux #bh-cform{line-height:1.6;letter-spacing:.01em;word-spacing:.04em}
body.bh-cux #bh-cform .bh-candle{margin:6px auto 4px}
/* compact top on all screens so the candle shows without scrolling */
@media all{
 body.bh-cux .bh-next-top{margin:4px auto 6px!important}
 body.bh-cux .bh-next-top .bh-next-btn{padding-top:9px!important;padding-bottom:9px!important;min-height:48px;box-sizing:border-box}
 body.bh-cux #wall{padding-top:8px!important}
 body.bh-cux.bh75r #wall .bh75r-hero{padding:10px 14px!important;margin-bottom:10px!important}
 body.bh-cux.bh75r #wall .bh75r-hero:before,body.bh-cux.bh75r #bh-cform:before{display:none!important}
 body.bh-cux.bh75r #wall .bh75r-hero h2{font-size:26px!important;margin:0 0 2px!important}
 body.bh-cux.bh75r #wall .bh75r-hero h2:after{display:none!important}
 body.bh-cux.bh75r #wall .bh75r-hero .lead{font-size:16px!important;line-height:1.5!important;margin:0 auto!important}
 body.bh-cux #bh-cform{margin-top:0!important;padding-top:12px!important}
 body.bh-cux #bh-cform>h3{margin:0!important;font-size:26px!important}
 body.bh-cux #bh-cform>.bh-sound{display:flex!important;margin:2px auto 0!important;min-height:44px;font-size:15px}
 body.bh-cux .bh-es>h1{font-size:28px!important;margin:8px 0 2px!important}
 body.bh-cux .bh-es>.lead{font-size:16px!important;line-height:1.5!important;margin:0 0 4px!important}
 body.bh-cux .bh-next-top .bh-next-btn{font-size:16px!important}
 body.bh-cux #bh-cform .bh-candle{margin-top:0!important}
}
/* steps */
body.bh-cux .bh-steps{list-style:none;margin:12px 0 18px;padding:0;display:grid;gap:8px;counter-reset:none}
body.bh-cux .bh-steps li{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 14px;border-radius:14px;background:#f4f8fd;border:2px solid #d6e4f3;color:#1f3550;font-size:18px;font-weight:600}
body.bh-cux .bh-steps .n{flex:0 0 32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:2px solid #b8892b;color:#6b4a00;font-weight:700}
body.bh-cux .bh-steps li.on{background:#fff8e6;border-color:#d9a93a}
body.bh-cux .bh-steps li.on .n{background:#e8c26a;color:#2b1d00}
body.bh-cux .bh-steps li.done{opacity:.8}
body.bh-cux .bh-steps-stage{max-width:520px;margin:0 auto 14px}
/* 3) notice as a drop-down */
body.bh-cux details.bh-cux-det>summary{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;list-style:none;padding:8px 4px;border-radius:10px}
body.bh-cux details.bh-cux-det>summary::-webkit-details-marker{display:none}
body.bh-cux details.bh-cux-det>summary::after{content:"";margin-left:auto;width:12px;height:12px;border-right:3px solid #6b4a00;border-bottom:3px solid #6b4a00;transform:rotate(45deg);transition:transform .2s}
body.bh-cux details.bh-cux-det[open]>summary::after{transform:rotate(-135deg)}
body.bh-cux details.bh-cux-det>summary:focus-visible{outline:3px solid #1f5fa8;outline-offset:2px}
/* 1) Pause moving stars: small, under the sky */
body.bh-cux .bh-pausebar.bh-pausebar-cux{justify-content:flex-end;padding:8px 0 0;margin:0;max-width:none}
body.bh-cux .bh-pausebar-cux .bh-pause{min-height:44px;font-size:15px;padding:8px 14px}
/* 4) the publish button: soft gold glow that gently pulses */
/* 23.8.19 rev 2: travelling gold ring, WebKit-safe (transform:rotate on an oversized conic pseudo, no @property). The button keeps overflow:hidden, so the ring is drawn INSIDE its edge. */
body.bh-cux #bh-cform button[type=submit]{position:relative;isolation:isolate;overflow:hidden!important;background:#8a6416!important;min-height:56px;font-size:19px;padding:12px 22px;margin-top:14px;margin-bottom:10px;animation:bhhGlow 2.4s ease-in-out infinite}
body.bh-cux #bh-cform button[type=submit]::before{content:''!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:max(140%,420px)!important;height:max(140%,420px)!important;aspect-ratio:1;margin:0!important;padding:0!important;border-radius:0!important;opacity:1!important;pointer-events:none;z-index:-2!important;-webkit-mask:none!important;mask:none!important;background:conic-gradient(from 0deg,rgba(255,244,200,0) 0deg,rgba(255,244,200,0) 200deg,#f2d58a 260deg,#fffbe9 300deg,#f2d58a 330deg,rgba(255,244,200,0) 360deg)!important;transform:translate(-50%,-50%) rotate(0deg);animation:bhCuxRing 3s linear infinite!important;will-change:transform}
body.bh-cux #bh-cform button[type=submit]::after{content:''!important;position:absolute!important;inset:3px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border-radius:999px!important;opacity:1!important;pointer-events:none;z-index:-1!important;-webkit-mask:none!important;mask:none!important;transform:none!important;background:#c9a14a!important;animation:none!important}
@keyframes bhCuxRing{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bhCuxGlow{0%,100%{box-shadow:0 0 0 3px #f3d98c,0 0 14px 3px rgba(232,194,106,.45)}50%{box-shadow:0 0 0 5px #f0cf6e,0 0 26px 9px rgba(232,194,106,.7)}}
/* 5) hold to blow out */
body.bh-cux .bh-hold{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:60px;margin:14px auto 6px;padding:12px 18px;border-radius:999px;border:2px solid #b8892b;background:#fff8e6;color:#2b1d00;font:inherit;font-size:19px;font-weight:700;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:0 0 0 3px #f3d98c,0 0 16px 4px rgba(232,194,106,.5);animation:bhCuxGlow 2.6s ease-in-out infinite}
body.bh-cux .bh-hold:focus-visible{outline:3px solid #1f5fa8;outline-offset:3px}
body.bh-cux .bh-hold-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--bp,0)*100%);background:linear-gradient(90deg,#f3d98c,#e8c26a);pointer-events:none}
body.bh-cux .bh-hold-t{position:relative}
body.bh-cux .bh-hold.bh-nudge{animation:bhCuxNudge .6s ease 2}
@keyframes bhCuxNudge{50%{transform:scale(1.04)}}
body.bh-cux .bh-bprog{width:100%;max-width:420px;height:12px;margin:4px auto;border-radius:999px;background:#e6eef7;border:1px solid #b9cbe0;overflow:hidden}
body.bh-cux .bh-bprog i{display:block;height:100%;width:calc(var(--bp,0)*100%);background:#c8962a}
body.bh-cux .bh-holdtip,body.bh-cux .bh-blowtip{text-align:center;font-size:16px;color:#33475e;margin:4px 0 8px}
body.bh-cux .bh-cux-hide{display:none!important}
body.bh-cux .bh-stage.bh-blowing #bh-fire{animation:bhCuxFlick .12s steps(2) infinite;opacity:calc(1 - var(--bp,0)*.55);transform-origin:50% 100%}
@keyframes bhCuxFlick{0%{transform:scale(1,1) skewX(0)}50%{transform:scale(.94,.9) skewX(4deg)}100%{transform:scale(1.03,.96) skewX(-4deg)}}
/* reduced motion / Pause stars: static glow, no flicker or pulse */
@media (prefers-reduced-motion:reduce){body.bh-cux #bh-cform button[type=submit],body.bh-cux #bh-cform button[type=submit]::before,body.bh-cux #bh-cform button[type=submit]::after{animation:none!important}body.bh-cux #bh-cform button[type=submit]{box-shadow:0 0 12px 3px rgba(242,213,138,.75)}body.bh-cux .bh-hold{animation:none;box-shadow:0 0 0 4px #f0cf6e,0 0 20px 6px rgba(232,194,106,.6)}body.bh-cux .bh-stage.bh-blowing #bh-fire,body.bh-cux .bh-hold.bh-nudge{animation:none}}
html.bh-calm body.bh-cux #bh-cform button[type=submit]::before,html.bh-calm body.bh-cux #bh-cform button[type=submit]::after{animation:none!important}
html.bh-calm body.bh-cux #bh-cform button[type=submit],html.bh-calm body.bh-cux .bh-hold{animation:none;box-shadow:0 0 0 4px #f0cf6e,0 0 20px 6px rgba(232,194,106,.6)}
body.bh-cux.bh75r details.bh-cux-det>summary:before{display:none!important}
body.bh-cux details.bh-cux-det>summary b{font-size:19px}
@media (min-width:601px){body.bh-cux.bh75r #wall .bh75r-hero h2{font-size:32px!important}body.bh-cux.bh75r #wall .bh75r-hero .lead{font-size:18px!important}body.bh-cux #wall{padding-top:4px!important}body.bh-cux .bh-v6h1,body.bh-cux .bh-es>h1{margin-top:4px!important}}
/* Coco Oct 29: ES hero line hidden on small phones so the candle fits */
@media (max-width:480px){body.bh-cux .bh-es>p.lead{display:none!important}}
/* 23.8.18 (Audra 10:42): quiet "Pause background movement" text button, bottom-right corner of the sky */
body.bh-cux .bh-rsky-wrap{position:relative}
body.bh-cux .bh-pausebar.bh-pausebar-cux{display:flex;justify-content:flex-end;padding:4px 0 0;margin:0}
body.bh-cux .bh-rsky-wrap>.bh-pausebar.bh-pausebar-cux.bh-pz-corner{position:absolute!important;right:6px;bottom:6px;padding:0;margin:0;display:block;z-index:3;width:auto;max-width:none}
body.bh-cux .bh-pausebar-cux .bh-pause{min-height:44px!important;min-width:44px;padding:12px 10px!important;margin:0;border:0!important;border-radius:8px;background:rgba(14,27,52,.72)!important;box-shadow:none!important;color:#f2f6fc!important;font-size:13px!important;font-weight:600;line-height:1.2;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.bh-cux .bh-pausebar-cux .bh-pause:hover{background:rgba(14,27,52,.9)!important}
body.bh-cux .bh-pausebar-cux .bh-pause:focus-visible{outline:3px solid #f3d98c!important;outline-offset:2px}
/* 23.8.18: sky button inside the wall box */
body.bh-cux .bh75r-hero .bh-next-wall{margin:12px auto 2px!important;text-align:center}
body.bh-cux .bh75r-hero .bh-next-wall .bh-next-btn{min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:16px!important;padding:10px 20px!important}
/* 23.8.18: when the sky is folded, the one pause control sits quietly at the bottom-right of the wall box */
body.bh-cux .bh75r-hero>.bh-pausebar.bh-pz-box{display:flex;justify-content:flex-end;padding:0;margin:4px -6px -6px 0}
body.bh-cux .bh-pz-box .bh-pause{background:transparent!important;color:#1f3550!important}
body.bh-cux .bh-pz-box .bh-pause:hover{background:rgba(31,53,80,.08)!important}
body.bh-cux .bh-pz-box .bh-pause:focus-visible{outline:3px solid #1f5fa8!important}
/* 23.8.18 (Audra 10:49): compact colour row (native radios = arrow keys + screen-reader group via <legend>) */
body.bh-cux #bh-cform .sws.bh-sws-compact{margin:6px 0 10px!important;padding:0!important;border:0!important}
body.bh-cux #bh-cform .sws.bh-sws-compact>legend{margin-bottom:4px!important}
body.bh-cux #bh-cform .sws.bh-sws-compact{display:block!important}
body.bh-cux #bh-cform .bh-swrow{display:flex;flex-wrap:nowrap;padding:4px 2px;overflow-x:auto;gap:2px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;align-items:center}
body.bh-cux #bh-cform .sws .bh-swrow>.sw{position:relative;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border:0!important;background:none!important;box-shadow:none!important;scroll-snap-align:start;cursor:pointer}
body.bh-cux #bh-cform .sws .bh-swrow>.sw>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
body.bh-cux #bh-cform .sws .bh-swrow>.sw>span:not(.nm){display:block!important;width:28px!important;height:28px!important;margin:0!important;border-radius:50%;background:var(--c)!important;border:1.5px solid rgba(31,53,80,.45)!important;box-shadow:none}
body.bh-cux #bh-cform .sws .bh-swrow>.sw>input:checked+span{box-shadow:0 0 0 3px #fff,0 0 0 6px #1f3550!important}
body.bh-cux #bh-cform .sws .bh-swrow>.sw>input:focus-visible+span{outline:3px solid #b8892b;outline-offset:5px}
body.bh-cux #bh-cform .sws.bh-sws-compact .nm{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.bh-cux #bh-cform .bh-sw-name{margin:-4px 0 10px;font-weight:600;font-size:15px;line-height:1.3;color:#1f3550;min-height:20px}
body.bh-cux .bh-sw-name{margin:4px 0 0!important;font-size:16px;font-weight:600;color:#1f3550}
/* 23.8.18: keep candle above the fold at 360x740 now the sky button lives in the wall box */
@media (max-width:400px){
body.bh-cux #wall .bh75r-hero .bh-next-wall{margin:8px 0 0!important}
body.bh-cux #wall .bh75r-hero .bh-next-wall .bh-next-btn{white-space:nowrap;font-size:15px!important;padding:10px 14px!important;min-height:48px}
body.bh-cux #wall .bh75r-hero .bh-pausebar{margin:0!important}
body.bh-cux #wall .bh75r-hero{padding-bottom:8px!important;margin-bottom:10px!important}
body.bh-cux #wall .bh75r-hero .lead{font-size:15px!important;line-height:1.45!important;margin-bottom:0!important}
body.bh-cux .bh-rem{padding-top:8px!important}
body.bh-cux .bh-rem>h3{margin:0 0 4px!important}
body.bh-cux .bh-rem .bh-sound{margin-top:0!important;margin-bottom:0!important}
body.bh-cux #wall .bh75r-hero h2{margin-bottom:4px!important}
}
@media (max-width:400px) and (max-height:780px){body.bh-cux .bh-rem .bh-candle{zoom:.8}}
/* 23.8.18 privacy drop-down */
body.bh-cux .bh-privdd{margin:10px 0;border:1px solid #ead9a8;border-radius:10px;background:#fff}
body.bh-cux .bh-privdd>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;cursor:pointer;font-weight:700;color:#1f3550;font-size:16px;border-radius:10px}
body.bh-cux .bh-privdd>summary::-webkit-details-marker{display:none}
body.bh-cux .bh-privdd>summary:focus-visible{outline:3px solid #b8892b;outline-offset:2px}
body.bh-cux .bh-privdd>summary .cr{width:9px;height:9px;border-right:2px solid #1f3550;border-bottom:2px solid #1f3550;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
body.bh-cux .bh-privdd[open]>summary .cr{transform:rotate(-135deg);margin-top:4px}
body.bh-cux .bh-privdd>.bh-privacy{border:0!important;margin:0!important;padding:0 14px 12px!important}
@media (prefers-reduced-motion:reduce){body.bh-cux .bh-privdd>summary .cr{transition:none}}
body.bh-cux .bh-privdd>summary::after{content:none!important;display:none!important}

/* 23.8.19: colour dots wrap to 2 centred rows (6+6), no horizontal scroll */
body.bh-cux #bh-cform .bh-swrow{flex-wrap:wrap!important;justify-content:center;overflow:visible!important;scroll-snap-type:none;gap:2px 0!important;max-width:276px;margin:0 auto}
body.bh-cux #bh-cform .bh-sw-name{text-align:center}