﻿    .page-header {
      background-color: var(--n-color-primary-sa-flag-25, #f3fcf6);
      border-top: 1px solid var(--n-color-neutral-200, #e5e7eb);
    }
    .page-header__bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      padding-block: 1.5rem;
    }
    .page-header__breadcrumb {
      flex: 1 1 auto;
      min-width: 0;
    }

    /* Breadcrumb */
    .breadcrumb__list { list-style: none; flex-wrap: wrap; }
    .breadcrumb__link,
    .breadcrumb__current { line-height: 1.25rem; }
    .breadcrumb__link:hover { text-decoration: underline; }
    .breadcrumb__link:focus-visible {
      border-radius: 0.25rem;
      outline: 0.125rem solid var(--layout-primary-color, #1b8354);
      outline-offset: 0.1875rem;
    }

    /* Tool buttons */
    .page-tools {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex: 0 0 auto;
    }
    .page-tools .icons-container {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.5rem;
      height: 2.5rem;
      padding: 0;
      border: 1px solid transparent;
      border-radius: 0.5rem;
      background: transparent;
      color: var(--n-color-neutral-700, #384250);
      cursor: pointer;
      transition: color .15s ease, border-color .15s ease, background-color .15s ease;
    }
    .page-tools .icons-container:hover {
      color: var(--layout-primary-color, #1b8354);
      border-color: var(--layout-primary-color, #1b8354);
      background: #fff;
    }
    .page-tools .icons-container:focus-visible {
      outline: 0.125rem solid var(--layout-primary-color, #1b8354);
      outline-offset: 0.125rem;
    }
    .page-tools__divider {
      width: 1px;
      height: 1.5rem;
      background: var(--n-color-neutral-200, #e5e7eb);
      margin-inline: 0.25rem;
    }

    /* Title row */
    .page-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      padding-block: 2rem 1.5rem;
    }

    /* Mobile: tools drop under the breadcrumb */
    @media (max-width: 47.99rem) {
      .page-header__bar { flex-direction: column; align-items: flex-start; }
      .page-tools { width: 100%; flex-wrap: wrap; }
    }

    @media (min-width: 90rem) {
      .n-container { max-width: 85rem !important; }
    }

    /* ReadSpeaker: compact button only (no tools menu) */
    #readspeaker_button1 .rsbtn_tooltoggle,
    #readspeaker_button1 .rsbtn_toolpanel { display: none !important; }
    #readspeaker_button1.rs_addtools { padding-inline-start: 0 !important; }
    