/* Phone-only adaptation of FDSF.pdf. This entire sheet loads at <=760px. */
@media(max-width:760px){
 .header{min-height:76px;padding: max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));gap:12px}
 .brand{font-size:18px;min-height:44px;gap:4px}.brand img{width:44px;height:44px}
 .menu,.motion{min-width:44px;min-height:44px}.menu{flex-shrink:0}
 .header nav{top:calc(70px + env(safe-area-inset-top));left:16px;right:16px;padding:8px 12px;gap:12px}
 .header nav :is(button,a){font-size:16px;min-height:44px;padding:10px 4px}
 .hero-copy,.philosophy{display:none}
 .categories{width:calc(100% - 32px);margin:12px auto 0;gap:8px;grid-template-columns:1fr}
 .category{min-height:96px;padding:12px 16px;gap:16px;align-items:center;border-radius:12px}
 .category-icon{flex:0 0 64px;width:64px;height:66px;border-radius:16px}
 .category-icon img{width:43px;height:43px}
 .category-body{padding:0;gap:4px;min-width:0}
 .category-body strong{font-size:18px;line-height:1.25}
 .category-body>span:not(.card-link){font-size:14px;line-height:1.4}
 .card-link{display:none}
 .category:hover,.category.demo-hover{transform:none}
 .category:active{transform:scale(.99);border-color:#a0c6ff}
 .hero{height:360px;height:clamp(300px,44svh,430px);margin-top:0;overflow:hidden}
 .galaxy-layer{inset:-40px -120px -50px;background-position:62% center;opacity:.85}
 .hero:after{background:linear-gradient(180deg,#02081133,transparent 26%,transparent 78%,#02081166)}
 #solar{top:-60px}
 .earth-layer{bottom:-36%}
 .studio-mode .footer{visibility:visible}.studio-mode .motion{display:inline-flex}
 .motion{right:max(16px,env(safe-area-inset-right));bottom:12px;opacity:.85}
 .footer{width:calc(100% - 32px);padding:14px 0 max(16px,env(safe-area-inset-bottom));gap:0}
 .footer>span{display:none}.footer nav{width:100%;gap:4px;justify-content:space-between}
 .footer nav a{font-size:12px;min-height:44px;min-width:44px;padding:0 6px}
 .dialog-body{max-height:calc(100svh - 40px);overflow:auto;padding:48px 24px 24px}
 .dialog-body .close{min-width:44px;min-height:44px}.dialog-body .button{min-height:48px}
 ::selection{background:#f4b754;color:#020811}
}