/* ASK v2.0.030.1 — Shared interior shell
   Home remains unchanged. These rules apply only to screens 2–4. */

.screen:not([data-screen="home"]) > .interior-practice-header {
  flex: 0 0 82px;
  min-height: 82px;
  height: 82px;
  padding: max(1px, env(safe-area-inset-top)) 10px 0;
  border-bottom: 0;
}

.screen:not([data-screen="home"]) > .interior-practice-header .trust-brand {
  gap: 9px;
  transform: translateY(3px);
}

.screen:not([data-screen="home"]) > .interior-practice-header .practice-logo {
  width: 49px;
  height: 49px;
}

.screen:not([data-screen="home"]) > .interior-practice-header .practice-wordmark strong {
  font-size: 24px;
}

.screen:not([data-screen="home"]) > .interior-practice-header .practice-wordmark span {
  font-size: 10px;
}

.screen:not([data-screen="home"]) > .interior-practice-header .practice-wordmark small {
  font-size: 8.5px;
  margin-top: 1px;
}

/* Remove the visual seam so interior content flows directly from the branded header. */
.screen:not([data-screen="home"]) > .content,
.screen:not([data-screen="home"]) > .chat-area {
  border-top: 0;
}

/* Interior navigation uses the exact same two-column positions as Home. */
.screen:not([data-screen="home"]) > .bottom-nav.interior-footer {
  grid-template-columns: repeat(2, 1fr);
  height: 58px;
  min-height: 58px;
  padding-bottom: max(env(safe-area-inset-bottom), 2px);
}

.screen:not([data-screen="home"]) > .bottom-nav.interior-footer .nav-btn {
  min-width: 0;
  gap: 1px;
  font-size: 10px;
}

.screen:not([data-screen="home"]) > .bottom-nav.interior-footer .nav-btn svg {
  width: 21px;
  height: 21px;
}

@media (max-height: 700px) {
  .screen:not([data-screen="home"]) > .interior-practice-header {
    flex-basis: 76px;
    min-height: 76px;
    height: 76px;
  }

  .screen:not([data-screen="home"]) > .interior-practice-header .practice-logo {
    width: 45px;
    height: 45px;
  }

  .screen:not([data-screen="home"]) > .interior-practice-header .practice-wordmark strong {
    font-size: 22px;
  }

  .screen:not([data-screen="home"]) > .bottom-nav.interior-footer {
    height: 54px;
    min-height: 54px;
  }
}