/* Scoped enhancements for existing standalone applications. */
html{scroll-padding-top:80px}body{ -webkit-font-smoothing:antialiased }img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #36816b;outline-offset:3px}@media(max-width:600px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[data-vic-app="pacman"] #gameCanvas{max-width:100%;height:auto;box-sizing:border-box}
[data-vic-app="aws-visualizer"] #glossary-sidebar.hidden{visibility:hidden;transform:none}
@media(max-width:640px){
[data-vic-app="sprint"]>header>div>div{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding-block:12px}
[data-vic-app="sprint"]>header>div>div>div{flex-wrap:wrap;gap:10px;max-width:100%}
[data-vic-app="sprint"] #currentMonthLabel{min-width:0;font-size:1.15rem;flex:1}
[data-vic-app="sprint"] main>div:first-child>div:first-child{width:100%;gap:8px}
[data-vic-app="release"]>header{height:auto;flex-wrap:wrap;gap:12px;padding-block:12px}
[data-vic-app="release"]>header>div{flex-wrap:wrap;gap:8px;max-width:100%}
[data-vic-app="release"]>main{overflow-x:auto}
[data-vic-app="release"]>main>div{min-width:800px}
[data-vic-app="release"] #empty-state{min-width:0}
[data-vic-app="experiment"]{overflow-x:clip}
[data-vic-app="experiment"] .marquee-container{max-width:100%;box-sizing:border-box}
[data-vic-app="experiment"] .terrible-table{display:block;max-width:100%;overflow:auto}
}

[data-vic-app="vacation"] #toast:not(.show){transform:none;visibility:hidden}
html:has(>body[data-vic-app="experiment"]){overflow-x:hidden}
@media(max-width:640px){
[data-vic-app="resources"] header{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding-block:12px}
[data-vic-app="resources"] header>div{flex-wrap:wrap;gap:10px;max-width:100%}
[data-vic-app="vacation"]>header{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding-block:12px}
[data-vic-app="vacation"]>header>div{flex-wrap:wrap;gap:10px;max-width:100%;margin:0}
[data-vic-app="experiment"] h1{font-size:clamp(1.8rem,8vw,3rem);overflow-wrap:anywhere}
}