/* ================================================
     PORTAL THEME TOKENS (FULL BLEED)
     ================================================ */
  .portal-public {
    --portal-primary: #0052cc;
    --portal-bg: #ffffff;
    --portal-surface: #f7f8fa;
    --portal-border: #e2e5e9;
    --portal-text: #1a1a2e;
    --portal-text-muted: #6b7280;
    --portal-toc-width: 240px;
    --portal-desktop-gutter: 48px;
    --portal-mobile-gutter: 16px;
  }

  /* ================================================
     GLOBAL RESET
     ================================================ */
  .portal-public,
  .portal-home-page,
  .portal-knowledge-base-layout,
  .portal-directory-page,
  .portal-article-page {
    background-color: var(--portal-bg) !important;
    color: var(--portal-text) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ================================================
     LAYOUT CONTAINER — FULL WIDTH, KEEP GRID
     ================================================ */
  .portal-knowledge-base-layout {
    display: grid !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: 26vw 74vw !important;
    transition: none !important;
  }

  /* ================================================
     LEFT NAV
     ================================================ */
  .portal-knowledge-base-leftnav {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    position: sticky !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background-color: var(--portal-surface) !important;
    color: var(--portal-text) !important;
    transition: none !important;
  }

  .portal-knowledge-base-leftnav__search {
    width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* ================================================
     ARTICLE PAGE — FILL REMAINING GRID COLUMN
     ================================================ */
  .portal-article-page {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    transition: none !important;
  }

  /* ================================================
     INNER WRAPPER — KEEP PADDING, EXPAND WIDTH
     ================================================ */
  .portal-knowledge-base-breadcrumb,
  .portal-article-navigation__container {
    padding-left: var(--portal-desktop-gutter) !important;
    padding-right: var(--portal-desktop-gutter) !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ================================================
     ARTICLE CONTENT — FULL WIDTH
     ================================================ */
  .portal-article-page__content {
    flex: 1 1 calc(100% - var(--portal-toc-width)) !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: var(--portal-desktop-gutter) !important;
    padding-right: var(--portal-desktop-gutter) !important;
    box-sizing: border-box !important;
    transition: none !important;
  }

  .portal-article-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .portal-article-toc-container {
    flex: 0 0 var(--portal-toc-width) !important;
    width: var(--portal-toc-width) !important;
    min-width: 220px !important;
    max-width: var(--portal-toc-width) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  /* ================================================
     TYPOGRAPHY
     ================================================ */
  .portal-article-content-header__title,
  .portal-article-voting__message,
  .portal-directory-card__title,
  .portal-directory-node__link,
  .portal-directory-page__title,
  .portal-knowledge-base-breadcrumb__link {
    color: var(--portal-text) !important;
  } 

  /* ================================================
     TABLE HANDLING
     ================================================ */
  .portal-table-container,
  .portal-article-content-table {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  /* ================================================
     DIRECTORY & HOME
     ================================================ */
  .portal-directory-page,
  .portal-home-page__card-list {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .portal-directory-card {
    border: 1px solid var(--portal-border) !important;
    background-color: var(--portal-surface) !important;
  }

  .portal-directory-page__articles-card {
    border: 1px solid var(--portal-border) !important;
    background-color: var(--portal-surface) !important;
    color: var(--portal-text) !important;
  }

  .portal-banner__search__input {
    border-radius: 0.75rem !important;
  }

  .portal-common-header__workspace-item__menu-trigger {
    background-color: transparent !important;
  }

  @media (max-width: 767px) {
    .portal-knowledge-base-layout {
      display: block !important;
      grid-template-columns: 1fr !important;
    }

    .portal-knowledge-base-leftnav {
      display: none !important;
      width: 100% !important;
      max-width: 100% !important;
      position: static !important;
      color: var(--portal-text) !important;
    }

    .portal-article-page {
      width: 100% !important;
      min-width: 0 !important;
      overflow-x: hidden !important;
    }

    .portal-knowledge-base-breadcrumb,
    .portal-article-page__content,
    .portal-article-navigation__container {
      padding-left: var(--portal-mobile-gutter) !important;
      padding-right: var(--portal-mobile-gutter) !important;
    }

    .portal-article-page__content {
      flex: 1 1 auto !important;
      width: 100% !important;
    }

    .portal-article-toc-container {
      display: none !important;
    }
  }