/* Mobile download additions reuse the official site's palette, type and buttons. */
.hero-downloads{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0 22px}
.hero-downloads .hero-actions{margin:0}
.home-download-qr{display:flex;align-items:center;gap:14px;min-width:0;margin:0}
.home-download-qr img{display:block;width:123px;height:123px;flex:none;background:white;image-rendering:pixelated}
.home-download-qr figcaption{max-width:11em;color:var(--paper);font:13px/1.7 var(--sans)}
.home-download-qr strong{display:block;margin-bottom:4px;color:var(--yellow);font-weight:800}
.home-download-qr span{display:block;color:var(--paper)}
.guide-page{position:relative;min-height:calc(100svh - 90px);background:var(--paper-deep);padding:52px 0 max(40px,env(safe-area-inset-bottom))}
.guide-shell{max-width:680px}
.guide-shell>h1{margin-bottom:26px;font:clamp(30px,6vw,44px)/1.2 var(--serif);letter-spacing:-1px;overflow-wrap:anywhere}
.guide-card{position:relative;padding:36px;border:1px solid var(--line);background:var(--paper);box-shadow:0 18px 45px #17172d12}
.guide-card [hidden]{display:none!important}
.guide-card .guide-platform{display:inline-block;margin:0 0 18px;padding:5px 10px;background:var(--night);color:var(--paper);font-size:12px;font-weight:800}
.guide-card h1,.guide-card h2{margin:0 0 18px;color:var(--night);font:clamp(30px,6vw,44px)/1.2 var(--serif);letter-spacing:-1px;overflow-wrap:anywhere}
.guide-card p{color:var(--muted)}
.guide-steps{list-style:none;padding:0;margin:26px 0;display:grid;gap:16px;counter-reset:step}
.guide-steps li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-size:15px;counter-increment:step}
.guide-steps li:before{content:'0' counter(step);flex:none;color:var(--coral);font:800 14px/1.8 var(--sans)}
.guide-direction{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 24px;padding-top:env(safe-area-inset-top);color:var(--night);font-size:13px}
.guide-direction svg{width:76px;height:66px;flex:none;color:var(--coral)}
.guide-actions,.guide-choices{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.guide-actions .button,.guide-choices .button{min-height:48px;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere}
.guide-choices .button:not(.gold),.guide-copy .button{border-color:var(--line);background:var(--paper-deep);color:var(--night)}
.guide-copy{border-top:1px solid var(--line);padding-top:24px;margin-top:26px}
.guide-copy .button{min-height:48px;margin:0 0 16px;cursor:pointer;font-family:var(--sans)}
.guide-copy label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}
.guide-copy input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:0;background:white;color:var(--night);font:16px/1.5 var(--sans)}
.guide-copy input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.guide-copy-status{min-height:1.7em;margin:8px 0 0;font-size:13px}
.guide-return{display:inline-block;margin-top:22px;color:var(--night);font-weight:800;text-underline-offset:4px}
@media(max-width:760px){
  .hero-downloads{align-items:flex-start;gap:22px;margin:26px 0 22px}
  .hero-downloads .hero-actions{width:100%}
  .hero-downloads .hero-actions .button{width:100%}
  .home-download-qr img{width:123px;height:123px}
  .home-download-qr figcaption{font-size:12px}
  .guide-page{padding-top:24px}
  .guide-card{padding:24px 20px}
  .guide-direction{margin-bottom:18px}
  .guide-actions,.guide-choices{flex-direction:column}
  .guide-copy .button{width:100%;justify-content:center}
}