/* Shared page footer and result actions; existing screen and character styles stay intact. */
.runbti-disclaimer{padding:0 22px 24px;max-width:390px;margin:0 auto;width:100%;flex-shrink:0;}
.runbti-disclaimer p{font-size:11px;line-height:1.65;color:#77716d;word-break:keep-all;overflow-wrap:anywhere;}
.runbti-disclaimer p+p{margin-top:10px;}
.runbti-coupon{text-decoration:none;}
.runbti-share-sheet{position:fixed;inset:auto 12px max(12px,env(safe-area-inset-bottom));margin:0 auto;width:calc(100% - 24px);max-width:390px;max-height:calc(100dvh - 24px);padding:0;border:0;background:transparent;color:#006bdf;overflow:auto;overscroll-behavior:contain;font:inherit;}
.runbti-share-sheet::backdrop{background:rgba(0,0,0,.25);}
.runbti-share-options{border-radius:14px;background:rgba(248,248,248,.98);overflow:hidden;}
.runbti-share-heading{padding:16px 18px 12px;text-align:center;}
.runbti-share-heading h2{font-size:15px;line-height:1.4;color:#49413e;}
/* Initial focus announces the dialog title; keyboard focus on actions stays visible. */
.runbti-share-heading h2:focus{outline:none;}
.runbti-share-status{font-size:12px;line-height:1.5;color:#736c68;margin-top:6px;overflow-wrap:anywhere;}
.runbti-share-sheet button{display:block;width:100%;min-height:58px;padding:14px 18px;border:0;border-top:1px solid #d8d7d5;background:transparent;font:inherit;font-size:19px;font-weight:500;color:#006bdf;cursor:pointer;touch-action:manipulation;}
.runbti-share-sheet button:disabled{color:#9c9c9c;cursor:wait;}
.runbti-share-sheet button:focus-visible{outline:3px solid var(--coral);outline-offset:-4px;}
.runbti-share-sheet .runbti-share-cancel{margin-top:8px;border:0;border-radius:14px;background:#fff;font-weight:600;}
.runbti-share-link{padding:4px 16px 16px;}
.runbti-share-link label{display:block;font-size:12px;color:#736c68;margin-bottom:4px;}
.runbti-share-link input{display:block;width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;background:#fff;font:inherit;font-size:14px;color:#333;}
.runbti-share-link[hidden]{display:none;}

/* iOS needs a visible image for Safari's native Save to Photos action. */
.runbti-image-save .runbti-save-preview{display:block;width:auto;max-width:calc(100% - 32px);max-height:calc(100dvh - 200px);height:auto;margin:0 auto 16px;border-radius:10px;-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto;touch-action:auto;}
.runbti-image-save [hidden]{display:none;}

/* Let the page background fill the viewport and keep long desktop text readable. */
.stage > .col > .phone{max-width:none;}
.phone > .screen,.phone > .runbti-disclaimer{width:100%;max-width:600px;margin-inline:auto;}
.quiz.is-submitting .opt.sel{background:var(--coral);border-color:var(--coral);color:#fff;opacity:1;-webkit-text-fill-color:#fff;}
.runbti-share-toast{position:fixed;z-index:20;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 18px;border-radius:12px;background:#1c1a19;color:#fff;font-size:14px;text-align:center;pointer-events:none;}
.runbti-scroll-cue{position:fixed;z-index:10;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;place-items:center;width:68px;height:56px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;}
.runbti-scroll-cue svg{position:relative;width:48px;height:48px;stroke:#d44533;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round;}
/* One translucent layer blurs the actual content behind the arrow, without a solid SVG on top. */
@supports ((mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000))) and ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .runbti-scroll-cue svg{visibility:hidden;}
  .runbti-scroll-cue::before{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);pointer-events:none;background:rgba(212,69,51,.72);-webkit-backdrop-filter:blur(2px) saturate(130%);backdrop-filter:blur(2px) saturate(130%);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m6%205%206%206%206-6M6%2013l6%206%206-6%22%20stroke%3D%22black%22%20stroke-width%3D%223.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m6%205%206%206%206-6M6%2013l6%206%206-6%22%20stroke%3D%22black%22%20stroke-width%3D%223.1%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;}
}
.runbti-scroll-cue:focus-visible{outline:3px solid var(--coral);outline-offset:3px;}
.runbti-scroll-cue[hidden],.runbti-share-toast[hidden]{display:none;}
@media(prefers-reduced-motion:no-preference){
  .runbti-scroll-cue{animation:runbti-scroll-float 1.6s ease-in-out infinite;}
  @keyframes runbti-scroll-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-10px)}}
}

/* Question changes retain reading focus without a browser-default blue ring. */
.quiz .q h2:focus{outline:none;}
.quiz .opt{-webkit-tap-highlight-color:transparent;}
.quiz .opt:focus:not(:focus-visible){outline:none;}
.quiz .opt:focus-visible{outline:3px solid var(--coral);outline-offset:2px;}