/* Web structure polish: keep Brand Kit as a secondary media-kit subpage, not primary navigation. */
.app-shell .desktop-nav button:nth-child(11) {
  display: none;
}

.app-shell .portal-grid .portal-link:nth-child(10) {
  position: relative;
  border-color: color-mix(in srgb, var(--accent-2) 30%, var(--border));
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 58%),
    color-mix(in srgb, var(--surface-solid) 82%, transparent);
}

.app-shell .portal-grid .portal-link:nth-child(10)::after {
  content: "Media kit";
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 4px 7px;
  border: 1px solid color-mix(in srgb, var(--accent-2) 34%, transparent);
  border-radius: 6px;
  color: var(--accent-2);
  background: color-mix(in srgb, var(--accent-2) 9%, transparent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

[dir='rtl'] .app-shell .portal-grid .portal-link:nth-child(10)::after {
  right: auto;
  left: 10px;
}

@media (max-width: 820px) {
  .app-shell .portal-grid .portal-link:nth-child(10)::after {
    position: static;
    grid-column: 2;
    width: fit-content;
    margin-top: 2px;
  }
}