/* Same approved five-page site for desktop and phones. */
.mobile-swipe-note{display:none}
@media(max-width:900px){
 body .site{overflow:visible}
 body .site>.nav{position:sticky;top:0;display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;align-items:center;height:auto;min-height:88px;padding:10px 14px 0;background:#071016f7;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:40}
 body .site>.nav .brand{font-size:17px;height:30px}
 body .site>.nav>span:not(.mobile-swipe-note){display:none}
 body .site>.nav .mobile-swipe-note{display:block;order:1;font-size:10px;color:#8ea7b6;letter-spacing:0}
 body .site>.nav nav{display:flex;order:2;width:100%;height:42px;overflow:visible;justify-content:space-between;align-self:auto}
 body .site>.nav nav a{min-width:0;flex:1;padding:0 3px;white-space:nowrap;font-size:12px}
 body .site>.nav nav a::after{left:6px;right:6px;transform:scaleX(0)}
 body .site>.nav nav a.active::after{transform:scaleX(1)}
 body .sg{padding:24px 18px 16px}
 body .sg-intro h1{font-size:26px;line-height:1.4}
 body .about-hero{padding:38px 22px}
 body .about-section{padding:30px 22px}
 body .about-cards,body .about-stack{grid-template-columns:minmax(0,1fr)}
 body .about-contact>*{min-width:0;width:100%}
 body .site-footer{font-size:10px;text-align:center;padding:15px 16px}
 .sg-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
}