/* Device compositions extend the shared case-study styles */
.gov-responsive-demo{display:block;padding:48px}
.gov-preview-pair{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:32px}
.gov-browser{min-width:0;padding:8px;border-radius:22px;background:var(--ink);box-shadow:0 14px 24px -16px #17181738}
.gov-browser-chrome{display:flex;align-items:center;gap:5px;height:22px;padding:0 7px 7px}
.gov-browser-chrome i{display:block;width:5px;height:5px;border-radius:50%;background:#777b77}
.gov-browser-viewport{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:#fff}
.gov-browser-viewport img{display:block;width:100%;height:auto;max-width:100%}
.gov-phone{width:280px}
.gov-phone .phone-viewport,.gov-navigation-phone .phone-viewport{aspect-ratio:640 / 1136;background:#fff}
.gov-scroll{animation:family-scroll 24s cubic-bezier(.35,0,.3,1) infinite;will-change:transform}
.gov-responsive-demo[data-view] .gov-scroll{animation:none;transform:translateY(var(--manual-offset));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gov-responsive-demo .scene-controls{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}
.gov-responsive-demo .scene-button{min-width:0;padding:20px}
.gov-responsive-demo .scene-button>span{font-size:18px}
.gov-responsive-demo .scene-button>small{font-size:13px}
.gov-responsive-demo .demo-controls{margin-top:24px}
.gov-navigation-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.gov-navigation-phone{width:282px}
.gov-navigation-demo .scene-controls{gap:10px}
.gov-navigation-demo .scene-button{padding:16px 20px}
.gov-navigation-demo .scene-button>span{font-size:18px}
.gov-navigation-demo .scene-button>small{font-size:13px;margin-top:6px;max-width:none}
.gov-nav-scene{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;animation:gov-menu-scene 25s step-end infinite;animation-delay:calc(var(--scene-step) * 5s - 25s)}
.gov-nav-scroll{animation:gov-menu-scroll 25s ease-in-out infinite;animation-delay:calc(var(--scene-step) * 5s - 25s);will-change:transform}
@keyframes gov-menu-scene{0%,19.999%{opacity:1;visibility:visible}20%,100%{opacity:0;visibility:hidden}}
@keyframes gov-menu-scroll{0%,4%{transform:translateY(0)}15%,19.999%{transform:translateY(calc(-1 * var(--scroll-distance)))}20%,100%{transform:translateY(0)}}
.gov-navigation-demo[data-view] .gov-nav-scene{animation:none;opacity:0;visibility:hidden;pointer-events:none}
.gov-navigation-demo[data-view] .gov-nav-scroll{animation:none;transform:none;will-change:auto}
.gov-navigation-demo[data-view="menu"] [data-scene="menu"],
.gov-navigation-demo[data-view="audience"] [data-scene="audience"],
.gov-navigation-demo[data-view="categories"] [data-scene="categories"],
.gov-navigation-demo[data-view="popular"] [data-scene="popular"],
.gov-navigation-demo[data-view="documents"] [data-scene="documents"]{opacity:1;visibility:visible;pointer-events:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.gov-wide-screen{padding:40px;background:var(--case-grey);border-radius:var(--radius)}
.gov-wide-screen img{width:100%;height:auto;border-radius:18px}
.gov-kit{padding:40px;background:var(--case-grey);border-radius:var(--radius)}
.gov-kit-viewport{position:relative;overflow:hidden;aspect-ratio:1676 / 1622;background:#f6f7ff;border-radius:18px}
.gov-kit-viewport img{position:absolute;width:171.837709%;max-width:none;height:auto;left:-61.694511%;top:-398.150432%}
@media(max-width:1100px){.gov-responsive-demo{padding:36px}.gov-preview-pair{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.gov-phone{width:220px}.gov-navigation-phone{width:260px}.gov-wide-screen,.gov-kit{padding:32px}}
@media(max-width:800px){.gov-responsive-demo{padding:32px 28px}.gov-preview-pair{grid-template-columns:minmax(0,1fr) 170px;gap:20px}.gov-phone{width:170px;padding:6px;border-radius:28px}.gov-phone .phone-viewport{border-radius:22px}.gov-responsive-demo .scene-controls{gap:9px;margin-top:26px}.gov-responsive-demo .scene-button{padding:16px}.gov-responsive-demo .scene-button>span{font-size:16px}.gov-responsive-demo .scene-button>small{font-size:12px}.gov-navigation-phone{width:235px}.gov-navigation-demo .scene-button{padding:14px 16px}.gov-navigation-demo .scene-button>span{font-size:17px}.gov-navigation-demo .scene-button>small{font-size:12px}.gov-wide-screen,.gov-kit{padding:28px}}
@media(max-width:640px){.gov-responsive-demo{padding:28px 20px}.gov-preview-pair{grid-template-columns:minmax(0,1fr);gap:28px}.gov-browser{padding:5px;border-radius:16px}.gov-browser-chrome{height:18px;gap:4px;padding:0 5px 5px}.gov-browser-chrome i{width:4px;height:4px}.gov-browser-viewport{border-radius:11px}.gov-phone{width:239px;padding:8px;border-radius:39px;justify-self:center}.gov-phone .phone-viewport{border-radius:31px}.gov-responsive-demo .scene-controls{grid-template-columns:minmax(0,1fr);margin-top:28px}.gov-responsive-demo .scene-button{padding:18px 20px}.gov-responsive-demo .scene-button>span{font-size:18px}.gov-responsive-demo .scene-button>small{font-size:13px}.gov-navigation-demo{grid-template-columns:minmax(0,1fr)}.gov-navigation-phone{width:266px}.gov-navigation-demo .scene-button{padding:17px 20px}.gov-navigation-demo .scene-button>span{font-size:18px}.gov-navigation-demo .scene-button>small{font-size:13px}.gov-wide-screen,.gov-kit{padding:20px}.gov-wide-screen img,.gov-kit-viewport{border-radius:12px}}
@media(max-width:360px){.gov-responsive-demo,.gov-wide-screen,.gov-kit{padding:24px 16px}.gov-phone{width:220px}.gov-navigation-phone{width:250px}}
@media(prefers-reduced-motion:reduce){.gov-scroll,.gov-nav-scroll{animation:none!important;transform:none;will-change:auto}.gov-nav-scene{animation:none!important}.gov-responsive-demo[data-view] .gov-scroll{transition:none}}