/* =====================================================================
   Bitnet — hand-maintained fixes
   Loaded after every page stylesheet. convert.py never touches this
   file, so fixes here survive when pages are regenerated from Claude
   Design. Keep each fix small and say which page it is for.
   ===================================================================== */

/* Educate › Pricing — "Custom development" card has a two-column grid
   with no mobile rule, so the day-rate boxes ran off the screen. */
@media (max-width: 760px) {
  .bn-world-educate [data-dc-root] [style*="grid-template-columns:1.1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* Secure hub — "Proof, not promises" figures are too wide for two
   columns on the smallest phones. */
@media (max-width: 400px) {
  .proof-grid { grid-template-columns: 1fr !important; }
}

/* Cyber Health Check — the result page's "Next step / book your review"
   panel stayed two columns on phones, squeezing the form to a sliver. */
@media (max-width: 760px) {
  [data-dc-root] [style*="grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.4rem);align-items:start"] {
    grid-template-columns: 1fr !important;
  }
}

/* Booking pop-ups that still live on a page (Homepage, Why Bitnet) were
   two columns on phones, leaving the calendar too narrow to use. Stack
   them and drop the blue intro panel, as the header's pop-up does. */
@media (max-width: 760px) {
  [data-modal] > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  [data-modal] > div[style*="grid-template-columns"] > div:first-child {
    display: none;
  }
}