/* Main menu: inline on wide screens, a "Menu" dropdown on phones */
.top .wrap{gap:18px}
.menu-desk{display:none;gap:22px;margin-left:auto}
.menu-desk a{color:var(--ink);font-weight:600;text-decoration:none;font-size:1.02rem}
.menu-desk a:hover,.menu-desk a[aria-current="page"]{color:var(--go);text-decoration:underline}
.menu-desk + .call{margin-left:22px}
.menu-mob{margin-left:auto;position:relative}
.menu-mob summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:.98rem;color:var(--ink);background:#fff}
.menu-mob summary::-webkit-details-marker{display:none}
.menu-mob summary svg{width:20px;height:20px}
.menu-mob .links{position:absolute;right:0;top:52px;z-index:50;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px -18px rgba(22,36,58,.45);padding:6px;display:grid}
.menu-mob .links a{padding:13px 14px;border-radius:8px;color:var(--ink);font-weight:600;text-decoration:none;font-size:1.08rem}
.menu-mob .links a:hover,.menu-mob .links a[aria-current="page"]{background:var(--soft)}
.menu-mob + .call{margin-left:10px}
@media (max-width:899px){.top .call small{display:none}}
@media (max-width:520px){.top .call b{font-size:.92rem!important}.menu-mob summary span{display:none}.menu-mob summary{padding:0 10px}}
@media (min-width:900px){.menu-desk{display:flex}.menu-mob{display:none}}
/* phones: logo, phone number, then the menu button at the far right */
@media (max-width:899px){.menu-mob{order:3;margin-left:8px}.top .call{order:2;margin-left:auto!important}.menu-mob summary{width:44px;justify-content:center;padding:0}}