/* "Book a call" button in the site header (4 Nov 2026, Aakash). Its own file because the school guides and tool
   pages carry their own styles, not style.css. Loaded by every page with the site header. */
.site-header .btn-call {
  display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 20px;
  border-radius: 10px; border: 1px solid #1f5d9c; background: #1f5d9c; color: #fff; text-decoration: none;
  font: 600 12px/1 'Inter', system-ui, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;
  box-shadow: 0 8px 20px rgba(31, 93, 156, 0.18); transition: background 0.15s, border-color 0.15s;
}
.site-header .btn-call:hover, .site-header .btn-call:focus-visible { background: #123a68; border-color: #123a68; color: #fff; }
@media (max-width: 600px) {
  .site-header .btn-call { order: 2; margin-left: auto; min-height: 36px; padding: 0 14px; font-size: 11px; }
}
