
/* isolated nav styles */
.cnav-trigger{
  margin-left:auto;
  font: 700 20px/1.1 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:#fff;
  border: none;
  border-radius:12px;
  padding:10px 12px;
}
@media (max-width:480px){
  .site .wrapper.inner{ padding-left:16px; padding-right:16px; }
  .cnav-trigger{ padding:10px 12px; border: none; }
}
.cnav-drawer{ position:fixed; inset:0; pointer-events:none; }
.cnav-drawer.open{ pointer-events:auto; }
.cnav-panel{
  position:absolute; top:64px; right:14px;
  width:260px; background:#fff; border:1px solid rgba(0,0,0,.08);
  border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.18);
  padding:14px; display:none;
}
.cnav-drawer.open .cnav-panel{ display:block; }
.cnav-head{ font-weight:600; color:#888; font-size:14px; margin-bottom:8px; }
.cnav-link{ display:block; padding:12px 10px; border-radius:10px; text-decoration:none; color:#111; }
.cnav-link:hover{ background:#f6f6f6; }
@supports (-webkit-touch-callout: none) {
  .btn, a.btn, .iconbtn, .cnav-link{ -webkit-text-fill-color: currentColor; color:inherit; }
}


/* Business: iOS link-color fix + ensure ⋮ glyph renders cleanly */
.btn a, .button a, .cta a, .oauth a, a.btn {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-decoration: none !important;
}
/* Keep the hamburger button stable when using the ⋮ glyph */
.hamburger{ font-weight:700; font-size:22px; line-height:1; }
