/* Task 12 scopes: public first experience and setup; accepted app layout is untouched. */
body.demo-first #account-gate,body.jady-first-visit #pricing-panel{display:none!important}
.jady-onboarding,.public-demo{box-sizing:border-box;width:calc(100% - 24px);max-width:600px;max-height:calc(100dvh - 24px);overflow-y:auto;padding:0;overflow-wrap:anywhere}
.jady-onboarding *, .public-demo *{box-sizing:border-box;min-width:0;max-width:100%}
.jady-onboarding .dialog-inner,.public-demo .dialog-inner{padding:24px}
.jady-onboarding button,.public-demo button{min-height:48px;white-space:normal;font-size:16px}
.jady-onboarding input{width:100%;max-width:100%;min-width:0;font-size:16px;min-height:48px}
.ob-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ob-options button[aria-pressed="true"]{border:2px solid #173d75;background:#eef4ff;font-weight:700}
.ob-navigation{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.ob-navigation button{flex:1}
.jady-onboarding button:focus-visible,.public-demo button:focus-visible,.jady-onboarding input:focus-visible{outline:3px solid #3264b8;outline-offset:3px}
#ob-body>button{margin:8px 0;width:100%}#ob-body .field{margin-top:12px}#ob-error{color:#9e2424}
.onboarding-resume{margin:12px;min-height:48px;max-width:calc(100% - 24px)}
.public-demo #demo-word{font-size:clamp(24px,6vw,42px);letter-spacing:1px;line-height:1.4;overflow-wrap:anywhere}.public-demo #demo-translation{font-size:20px}
body.jady-first-visit #brand-intro{min-height:0}body.jady-first-visit .hero-title{font-size:clamp(28px,5vw,48px)}
body.jady-first-visit .hero-owl{max-height:150px;object-fit:contain}body.jady-first-visit .research-note{display:none}
@media(max-width:750px){body.jady-first-visit #brand-intro{gap:12px;padding:20px}body.jady-first-visit .hero-art{grid-template-columns:64px minmax(0,1fr);width:min(100%,260px)}body.jady-first-visit .hero-owl{height:90px;width:64px}body.jady-first-visit .hero-caption{display:none}body.jady-first-visit .hero-actions{gap:8px}body.jady-first-visit .hero-lead{font-size:15px}}
@media(max-width:360px){.ob-options{grid-template-columns:minmax(0,1fr)}.jady-onboarding .dialog-inner,.public-demo .dialog-inner{padding:16px}.ob-navigation{flex-direction:column}}

body.jady-first-visit .access-method{display:none}body.jady-first-visit .hero-actions{display:flex}body.jady-first-visit #hero-existing{min-height:48px;margin-top:12px;order:6}

/* Task 12 final: demo play controls only; finish screen and desktop are unchanged. */
@media(max-width:768px){
  #demo-play .demo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  #demo-play .demo-actions button{min-width:0;width:100%;min-height:48px;padding:12px 10px;font-size:16px;line-height:1.35;white-space:normal;overflow-wrap:normal;word-break:normal}
  #demo-play #demo-hide,#demo-play #demo-next{grid-column:1 / -1;order:-1}
  #demo-play #demo-back{grid-column:1}
  #demo-play #demo-answer{grid-column:2}
}