/* Alternative layout for concept 06, sharing its palette and table styles. */
body:is([data-design-preview],[data-catalog-theme])[data-layout=top] .platform-nav::before,
body:is([data-design-preview],[data-catalog-theme])[data-layout=top] .platform-nav::after {
  display: none;
}

body:is([data-design-preview],[data-catalog-theme])[data-layout=top] .channel-cell .avatar {
  border: 0;
  border-radius: 9px;
}

@media (min-width: 761px) {
  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 32px 42px;
    height: 98px;
    padding: 6px 24px 10px;
    gap: 6px 18px;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .wordmark {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .header-actions {
    grid-column: 2;
    grid-row: 2;
    transform: none;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .platform-nav {
    position: static;
    grid-column: 1;
    grid-row: 2;
    flex-direction: row;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 36px !important;
    max-height: none;
    padding: 0 3px 3px;
    gap: 5px !important;
    overflow-x: auto;
    overflow-y: hidden;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .platform-nav > a {
    width: auto;
    height: 32px;
    flex: 0 0 auto;
    padding: 5px 6px;
    gap: 7px;
    border-radius: 9px;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .platform-nav > a:hover {
    transform: translateY(-1px);
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] main {
    margin-left: 0;
    padding-left: 24px;
    height: calc(100dvh - 98px - var(--signature-lab-height, 0px));
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .selection-dock {
    left: 50%;
    width: min(640px, calc(100% - 48px));
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .page-footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

body[data-design-preview][data-layout=top] {
  --signature-lab-height: 28px;
}

body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .channel-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  max-height: 34px;
}

@media (max-width: 760px) {
  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 29px 39px;
    height: 86px;
    padding: 6px 12px;
    gap: 6px 8px;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .platform-nav {
    position: static;
    grid-column: 1;
    grid-row: 2;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .header-actions {
    grid-column: 2;
    grid-row: 2;
    transform: none;
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] main {
    height: calc(100dvh - 86px - var(--signature-lab-height, 0px));
  }

  body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .channel-link {
    font-size: 11px;
  }
}

body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] #channelTable {
  font-family: "Nunito", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] #channelTable .price-button {
  font-family: inherit;
  font-weight: 600;
}

body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .channel-meta :is(.rkn-status, .hot-offer-badge) {
  font-size: 8.5px;
  height: 16px;
  padding-inline: 4px;
}

body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .column-button .head-label {
  font-size: 12px;
}

body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .column-button .head-label small {
  font-size: 11px;
}

/* Two compact groups fit on at most two lines. */
body[data-concept=signature][data-layout=top] .topic-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:3px 4px}
body[data-concept=signature][data-layout=top] .topic-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
body[data-concept=signature][data-layout=top] .topic-group{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0}
body[data-concept=signature][data-layout=top] .topic-more{flex:none}
body[data-concept=signature][data-layout=top] .nav-platform-logo{width:22px;height:22px;flex-basis:22px;display:inline-flex;align-items:center;justify-content:center;border:0;box-sizing:border-box;transform:none;filter:none}
body[data-concept=signature][data-layout=top] .nav-platform-logo :is(img,svg){width:18px;height:18px;flex-basis:auto;transform:none;filter:none;object-fit:contain}
body[data-concept=signature][data-layout=top] .platform-logo{width:34px;height:34px;flex-basis:34px;border:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transform:none;filter:none}
body[data-concept=signature][data-layout=top] .platform-logo :is(img,svg){width:28px;height:28px;transform:none;filter:none;object-fit:contain}
body[data-concept=signature][data-layout=top] .platform-nav a:not(.platform-active) .nav-platform-name{text-shadow:none}

/* Keep the catalog tour discoverable while retaining compact mobile navigation. */
body[data-concept=signature][data-layout=top] .help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  padding: 0 10px;
  border-radius: 10px;
  font-family: inherit;
  font-size: 11px;
  white-space: nowrap;
}
body[data-concept=signature][data-layout=top] .help-symbol {
  font-size: 14px;
}
@media (max-width: 760px) {
  body[data-concept=signature][data-layout=top] .help-button {
    width: 28px;
    padding: 0;
    border-radius: 50%;
  }
  body[data-concept=signature][data-layout=top] .help-label { display: none; }
}

/* Render vector marks directly, at stable sizes, without raster effects. */
body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .nav-platform-logo :is(svg, img) {
  display: block;
  width: 18px;
  height: 18px;
  flex: none;
  object-fit: contain;
  filter: none;
  transform: none;
}
body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .workspace-heading .platform-logo {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}
body:is([data-design-preview],[data-catalog-theme])[data-concept=signature][data-layout=top] .workspace-heading .platform-logo :is(svg, img) {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: none;
  transform: none;
}