/*
 * Direction B / Native Trust Gate with a copy-only Hook surface.
 * The production B theme remains authoritative for layout and color tokens;
 * this file only fixes the Hook copy envelope so variants cannot move the UI.
 */
@import url("/assets/layouts/b-primary/experience-theme.css");

html {
  color-scheme: light;
}

body[data-page="preview"] .gate-copy[data-hook-surface] {
  min-height: 112px;
  padding-bottom: 10px;
}

body[data-page="preview"] .gate-copy [data-hook-eyebrow] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="preview"] .gate-copy [data-hook-headline] {
  display: -webkit-box;
  max-width: 330px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-page="preview"] [data-action="open-handoff"] {
  flex: 0 0 auto;
}

@media (max-width: 360px), (max-height: 700px) {
  body[data-page="preview"] .gate-copy[data-hook-surface] {
    min-height: 116px;
  }

  body[data-page="preview"] .gate-copy [data-hook-headline] {
    -webkit-line-clamp: 3;
  }
}