/* Final experience pass: readable controls, deliberate movement, clear next steps. */
html{scroll-padding-top:24px}
button,input,textarea,select{font:inherit}
a,button{-webkit-tap-highlight-color:rgba(135,176,255,.18)}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid #d6f59a;outline-offset:5px}
.skip{z-index:1000}
[aria-invalid="true"]{outline:2px solid #eab28c!important;outline-offset:5px}
#idea-error:empty,#copy-message:empty{display:none}
#idea-error{font-size:14px;color:#f0c6a5;line-height:1.7}
#pause-examples,.text-button,.expand-button,.impact-link,.prompt-examples button{min-height:44px}
.prompt-label-row label{min-height:44px;display:flex;align-items:center}
.prompt-ghost{padding-bottom:8px}
.lab-jumps a{min-height:44px;font-size:14px;display:inline-flex;align-items:center}
.surface-heading small,.playback-settings>span{font-size:13px}
.system-story .text-button,.surface-controls .text-button{font-size:14px}
.system-node:focus-visible{outline-offset:5px}
.canvas-follow{display:none}
.footer-context{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:13px;color:#a3b9d6;line-height:1.7}
.footer-context>a:hover,.contact-fallback>a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-expectation{padding:13px 16px;background:#8eafdb0b;border-left:2px solid #91b4e2;font-size:14px!important}
.contact-fallback{margin-top:18px;border-top:1px solid #8ba6c32b;padding-top:17px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.7;color:#9fb6d6}
.contact-fallback>a{color:#d6f59a;overflow-wrap:anywhere}
#contact-dialog .dialog-actions{display:grid;grid-template-columns:1fr 1fr}
#contact-dialog .dialog-actions>*{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center}
#contact-brief{min-height:190px;font-size:16px}
.backstage-nav button,.backstage-links>button,.backstage-foot button{font-size:13px}
.backstage-facts dt,.backstage-kicker,.backstage-evidence>span,.backstage-links>span{font-size:12px}
.backstage .backstage-foot p{font-size:12px}
.backstage-foot{align-items:flex-start}
.step-provider-row>span{font-size:13px}
.stack-paused .stack-track{animation:none;transform:none;will-change:auto}
.stack-paused .stack-duplicate{display:none}
.stack-paused .stack-rail{mask-image:none}
.stack-offscreen .stack-track{animation-play-state:paused}
.stack-caption>div>span,.stack-provider>small{font-size:12px}
.stack-provider>span{font-size:14px}
#stack-pause{font-size:13px;min-height:44px}
@media(max-width:1100px){
 .canvas-follow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 18px;border-top:1px solid #8aa8d122;background:#101c2e;color:#8fa6c7;font-size:12px}
 .canvas-follow button{border:1px solid #87a6d04a;border-radius:22px;padding:8px 12px;background:#1f3655;color:#c2d8f4;font-size:12px;min-height:44px}
 .canvas-follow button[aria-pressed="false"]{background:transparent;color:#91a6c2}
 .diagram-scroll:after{display:none}
}
@media(max-width:800px){
 .navbar{flex-wrap:wrap}
 .navbar nav{gap:16px}
 .surface-controls>div{flex-wrap:wrap}
 .surface-controls .outcome-button{min-height:44px;font-size:13px}
 .surface-controls .text-button{font-size:14px}
 .backstage-nav button{font-size:12px}
}
@media(max-width:600px){
 .navbar{gap:14px;padding-bottom:18px}
 .navbar>.brand{font-size:26px}
 .navbar nav{display:flex;width:100%;gap:18px;justify-content:space-between}
 .navbar nav a[href="#playground"],.navbar nav a[href="#your-idea"]{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 .navbar nav a[href="https://renzodemartini.com"]{display:none}
 .navbar nav .button{font-size:13px;min-height:44px;padding:10px 14px;margin-left:auto}
 .possibility-hero{padding-top:18px}
 .hero-caption{margin-bottom:22px}
 .prompt-label-row{align-items:center;gap:12px}
 .prompt-label-row label{font-size:14px}
 #pause-examples{min-width:44px;justify-content:center;padding:7px}
 .possibility-form textarea{min-height:150px}
 .prompt-input-area{min-height:150px}
 .prompt-examples{display:grid;grid-template-columns:1fr 1fr}
 .prompt-examples button{font-size:13px;line-height:1.5;padding:10px}
 .system-story .text-button,.impact-link{font-size:14px}
 .surface-heading{align-items:flex-start}
 .surface-heading small{font-size:12px}
 .surface-controls>div{gap:12px}
 .canvas-follow{padding:8px 12px}
 .canvas-follow>span{max-width:130px;text-align:right;line-height:1.6}
 .journey-track>span{font-size:12px}
 .backstage .backstage-foot p{max-width:none}
 .backstage-foot{flex-wrap:wrap;gap:5px}
 .backstage-foot button{margin-left:auto}
 .step-actions .text-button{font-size:13px}
 .backstage-nav button{min-height:62px;font-size:12px}
 #contact-dialog .dialog-actions{grid-template-columns:1fr}
 .footer-context{align-items:flex-start;font-size:13px}
 footer{flex-direction:column;align-items:flex-start;gap:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stack-track,.typing-caret{animation:none!important}.system-node,.connection,.curtain-cue{transition:none!important}}