/* The approved scene remains unchanged; these rules connect its private site pages. */
header{gap:20px}header>nav{margin-left:auto}
.language-switch{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:12px;border:1px solid #d7edf43d;border-radius:50%}
.language-switch:hover{background:#d7edf417}
#story-shell .reviewer-controls{visibility:hidden;pointer-events:none}
.review-mode #story-shell .reviewer-controls{visibility:visible;pointer-events:auto}
.draft-label a{text-decoration:underline;text-underline-offset:3px}
.demo-conversation{list-style:none!important;padding:0!important;display:flex;flex-direction:column;gap:15px}
.demo-conversation li{padding:18px 20px!important;border:1px solid #b9cdea33!important;border-radius:2px 16px 16px 16px;background:#15253b;max-width:94%;margin:0!important;font-size:14px;line-height:1.65}
.demo-conversation li[data-from="user"]{align-self:flex-end;background:#304652;border-color:#79daea55;border-radius:16px 2px 16px 16px}
.demo-conversation small{display:block;color:#9fc4d9;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.demo-conversation p{margin:0!important;font-size:14px!important}
.demo-controls{display:flex;flex-wrap:wrap;gap:12px;padding-top:18px}
.demo-controls button{min-height:44px;padding:10px 15px;border:1px solid #b9cdea55;background:transparent;border-radius:30px;font:inherit;font-size:12px}
#demo-result{font-size:13px;color:#adf1ea;line-height:1.6}
.scenario-dialog{scroll-behavior:smooth}
html[lang="es"] #story-shell .h.big{font-size:clamp(38px,8.4vw,122px)}
@media(max-height:500px){html[lang="es"] #story-shell .h.big{font-size:30px}}
@media(max-width:1100px){header>.mobile-menu{margin-left:auto}header{gap:14px}}
@media(max-width:1000px){header>nav{display:none}header>.mobile-menu{display:block}}
@media(max-width:400px){header{gap:8px}.language-switch{min-width:40px;min-height:40px}.wordmark{font-size:26px}}
@media(prefers-reduced-motion:reduce){.scenario-dialog{scroll-behavior:auto}}