/* Homepage entry hierarchy. Existing colors, login gates and destinations stay unchanged. */
.calendar-nav{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-weight:650}
.calendar-nav .icon{width:16px;height:16px}
.desktop-nav .calendar-nav{background:var(--w-primary-soft,rgba(23,107,117,.08))}
.calendar-spotlight{display:flex;align-items:center;gap:14px;min-height:70px;padding:14px 20px;margin-bottom:18px;border:1px solid var(--w-primary-border,#d1d9d5);border-radius:10px;background:var(--w-surface-soft,#fdfdfb);color:var(--ink);transition:background .16s,border-color .16s}
.calendar-spotlight>.icon{width:25px;height:25px;color:var(--green)}
.calendar-spotlight-copy{display:flex;align-items:baseline;gap:18px;min-width:0}
.calendar-spotlight-copy strong{font-size:17px;white-space:nowrap}
.calendar-spotlight-copy>span{font-size:12px;color:var(--muted)}
.calendar-spotlight-action{display:inline-flex;align-items:center;gap:18px;margin-left:auto;color:var(--green);font-size:12px;font-weight:650;white-space:nowrap}
.calendar-spotlight:hover{background:var(--w-primary-softer,rgba(23,107,117,.05));border-color:var(--green);color:var(--ink)}
@media(min-width:961px) and (max-width:1280px){.topbar-inner{gap:16px}.desktop-nav{gap:0}.desktop-nav a{padding:9px 7px;font-size:12px}.header-actions{gap:9px}}
/* Tablet header uses the same menu as phones; never squeeze 9 links into a narrow row. */
@media(min-width:761px) and (max-width:960px){
  .desktop-nav{display:none}.header-actions{margin-left:auto}.register-entry{display:none}
  .mobile-menu{display:block;position:relative}
  .mobile-menu>summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:33px;min-height:38px;cursor:pointer;padding:7px}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .mobile-menu>summary span{height:1.5px;width:20px;background:var(--ink)}
  .mobile-menu nav{position:absolute;top:calc(100% + 10px);right:0;width:250px;max-width:calc(100vw - 32px);max-height:70dvh;overflow:auto;padding:10px;background:white;box-shadow:0 12px 32px #202a301f;border:1px solid var(--line);border-radius:9px}
  .mobile-menu nav a{display:block;padding:12px;font-size:13px;border-radius:5px}
  .mobile-menu nav a:hover{background:var(--w-primary-soft,rgba(23,107,117,.08))}
}
.mobile-menu nav .calendar-nav{display:flex;align-items:center;gap:8px;background:var(--w-primary-soft,rgba(23,107,117,.08));color:var(--green)}
@media(max-width:760px){
  .calendar-spotlight{min-height:70px;padding:12px 14px;gap:11px;margin-bottom:14px;border-radius:8px}
  .calendar-spotlight-copy{display:grid;gap:2px}.calendar-spotlight-copy strong{font-size:15px}
  .calendar-spotlight-copy>span{font-size:10px}.calendar-spotlight-action{font-size:11px;gap:7px}
  .calendar-spotlight>.icon{width:22px;height:22px}
  .bottom-nav>a{min-width:0;flex:1;padding-inline:5px}
  .bottom-nav .calendar-nav{color:var(--green);gap:4px}.bottom-nav .calendar-nav .icon{width:21px;height:21px}
  .mobile-menu nav{max-height:70dvh;overflow:auto}
}
@media(prefers-reduced-motion:reduce){.calendar-spotlight{transition:none}}