/* ============================================================
   NEXORA · Tablet Shared (768–1023px)
   Rail sidebar (78px), 2-column grids, balanced gutters.
   Loaded only on tablet via device.js / media 768-1023
   ============================================================ */

@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --content-gutter: 1.1rem;
  }

  html {
    overflow-x: hidden;
  }

  /* Force rail in this range for more canvas */
  html:not(.sb-collapsed) {
    --sb-slot: var(--sb-w-rail);
  }
  .side-dock:not(.is-collapsed) {
    width: var(--sb-w-rail);
  }
  .side-dock:not(.is-collapsed) .brand-word,
  .side-dock:not(.is-collapsed) .side-link span,
  .side-dock:not(.is-collapsed) .sp-body,
  .side-dock:not(.is-collapsed) .sp-lvl {
    display: none;
  }

  /* 2-column where desktop is 3 */
  .u-cards-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .audience-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .home-grid { grid-template-columns: 1fr !important; }
  .account-grid { grid-template-columns: 1fr !important; }

  /* Top dock slightly more breathing room */
  .top-dock-inner { gap: 0.65rem; padding-inline: 0.75rem; }
  .td-search kbd { display: none; }
  .td-screen { font-size: 0.68rem; padding: 0.35rem 0.65rem; }

  /* Popups stay as side flyouts, not bottom sheets */
  .ai-dock { width: min(360px, 48vw) !important; }

  /* Skills hero — balanced 2-column / stack on tablet */
  .id-hero {
    grid-template-columns: 1fr auto !important;
    gap: 1.2rem;
  }
  .id-totals {
    gap: 1rem;
    padding-inline: 0.5rem;
  }

  /* Landing: Problem fragment chain fit */
  .frag-chain {
    gap: 0.25rem;
  }
  .frag-link {
    flex: 0 1 16px;
    min-width: 6px;
  }
  .frag-card {
    padding: 0.75rem 0.4rem;
  }
  .frag-card span {
    display: none;
  }

  /* Landing: Hero floating cards clamp */
  .hero-stage {
    overflow: hidden;
  }
  .float-move {
    width: min(220px, 42vw);
    left: 0;
  }
  .float-proof {
    right: 0;
  }
  .float-match {
    right: 2%;
  }
}