/* AppNho ecosystem shell — shared header/footer */
.site-header{height:76px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;padding:0 4vw;position:sticky;top:0;z-index:100}.site-header .brand{display:flex;align-items:center;margin-right:auto}.site-header .appnho-logo{display:block;width:132px;height:auto;max-height:none;object-fit:contain}.main-nav{display:flex;align-items:center;gap:2px}.main-nav>a,.nav-drop>a{padding:28px 9px;font-size:11px;font-weight:850;letter-spacing:.35px;white-space:nowrap}.main-nav>a:hover,.nav-drop>a:hover,.main-nav .active,.nav-drop.active>a{color:#e68a05}.nav-drop{position:relative}.nav-drop>a{display:flex;align-items:center;gap:3px}.nav-drop>a span{font-size:14px}.dropdown{position:absolute;top:69px;left:0;min-width:220px;background:#fff;border:1px solid #e7eaf0;border-radius:0 0 14px 14px;padding:8px;box-shadow:0 18px 40px #17203318;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}.nav-drop:hover .dropdown,.nav-drop:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:10px 12px;border-radius:9px;font-size:13px}.dropdown a:hover{background:#fff6df;color:#9a5b00}.menu-toggle{display:none;border:0;background:none;font-size:25px;cursor:pointer}.appnho-footer{padding:48px 7vw 24px;background:#172033;color:#d7deea;border-top:1px solid #e7eaf0}.appnho-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:35px;max-width:1180px;margin:0 auto}.appnho-footer .footer-brand img{width:150px;height:auto;max-height:none;object-fit:contain;margin-bottom:12px;background:#fff;padding:8px 10px;border-radius:10px}.appnho-footer .footer-brand p{max-width:330px;line-height:1.65;color:#aeb9c9;margin:0}.appnho-footer h3{font-size:12px;letter-spacing:1.2px;color:#fff;margin:5px 0 14px}.appnho-footer a{display:block;color:#aeb9c9;font-size:13px;padding:5px 0}.appnho-footer a:hover{color:#f5c552}.appnho-footer-bottom{max-width:1180px;margin:30px auto 0;padding-top:18px;border-top:1px solid #334055;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8490a3}.appnho-footer-bottom a{display:inline-block;padding:0;color:#aeb9c9}@media(max-width:1180px){.main-nav>a,.nav-drop>a{padding-left:6px;padding-right:6px;font-size:10px}.site-header{padding:0 2.5vw}}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:10px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ddd;box-shadow:0 12px 25px #17203312}.main-nav.open{display:flex}.main-nav>a,.nav-drop>a{display:block;padding:14px}.dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 15px}.nav-drop.show .dropdown{display:block}.appnho-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.appnho-footer .footer-brand{grid-column:1/-1}.appnho-footer-bottom{flex-direction:column}}@media(max-width:560px){.appnho-footer-grid{grid-template-columns:1fr 1fr}.appnho-footer .footer-brand{grid-column:1/-1}}

/* Approved AppNho header overlay */
.nav-overlay{position:fixed;inset:76px 0 0;background:rgba(23,32,51,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease;z-index:90}.nav-overlay.theme-apps,.nav-overlay.theme-games,.nav-overlay.theme-explore,.nav-overlay.theme-tools,.nav-overlay.theme-ai{opacity:1;visibility:visible;pointer-events:auto}
.nav-drop.theme-apps>a{color:#c87900}.nav-drop.theme-games>a{color:#d28a00}.nav-drop.theme-explore>a{color:#a66a00}.nav-drop.theme-tools>a{color:#58647a}.nav-drop.theme-ai>a{color:#6a5ac8}
.nav-drop.is-open .dropdown{opacity:1;visibility:visible;transform:none}.nav-drop.is-open .dropdown{border-top:3px solid var(--drop-accent,#f3aa20)}
.nav-overlay.theme-apps{background:rgba(243,170,32,.13)}
.nav-overlay.theme-games{background:rgba(244,181,27,.15)}
.nav-overlay.theme-explore{background:rgba(230,154,18,.12)}
.nav-overlay.theme-tools{background:rgba(83,101,130,.13)}
.nav-overlay.theme-ai{background:rgba(106,90,200,.12)}
@media(max-width:900px){.nav-overlay{inset:76px 0 0}.nav-drop.is-open .dropdown{display:block}.nav-drop.is-open .dropdown{border-top:0}}
