body .site-nav.global-nav{min-height:86px;gap:24px;align-items:center}
.global-nav .nav-shell{position:relative;border:0;margin:0;padding:0}
.global-nav .nav-menu-toggle{display:none}
body .site-nav.global-nav nav{display:flex;gap:4px;padding:5px 8px;max-width:none;grid-template-columns:none;border-radius:30px}
body .site-nav.global-nav nav a,body .site-nav.global-nav nav button,.global-nav .nav-group>summary{font-size:14px;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--ink)}
.global-nav .nav-group{position:relative;border:0;margin:0;padding:0}
.global-nav summary{cursor:pointer;list-style:none;font-weight:500}
.global-nav summary::-webkit-details-marker{display:none}
.global-nav .nav-group[open]>summary{color:var(--blue)}
.global-nav .nav-submenu{position:absolute;top:calc(100% + 14px);left:0;min-width:260px;padding:10px;background:var(--paper);border:2px solid var(--blue);border-radius:18px;box-shadow:6px 6px 0 var(--blue)}
body .site-nav.global-nav .nav-submenu a{display:flex;border-radius:10px;white-space:normal;justify-content:flex-start;padding:10px 12px}
body .site-nav.global-nav .nav-submenu a:hover{background:var(--lemon);text-decoration:none}
body .site-nav.global-nav nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
body .site-nav.global-nav nav .nav-contact{background:var(--lemon);border:1px solid var(--ink);border-radius:24px;margin-left:8px}
.global-nav summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:10px}
.resource-categories{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 48px}
.resource-categories a{border:1px solid var(--blue);border-radius:24px;padding:12px 18px;color:var(--blue)}
.resource-categories a:hover{background:var(--lemon)}
.resource-category{margin:45px 0}
.resource-category>h2{font-family:'Lilita One',sans-serif;font-size:40px}
.examples-page .about-section{padding:40px 0 60px}
.examples-page .about-copy h1{font-family:'Lilita One',sans-serif;font-size:clamp(60px,7vw,110px);line-height:.95;font-weight:400}
.examples-page .about-copy h1 em{font-style:normal;color:var(--blue)}
@media(max-width:900px){
 body .site-nav.global-nav{padding:10px 5%;min-height:72px;align-items:center}
 .global-nav .nav-shell{position:static}
 .global-nav .nav-menu-toggle{display:flex;align-items:center;gap:28px;border:1px solid var(--blue);border-radius:24px;padding:10px 18px;color:var(--blue);min-height:44px}
 .global-nav .nav-shell[open]>.nav-menu-toggle{background:var(--lemon)}
 body .site-nav.global-nav nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:14px 5% 24px;background:var(--paper);color:var(--ink);border:0;border-bottom:2px solid var(--blue);border-radius:0;max-height:calc(100svh - 72px);overflow:auto;box-shadow:0 10px 20px #0002}
 .global-nav .nav-shell:not([open])>nav{display:none}
 body .site-nav.global-nav nav a,body .site-nav.global-nav nav button,.global-nav .nav-group>summary{justify-content:flex-start;font-size:17px;min-height:48px;padding:10px 12px}
 .global-nav .nav-group>summary{justify-content:space-between}
 .global-nav .nav-submenu{position:static;min-width:0;margin:2px 12px 12px;padding:4px 10px;border:0;border-left:3px solid var(--blue);border-radius:0;box-shadow:none}
 body .site-nav.global-nav .nav-submenu a{font-size:15px}
 body .site-nav.global-nav nav .nav-contact{margin:10px 0 0;align-self:flex-start;padding:10px 18px}
 body .site-nav.global-nav nav button{border:0;margin:0;align-self:flex-start}
 .examples-page .about-section{grid-template-columns:1fr;gap:30px}
 .resource-categories{flex-direction:column;align-items:flex-start}
}