/* V8: use exactly the same navigation geometry as the original five tools */
header .quicknav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:0;padding:0}
header .quicknav .ou-nav-home,header .quicknav .ou-academy-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font:700 13px/1.35 'DM Sans',system-ui,sans-serif;min-height:67px;padding:13px 10px;border:0;border-radius:8px;background:transparent;color:#a4b3c9;text-decoration:none;white-space:nowrap;box-shadow:none;cursor:pointer}
header .quicknav .ou-nav-home:hover,header .quicknav .ou-academy-link:hover{background:#15253c;color:#eaf5ff;transform:none}
header .quicknav .ou-academy-link.ou-academy-active{background:#14243b!important;color:#eaf5ff!important;border:0!important;border-bottom:3px solid #2cc6ef!important;border-radius:8px!important;box-shadow:none!important}
body.ou-light header .quicknav .ou-nav-home,body.ou-light header .quicknav .ou-academy-link{color:#24476d}
body.ou-light header .quicknav .ou-academy-link.ou-academy-active{background:#dbe9fc!important;color:#17304c!important}
/* Academy category tiles: restore original look, not underlined browser links */
.academy-content .categories{gap:10px}
.academy-content .cat,.academy-content .cat:link,.academy-content .cat:visited,.academy-content .cat:hover,.academy-content .cat:focus{color:var(--fg);text-decoration:none!important;box-shadow:none!important;outline-offset:3px}
.academy-content .cat{border:1px solid var(--line);border-radius:12px;background:var(--card);min-height:112px;padding:16px 7px;transition:background .15s,border-color .15s}
.academy-content .cat:hover{border-color:#855ac6;background:rgba(138,83,201,.11)}
.academy-content .cat.active{border:1px solid var(--purple)!important;background:var(--glow)!important;outline:0!important}
.academy-content .cat .symbol{font-family:system-ui,sans-serif;font-size:24px;line-height:1.3;font-weight:650;color:var(--purple);text-decoration:none!important}
.academy-content .category-section[hidden]{display:none!important}
@media(max-width:1100px){header .quicknav .ou-nav-home,header .quicknav .ou-academy-link{min-height:46px;padding:9px 7px;font-size:12px}}
@media(max-width:650px){header .quicknav .ou-nav-home,header .quicknav .ou-academy-link{min-height:43px;padding:9px 5px;font-size:11px;white-space:normal}}

/* V11: uniform active tab styling */
header .quicknav a.ou-academy-link.ou-academy-active,
header .quicknav a.ou-academy-link.ou-academy-active:visited,
header .quicknav a.ou-academy-link.ou-academy-active:hover {
 background:#14243b!important;color:#fff!important;
 border:0!important;border-bottom:3px solid #24c8f2!important;
 border-radius:8px!important;text-decoration:none!important;
 box-shadow:none!important;transform:none!important;
}
header .quicknav a.ou-academy-link:not(.ou-academy-active),
header .quicknav a.ou-academy-link:not(.ou-academy-active):visited {
 background:transparent!important;color:#a4b3c9!important;
 border:0!important;border-bottom:3px solid transparent!important;
 box-shadow:none!important;text-decoration:none!important;
}
body.ou-light header .quicknav a.ou-academy-link.ou-academy-active {background:#dbe9fc!important;color:#17304c!important}