/* Phone-only enhancement. Desktop and the inner server monitors are untouched. */
.mobile-menu-toggle { display: none; }
@media (max-width: 760px) {
  html { scroll-padding-top: 82px; }
  .mobile-ready .topbar {
    display: grid; grid-template-columns: minmax(0,1fr) 46px; gap: 0 12px;
    width: 100%; max-width: 100%; height: auto; min-height: 64px;
    padding: max(8px, env(safe-area-inset-top)) 16px 8px;
    transform: none; overflow: visible; background: rgba(8,13,19,.97);
    border-bottom: 1px solid #29343f; backdrop-filter: blur(18px);
  }
  .mobile-ready .topbar__brand { display: inline-flex; width: fit-content; min-height: 46px; min-width: 0; }
  .mobile-ready .topbar__brand .wordmark { font-size: 14px; letter-spacing: 0; }
  .mobile-ready .topbar::after { display: none; }
  .mobile-menu-toggle {
    display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center;
    color: #83dce8; background: #56e6ff0d; border: 1px solid #56e6ff45; border-radius: 12px;
    padding: 0; cursor: pointer; transition: background .16s, border-color .16s, transform .16s;
  }
  .mobile-menu-toggle img { width: 23px; height: 23px; filter: brightness(0) invert(.9); }
  .mobile-menu-toggle:active { background: #56e6ff24; transform: scale(.96); }
  .mobile-menu-toggle:focus-visible { outline: 2px solid #eaf0f7; outline-offset: 3px; }
  .mobile-ready .topbar__tabs, .mobile-ready .topbar__right { display: none; }
  .mobile-ready .topbar.mobile-open { max-height: 90dvh; overflow-y: auto; }
  .mobile-ready .mobile-open .topbar__tabs {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px;
    grid-column: 1/-1; width: 100%; margin: 12px 0; overflow: visible;
  }
  .mobile-ready .topbar .tab {
    min-height: 48px; padding: 12px; border: 1px solid #26343e; border-radius: 8px;
    background: #ffffff04; font: 600 12px/20px Inter, sans-serif; letter-spacing: 0;
    display: flex; align-items: center; justify-content: flex-start; white-space: normal;
  }
  .mobile-ready .topbar .tab:nth-child(2) { color: #d3b5ff; border-color: #b788ff40; background: #b788ff0b; }
  .mobile-ready .topbar .tab:nth-child(4) { color: #8ad6ed; border-color: #65d2f140; background: #65d2f10b; }
  .mobile-ready .topbar .tab:nth-child(6) { color: #9fe7be; border-color: #61da9840; background: #61da980b; }
  .mobile-ready .mobile-open .topbar__right { display: flex; grid-column: 1/-1; flex-wrap: wrap; gap: 8px; padding: 12px 0 4px; border-top: 1px solid #26343e; }
  .mobile-ready .topbar__right .topbar__discord { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; overflow-wrap: anywhere; white-space: normal; font-size: 11px; letter-spacing: 0; }
  .mobile-ready .topbar .langswitch { margin-right: auto; display: flex; align-items: center; }
  .mobile-ready .topbar .langbtn { min-width: 42px; min-height: 44px; font-size: 12px; }
  .mobile-ready .hero__chrome--tr { display: none; }
  .mobile-ready .hero { min-height: min(760px, calc(100svh - 64px)); padding-top: 82px; }
  .mobile-ready .board.section { padding-top: 32px; }
  .mobile-ready .hero__center { padding-top: 16px; padding-bottom: 74px; }
  .mobile-ready .hero__ctas .cta { min-height: 50px; border-radius: 12px; }
  .mobile-ready :is(.node__ctas,.ipline,.term__actions,.term__body,.hero__ctas) :is(.cta,.copybtn) { min-height: 46px; border-radius: 10px; }
  .mobile-ready :is(.cta,.copybtn,.tab):active { filter: brightness(1.16); }
  .mobile-ready :is(button,a):focus-visible { outline: 2px solid #91e4ed; outline-offset: 3px; }
  .mobile-ready .term__tabs { flex-wrap: wrap; }
  .mobile-ready .term__tab { flex: 1 1 100%; min-height: 46px; white-space: normal; text-align: left; }
}
@media (max-width: 360px) {
  .mobile-ready .topbar { padding-inline: 12px; }
  .mobile-ready .hero__headline { font-size: 30px; }
  .mobile-ready .hero__sub { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-menu-toggle { transition: none; }
  .mobile-menu-toggle:active { transform: none; }
}