/* Approved shared navigation. Scoped to avoid altering page and admin layouts. */
.site-header.naa-header{position:relative;z-index:40;display:flex;align-items:center;flex-wrap:nowrap;gap:24px;padding-block:20px}
.site-header.naa-header>.brand{width:235px;min-width:0;flex-shrink:0;margin:0}
.site-header.naa-header>.naa-primary{display:flex;flex-wrap:nowrap;gap:22px;margin-left:auto;align-items:center}
.naa-header .header-actions{display:flex;align-items:center;gap:7px;margin:0;flex-shrink:0}
.naa-header .header-icon{width:36px;height:40px;border:0;flex:none}
.naa-header .naa-menu{position:static}
.naa-menu>summary{display:flex;align-items:center;gap:7px;min-height:44px;list-style:none;cursor:pointer;font-size:15px;font-weight:500;white-space:nowrap;color:var(--ink)}
.naa-menu>summary::-webkit-details-marker{display:none}
.naa-menu[open]>summary{color:var(--accent)}
.naa-menu[open]>summary>span{transform:rotate(180deg)}
.naa-menu:not([open])>.naa-mega{display:none}
.naa-mega{position:absolute;inset:calc(100% - 1px) 0 auto;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:0 0 22px 22px;padding:30px 32px 20px;box-shadow:0 28px 65px #102c522b;max-height:calc(100dvh - 125px);overflow:auto;overscroll-behavior:contain;text-align:left;white-space:normal}
.naa-panel-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}
.naa-eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-weight:600}
.naa-panel-head h2{font-size:29px;font-family:Georgia,serif;font-weight:400;line-height:1.2;letter-spacing:-.5px;margin:9px 0 0;color:var(--ink)}
.naa-panel-head>a,.naa-panel-foot{font-size:12px;color:var(--muted)}
.naa-header .naa-mega a{white-space:normal;text-decoration:none}
.naa-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,1.12fr);gap:24px;align-items:start}
.naa-group{margin:0 0 21px}
.naa-group h3{font-size:14px;font-weight:700;margin:0 0 9px;color:var(--ink);line-height:1.4}
.naa-group a{display:block;font-size:13px;line-height:1.4;font-weight:400;color:var(--ink);padding:7px 0}
.naa-group a:hover,.naa-mobile-account a:hover{text-decoration:underline;color:var(--accent)}
.naa-group a.naa-category-child{padding-left:13px;border-left:1px solid var(--line);color:var(--muted)}
.naa-feature{display:block;overflow:hidden;background:var(--surface);border-radius:13px;color:var(--ink)}
.naa-feature img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.naa-feature>div{padding:17px}
.naa-feature h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.2;margin:9px 0 13px}
.naa-feature>div>span:last-child{font-size:12px}
.naa-panel-foot{border-top:1px solid var(--line);padding-top:16px;margin-top:5px}
.naa-course-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:32px}
.naa-classroom-links{grid-column:span 2}
.naa-course-card{padding:28px;background:var(--surface);border-radius:14px}
.naa-course-card h3{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2;margin:15px 0 24px}
.naa-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;min-height:44px;box-sizing:border-box;border:0;border-radius:9px;background:var(--button);color:var(--button-text);font:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;line-height:1.3}
.naa-cta:hover{filter:brightness(1.15)}
.naa-header .naa-header-cta{white-space:nowrap;color:var(--button-text)}
.naa-header .naa-search-menu>summary{display:grid;place-items:center}
.naa-search-panel form{display:flex;align-items:center;gap:16px}
.naa-search-panel label{font-size:18px;font-weight:600}
.naa-search-panel input{flex:1;min-width:0;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit}
.naa-header :is(a,summary,button,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#mobile-menu .naa-mobile-cta{display:flex;width:100%;margin:22px 0 16px;color:var(--button-text);min-height:50px}
.naa-mobile-search{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:9px;margin:0 0 15px;overflow:hidden}
.naa-mobile-search input{width:100%;min-width:0;padding:13px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}
.naa-mobile-search button{border:0;color:var(--ink);background:transparent;min-width:44px;min-height:44px;font-size:22px;cursor:pointer}
#mobile-menu summary>span{font-size:20px;font-weight:400}
#mobile-menu details[open]>summary>span{transform:rotate(180deg)}
#mobile-menu .naa-mobile-shop{padding-left:12px}
#mobile-menu .naa-mobile-shop summary{font-size:15px;min-height:50px;font-weight:600}
#mobile-menu .naa-mobile-shop .mobile-menu-children{padding-left:0}
#mobile-menu .naa-mobile-shop a{font-size:14px;font-weight:400}
#mobile-menu .naa-mobile-shop .naa-category-child{margin-left:13px;border-left:1px solid var(--line);border-radius:0}
#mobile-menu .naa-all-products{display:block;padding:15px 0;color:var(--ink);text-decoration:none}
.naa-mobile-account{display:flex;flex-wrap:wrap;gap:22px;padding-top:24px;font-size:14px}
.naa-mobile-account a{color:var(--ink);text-decoration:none}
@media(min-width:1101px) and (max-width:1350px){.site-header.naa-header{gap:16px}.site-header.naa-header>.brand{width:195px}.site-header.naa-header>.naa-primary{gap:15px}.naa-header .header-actions{gap:3px}.naa-menu>summary{font-size:14px}.naa-header .naa-header-cta{padding-inline:12px}.naa-shop-grid{gap:18px}.naa-mega{padding-inline:24px}}
@media(min-width:1101px){.naa-header .header-actions>.language-selector{display:flex}.naa-header.has-language-selector{flex-wrap:wrap}.naa-header.has-language-selector>.naa-primary{order:3;width:100%;justify-content:center}.naa-header.has-language-selector>.header-actions{margin-left:auto}}
@media(max-width:1100px){.mobile-menu-ready .site-header.naa-header{gap:12px;padding-block:14px}.mobile-menu-ready .site-header.naa-header>.brand{width:220px;max-width:calc(100% - 148px);flex-shrink:1}.mobile-menu-ready .site-header.naa-header>.naa-primary,.naa-header .naa-header-cta,.naa-header .naa-search-menu{display:none}.naa-header .header-actions{margin-left:auto;gap:4px}.naa-header .header-actions .header-icon{width:44px;height:44px}.naa-header .header-actions>.language-selector{display:none}}
@media(prefers-reduced-motion:reduce){.naa-menu>summary>span{transition:none}}
/* Navigation labels open pages; separate disclosures open their mega menus. */
.naa-primary>.naa-nav-link,.naa-nav-entry>.naa-nav-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;white-space:nowrap;text-decoration:none;color:var(--ink)}
.naa-primary>.naa-nav-link:hover,.naa-nav-entry>.naa-nav-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.naa-nav-entry{display:flex;align-items:center;gap:0}.naa-nav-menu>summary{justify-content:center;min-width:28px;padding:0 3px}.naa-nav-menu>summary>span{display:inline-block}
.site-header.naa-header>.naa-primary{gap:16px}
@media(min-width:1101px) and (max-width:1350px){.site-header.naa-header>.naa-primary{gap:12px}.naa-primary>.naa-nav-link,.naa-nav-entry>.naa-nav-link{font-size:14px}}

/* Mobile labels navigate; the separate arrow expands the category links. */
#mobile-menu .naa-mobile-entry{position:relative;border-bottom:1px solid var(--line)}
#mobile-menu .naa-mobile-page{position:absolute;inset:0 56px auto 0;display:flex;align-items:center;min-height:68px;box-sizing:border-box;padding:14px 0;font-size:1.15rem;font-weight:500;text-decoration:none;color:var(--ink)}
#mobile-menu .naa-mobile-disclosure>summary{width:56px;margin-left:auto;justify-content:center}

/* Approved photos: A1 classroom and O6 online lesson. */
.naa-course-card--photo{padding:0;overflow:hidden;align-self:start}
.naa-course-photo{position:relative;aspect-ratio:16/10;overflow:hidden}
.naa-course-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.naa-course-photo .naa-course-photo--aula{object-position:center 40%}
.naa-course-card-copy{padding:22px 25px 25px}
.naa-course-card-copy h3{font-size:26px;margin:10px 0 18px}