/* Accessibility improvements: keyboard focus, readable secondary text, and reduced motion. */
:focus-visible{outline:3px solid #071d58!important;outline-offset:4px!important;box-shadow:0 0 0 7px #fff!important}
.skip-link{position:fixed;top:10px;left:12px;transform:translateY(-180%);z-index:1000000;background:#fff;color:#071d58;padding:12px 18px;border:2px solid #071d58;border-radius:8px;text-decoration:underline}
.skip-link:focus{transform:none}
#main-content:focus{outline:none}
body{overflow-wrap:break-word}
input,textarea,select{font-size:max(16px,1em)}
input::placeholder,textarea::placeholder{color:#52636d;opacity:1}
select:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #071d58;outline-offset:4px}
summary{cursor:pointer}
.demo-note,.reel-note,.note,.num,.demo-input,.grid p{color:#435d65}
.demo-header small{opacity:1}
.demo-header{background:linear-gradient(110deg,#071d58,#0759b8)}
.demo-prompts button:hover{background:#0759b8;border-color:#0759b8}
.demo-message.user{background:#0759b8}
.reel-transcript{margin-top:20px;max-width:650px}.reel-transcript summary{font-weight:bold;color:#0759b8;padding:10px 0}.reel-transcript p{max-width:none!important;font-size:15px;line-height:1.7}
.accessibility-link{display:block;text-align:center;padding:18px;color:#0759b8;text-decoration:underline;font:14px Arial,sans-serif}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.accountbar{flex-wrap:wrap;gap:12px}.accountbar>span{overflow-wrap:anywhere}.reel-section figure{max-width:100%}}