/* Button labels carry actions; no decorative arrows or empty arrow slots. */
.pill,.journey-primary{gap:0!important}
#detail>.circle,#story>.circle{background:#10233acc;border-color:#ffffff80;z-index:3}
#journey-home-entry{margin-left:24px}
footer #prev,footer #next{font-size:17px;padding:0 11px;border:1px solid #ffffff45;border-radius:16px}
#detail{background:#11243ced}
#detail-art{position:absolute;right:0;top:0;width:650px;height:666px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 17%);opacity:.96;pointer-events:none}
.detail-copy{z-index:2;width:690px}
.detail-copy #detail-tags{font-size:23px;letter-spacing:1px;max-width:660px}
#story-art{inset:auto;right:0;top:0;width:570px;height:666px;background:none!important;mask-image:linear-gradient(90deg,transparent,#000 27%);overflow:hidden;opacity:.72}
#story-art img,#detail-art img{transform-origin:65% 45%;animation:service-arrival .5s cubic-bezier(.2,.75,.2,1) both}
@keyframes service-arrival{from{opacity:0;transform:scale(1.045) translateX(16px)}to{opacity:1;transform:none}}
#audio-toggle{margin-left:auto;font-size:16px;border:1px solid #ffffff50;border-radius:22px;padding:8px 17px;background:#13253b99;white-space:nowrap}
#audio-toggle[data-pending=true]{border-color:#f4d7a0;color:#ffe3b5}
#settings{margin-left:0;opacity:.8}
.help-buttons{gap:12px;flex-wrap:wrap}
.help-buttons .outline{font-size:19px;min-height:48px;padding:0 18px}
#audio-note{display:block;margin-top:12px;max-width:1050px;line-height:1.5}
#help #audio-note{font-size:18px;margin:10px 0}
#help{padding-top:43px;padding-bottom:35px}
.help-grid{margin-top:25px;margin-bottom:15px}
.audio-volume-controls{display:inline-flex;align-items:center;gap:8px}
.future-card-art img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 7px 12px #0004)}
#audio-volume{font-size:18px;align-self:center;min-width:85px;text-align:center}
@media(prefers-reduced-motion:reduce){#story-art img,#detail-art img{animation:none}}
/* One confirmation opens the complete support story. Quiet editorial hierarchy. */
#story{border-color:#c3d9fb40;border-radius:14px}
#story .story-copy{width:970px;padding:42px 56px}
#story #story-kicker{font-size:18px;letter-spacing:1px;color:#afc4df;margin-bottom:18px}
#story #story-title{font-size:40px;line-height:1.3;letter-spacing:.5px;max-width:850px}
#story #story-body{font-size:23px;line-height:1.65;max-width:810px;margin-top:22px;color:#e1e9f4}
#story #steps{margin-top:24px;gap:26px}
#story #steps>div{font-size:21px;line-height:1.5;padding:14px 0 4px;border-top:1px solid #adc4df40}
#story #steps em{display:none}
#story #outcome{font-size:22px;line-height:1.5;margin-top:24px;color:#d5e6fb}
#story #boundary{font-size:17px;line-height:1.6;max-width:800px;margin-top:14px;color:#adbed5}
#story #story-back{margin-top:26px;height:48px;font-size:19px;padding:0 28px;box-shadow:none}
#story.gateway-story .story-copy{padding-top:42px}
#story.gateway-story #steps{margin-top:22px}
#story .task-switch{margin-top:0;flex-wrap:wrap}