.page-header[data-ui-component="page-header"] {
    position: relative;
  }

  .page-header__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(240px, 0.95fr);
    gap: 20px;
    align-items: center;
  }

  .page-header__body {
    min-width: 0;
  }

  .page-header__eyebrow {
    margin-bottom: 10px;
  }

  .page-header__title {
    margin: 0;
  }

  .page-header__summary {
    max-width: 72ch;
  }

  .page-header__support {
    display: grid;
    gap: 12px;
    justify-self: stretch;
    align-content: center;
  }

  .page-header__support .topbar-meta {
    justify-content: flex-end;
  }

  [data-ui-component="metric-card"],
  [data-ui-component="section-card"] {
    position: relative;
  }

  [data-ui-component="metric-card"] {
    display: grid;
    align-content: start;
    gap: 10px;
    min-height: 118px;
  }

  [data-ui-component="section-card"] {
    display: grid;
    align-content: start;
    gap: 14px;
  }

  [data-ui-component="metric-card"] .metric-card-header,
  [data-ui-component="section-card"] .section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
  }

  [data-ui-component="metric-card"] .section-kicker,
  [data-ui-component="section-card"] .section-kicker {
    margin: 0 0 8px;
  }

  [data-ui-component="metric-card"] .metric-value {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
  }

  [data-ui-component="metric-card"] .metric-caption {
    margin-top: 0;
    color: var(--muted, #64748b);
    line-height: 1.6;
  }

  .form-disclosure {
    margin-top: 18px;
  }

  .disclosure-panel[data-ui-component="disclosure-panel"] {
    border: 1px solid var(--line, rgba(15, 23, 42, 0.12));
    border-radius: 12px;
    background: var(--panel, var(--surface, rgba(255, 255, 255, 0.94)));
    box-shadow: var(--shadow-soft, 0 8px 30px rgba(15, 23, 42, 0.06));
    overflow: hidden;
  }

  .disclosure-panel__summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    cursor: pointer;
    user-select: none;
  }

  .disclosure-panel__summary::-webkit-details-marker {
    display: none;
  }

  .disclosure-panel__summary::after {
    content: "+";
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: var(--panel-subtle, var(--surface-muted, #f6f8fc));
    color: var(--accent-strong, #1d4ed8);
    font-size: 1.1rem;
    font-weight: 700;
    flex: 0 0 auto;
  }

  .disclosure-panel[open] .disclosure-panel__summary::after {
    content: "−";
  }

  .disclosure-panel__summary strong,
  .disclosure-panel__summary span {
    display: block;
  }

  .disclosure-panel__summary span {
    margin-top: 6px;
    color: var(--muted, #64748b);
    line-height: 1.5;
    font-weight: 400;
  }

  .disclosure-panel__body {
    display: grid;
    gap: 16px;
    padding: 0 20px 20px;
    border-top: 1px solid var(--line, rgba(15, 23, 42, 0.12));
  }

  .disclosure-panel__body > :first-child {
    margin-top: 18px;
  }

  .modal-dialog {
    width: min(920px, calc(100vw - 32px));
    border: none;
    padding: 0;
    background: transparent;
  }

  .modal-dialog::backdrop {
    background: rgba(15, 23, 42, 0.52);
    backdrop-filter: blur(6px);
  }

  .modal-card {
    background: var(--panel, var(--surface, rgba(255, 255, 255, 0.98)));
    border: 1px solid var(--line, rgba(15, 23, 42, 0.12));
    border-radius: 12px;
    box-shadow: 0 34px 80px rgba(15, 23, 42, 0.24);
    overflow: hidden;
  }

  .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid var(--line, rgba(15, 23, 42, 0.12));
  }

  .modal-header h3,
  .modal-header p {
    margin: 0;
  }

  .modal-header p {
    margin-top: 6px;
    color: var(--muted, #64748b);
  }

  .modal-close {
    flex: 0 0 auto;
  }

  .modal-body {
    display: grid;
    gap: 14px;
    padding: 18px 20px 20px;
  }

  .integration-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
  }

  @media (max-width: 980px) {
    .page-header__grid {
      grid-template-columns: 1fr;
    }
  }

  /* Template-safe percentage width utilities. */
  .u-width-pct-0 { width: 0%; }
  .u-width-pct-1 { width: 1%; }
  .u-width-pct-2 { width: 2%; }
  .u-width-pct-3 { width: 3%; }
  .u-width-pct-4 { width: 4%; }
  .u-width-pct-5 { width: 5%; }
  .u-width-pct-6 { width: 6%; }
  .u-width-pct-7 { width: 7%; }
  .u-width-pct-8 { width: 8%; }
  .u-width-pct-9 { width: 9%; }
  .u-width-pct-10 { width: 10%; }
  .u-width-pct-11 { width: 11%; }
  .u-width-pct-12 { width: 12%; }
  .u-width-pct-13 { width: 13%; }
  .u-width-pct-14 { width: 14%; }
  .u-width-pct-15 { width: 15%; }
  .u-width-pct-16 { width: 16%; }
  .u-width-pct-17 { width: 17%; }
  .u-width-pct-18 { width: 18%; }
  .u-width-pct-19 { width: 19%; }
  .u-width-pct-20 { width: 20%; }
  .u-width-pct-21 { width: 21%; }
  .u-width-pct-22 { width: 22%; }
  .u-width-pct-23 { width: 23%; }
  .u-width-pct-24 { width: 24%; }
  .u-width-pct-25 { width: 25%; }
  .u-width-pct-26 { width: 26%; }
  .u-width-pct-27 { width: 27%; }
  .u-width-pct-28 { width: 28%; }
  .u-width-pct-29 { width: 29%; }
  .u-width-pct-30 { width: 30%; }
  .u-width-pct-31 { width: 31%; }
  .u-width-pct-32 { width: 32%; }
  .u-width-pct-33 { width: 33%; }
  .u-width-pct-34 { width: 34%; }
  .u-width-pct-35 { width: 35%; }
  .u-width-pct-36 { width: 36%; }
  .u-width-pct-37 { width: 37%; }
  .u-width-pct-38 { width: 38%; }
  .u-width-pct-39 { width: 39%; }
  .u-width-pct-40 { width: 40%; }
  .u-width-pct-41 { width: 41%; }
  .u-width-pct-42 { width: 42%; }
  .u-width-pct-43 { width: 43%; }
  .u-width-pct-44 { width: 44%; }
  .u-width-pct-45 { width: 45%; }
  .u-width-pct-46 { width: 46%; }
  .u-width-pct-47 { width: 47%; }
  .u-width-pct-48 { width: 48%; }
  .u-width-pct-49 { width: 49%; }
  .u-width-pct-50 { width: 50%; }
  .u-width-pct-51 { width: 51%; }
  .u-width-pct-52 { width: 52%; }
  .u-width-pct-53 { width: 53%; }
  .u-width-pct-54 { width: 54%; }
  .u-width-pct-55 { width: 55%; }
  .u-width-pct-56 { width: 56%; }
  .u-width-pct-57 { width: 57%; }
  .u-width-pct-58 { width: 58%; }
  .u-width-pct-59 { width: 59%; }
  .u-width-pct-60 { width: 60%; }
  .u-width-pct-61 { width: 61%; }
  .u-width-pct-62 { width: 62%; }
  .u-width-pct-63 { width: 63%; }
  .u-width-pct-64 { width: 64%; }
  .u-width-pct-65 { width: 65%; }
  .u-width-pct-66 { width: 66%; }
  .u-width-pct-67 { width: 67%; }
  .u-width-pct-68 { width: 68%; }
  .u-width-pct-69 { width: 69%; }
  .u-width-pct-70 { width: 70%; }
  .u-width-pct-71 { width: 71%; }
  .u-width-pct-72 { width: 72%; }
  .u-width-pct-73 { width: 73%; }
  .u-width-pct-74 { width: 74%; }
  .u-width-pct-75 { width: 75%; }
  .u-width-pct-76 { width: 76%; }
  .u-width-pct-77 { width: 77%; }
  .u-width-pct-78 { width: 78%; }
  .u-width-pct-79 { width: 79%; }
  .u-width-pct-80 { width: 80%; }
  .u-width-pct-81 { width: 81%; }
  .u-width-pct-82 { width: 82%; }
  .u-width-pct-83 { width: 83%; }
  .u-width-pct-84 { width: 84%; }
  .u-width-pct-85 { width: 85%; }
  .u-width-pct-86 { width: 86%; }
  .u-width-pct-87 { width: 87%; }
  .u-width-pct-88 { width: 88%; }
  .u-width-pct-89 { width: 89%; }
  .u-width-pct-90 { width: 90%; }
  .u-width-pct-91 { width: 91%; }
  .u-width-pct-92 { width: 92%; }
  .u-width-pct-93 { width: 93%; }
  .u-width-pct-94 { width: 94%; }
  .u-width-pct-95 { width: 95%; }
  .u-width-pct-96 { width: 96%; }
  .u-width-pct-97 { width: 97%; }
  .u-width-pct-98 { width: 98%; }
  .u-width-pct-99 { width: 99%; }
  .u-width-pct-100 { width: 100%; }