﻿
  /* ---------- Page header: breadcrumb + tools on one row ---------- */
  .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;
  }
  .page-title-row #readspeaker_button1.rsbtn {
    float: none !important;
    margin: 0 !important;
  }

  /* 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; }

  #ctl00_PlaceHolderMain_SiteMapPath1 span:nth-child(2) { display: none; }
