/* Standard V2 mobile navigation, shared by every Enhanced destination. */
.v2-mobile-mark,.site-header .header-tools .v2-nav-icon{display:none}
/* "Everything narrower than 1024px", written as the exact opposite of the laptop bar's (min-width:1024px). max-width:1023px
   left a gap: at a width between 1023 and 1024px (a zoomed browser) neither bar applied and Search was gone (audit V-003). */
@media not all and (min-width:1024px){
 :root{--header:56px}
 .site-header{border-bottom-color:#e4e7e5}
 .site-header .header-inner{height:56px;position:relative;gap:8px;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
 .site-header .brand{margin-right:auto;gap:10px;min-height:44px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:#000;line-height:1.55}
 .site-header .brand img,.site-header .brand-dot,.site-header .desktop-nav{display:none}
 .site-header .v2-mobile-mark{display:block;width:28px;height:28px;flex:none}
 .site-header .header-tools{display:flex;gap:4px}
 /* Enlarged text on a small phone (audit D-001, 9 October 2026). The buttons keep their place and their size whatever the
    name's size: the name is what gives way. When it no longer fits beside them, or stands taller than the bar, the script
    (navbar-studies.js, fitName) leaves the mark alone; the link still says "SmartNote home" to a screen reader. The name is
    never made smaller. */
 .site-header .header-tools{flex:none}
 .site-header .brand{min-width:0;overflow:hidden}
 .nb-markonly .site-header .brand>span{display:none}
 .site-header .header-tools>.icon-button,.site-header .header-tools>.library-link,.site-header .header-tools>.cart-trigger{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;gap:0;border:0;border-radius:12px;background:none;color:#000;position:relative}
 .site-header .header-tools>.icon-button:hover,.site-header .header-tools>.library-link:hover,.site-header .header-tools>.cart-trigger:hover{background:#f5f8f6}
 .site-header .header-tools .desktop-label,.site-header .menu-trigger::after{display:none}
 .site-header .header-tools .icon{width:24px;height:24px;stroke-width:1.75}
 .site-header .header-tools .enhanced-nav-icon{display:none}
 .site-header .header-tools .v2-nav-icon{display:block}
 .site-header .cart-count{position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 6px;border:0;border-radius:10px;background:#048449;font-size:13px;font-weight:700;line-height:1;pointer-events:none}
 .site-header .mobile-menu{position:fixed;top:56px;left:0;right:0;z-index:45;padding:4px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid #e4e7e5;box-shadow:0 1px 2px #00000014,0 2px 6px #0000001a}
 .site-header .mobile-menu>a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0;border-bottom:1px solid #e4e7e5;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.55;color:#000;text-decoration:none}
 .site-header .mobile-menu-help{display:flex;align-items:center;min-height:48px;font-size:15px;color:#4b514e}
 .site-header .mobile-menu-help a{display:inline;min-height:0;margin-left:4px;border:0;font:inherit;font-weight:600;color:#000;text-decoration:none}
}
@media not all and (min-width:1024px){@media(min-width:480px){
 .site-header .header-inner{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
 .site-header .mobile-menu{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
}}
@media(max-width:599px){.site-header .header-tools>.library-link{display:none}}
@media(max-width:359px){.site-header .header-tools{gap:0}}
@media(min-width:1024px){.site-header .mobile-menu{display:none!important}}