/* Reversible planner navigation only. Existing controls retained.
   Mobile header deliberately gains a second row so both tabs and motion stay readable. */
header .planner-nav{color:#e7f6ff;text-decoration:none;font:600 12px 'Space Grotesk',Arial,sans-serif;border:1px solid #4799c4;border-radius:26px;padding:12px 16px;background:#0062ac77;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:44px}
header .planner-nav:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:1000px){header{height:auto;min-height:86px;flex-wrap:wrap;gap:12px}header .header-right{flex-wrap:wrap;gap:9px}header nav{display:flex;flex-wrap:wrap;gap:9px;align-items:center}}
@media(max-width:800px){header .header-right,header nav{width:100%;justify-content:space-between;gap:6px}header .planner-nav{font-size:11px;padding:10px 11px}header .header-right .motion{font-size:10px;padding:10px}header nav>a,header nav>button{font-size:11px}header .brand{flex-shrink:0}}