/* Shared navigation for the Year 4 teaching pages. */
.year4-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.3;color:#fff;background:#123b32;padding:12px 20px;box-sizing:border-box}
.year4-nav .year4-label{font-size:18px;font-weight:800;margin-right:16px;white-space:nowrap;color:#d6ec9b}
.year4-nav a{display:inline-flex;align-items:center;padding:10px 12px;border:1px solid transparent;border-radius:7px;color:#fff;text-decoration:none;font-weight:600;margin:0}
.year4-nav a:hover,.year4-nav a:focus-visible{background:#285347;border-color:#d6ec9b}.year4-nav a[aria-current="page"]{background:#d6ec9b;color:#123b32}
.topbar:has(.year4-nav){position:sticky;top:0;z-index:20;height:auto;padding:0;display:block}.topbar .year4-nav{padding-left:max(4vw,20px)}
.present-top:has(.year4-nav){position:sticky;top:0;z-index:20;padding:0 16px 10px;background:#123b32;color:#fff;gap:8px 16px}.present-top .year4-nav{flex-basis:100%;padding:10px 0 0}.present-top>strong{font-size:12px;font-weight:400}.present-top #fullscreen{color:#123b32}
body>.year4-nav{position:sticky;top:0;z-index:20}html{scroll-padding-top:120px}
@media(max-width:600px){.year4-nav{gap:4px;padding:10px 12px}.year4-nav .year4-label{width:100%;margin-right:0;font-size:16px}.year4-nav a{font-size:12px;padding:8px}.year4-nav a:last-child{padding-left:8px;padding-right:8px}}
@media print{.year4-nav{display:none!important}}