.v4-body .v4-governance-component { container-type:inline-size; }
.v4-body .v4-governance-component .v4-governance-intro { padding:16px 40px 0; line-height:1.9; font-size:var(--module-body-size,16px); }
.v4-org-editor-chart { --v4-org-mobile:0; margin:28px 40px 0; padding:24px 12px; background:#fff9f6; border:1px solid #f1e5df; border-radius:14px; }
.v4-org-editor-chart>h3 { margin:0 12px 22px; color:#333; text-align:center; font-size:19px; font-weight:600; }
.v4-org-tree-viewport { overflow:auto; overscroll-behavior-x:contain; padding:4px 0 12px; }
.v4-org-tree-viewport:focus-visible { outline:2px solid #b92346; outline-offset:3px; border-radius:6px; }
.v4-org-tree-stage { position:relative; }
.v4-org-mobile-tools { display:none; }
.v4-org-tree,.v4-org-tree ul { display:flex; justify-content:center; align-items:flex-start; width:max-content; min-width:100%; list-style:none; margin:0; padding:0; }
.v4-org-tree li { position:relative; flex:1 0 auto; min-width:124px; padding:0 6px; text-align:center; }
.v4-org-tree-node { position:relative; display:block; width:100%; max-width:180px; margin:auto; padding:12px 8px; background:#fff; border:1px solid #e8bec5; border-radius:8px; color:#92344b; font-size:15px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.v4-org-tree>li>.v4-org-tree-node { color:#fff; border-color:var(--red); background:var(--red); }
.v4-org-tree-title { display:block; }
.v4-org-tree-description { display:block; margin-top:5px; font-size:12px; font-weight:400; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.v4-org-tree ul { position:relative; padding-top:32px; }
.v4-org-tree ul:before { content:""; position:absolute; height:16px; width:1px; left:50%; top:0; background:#d8aeb8; }
.v4-org-tree ul>li:before { content:""; position:absolute; top:-16px; left:0; right:0; height:1px; background:#d8aeb8; }
.v4-org-tree ul>li:first-child:before { left:50%; }
.v4-org-tree ul>li:last-child:before { right:50%; }
.v4-org-tree ul>li:after { content:""; position:absolute; width:1px; height:16px; background:#d8aeb8; left:50%; top:-16px; }
.v4-body .v4-governance-component .v4-governance { padding:32px 40px; gap:32px; align-items:start; }
.v4-body .v4-governance-component .v4-governance>div+div { padding-left:32px; }
.v4-body .v4-governance-component .v4-roster-heading { flex-wrap:wrap; gap:8px 12px; padding-bottom:14px; border-bottom:1px solid #eee4e1; }
.v4-body .v4-governance-component .v4-roster-heading h3 { margin:0; color:var(--red); font-size:21px; }
.v4-body .v4-governance-component .v4-roster-heading button { font-size:14px; padding:0; }
.v4-governance-roles { margin:0; font-size:15px; line-height:1.85; }
.v4-governance-roles>div { display:grid; grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr); gap:16px; padding:10px 0; border-bottom:1px solid #f3eeeb; }
.v4-governance-roles>div:last-child { border:0; }
.v4-governance-roles dt { color:#888; font-weight:400; }
.v4-governance-roles dd { margin:0; color:#333; overflow-wrap:anywhere; }
/* Node count and description length never switch the whole chart's presentation. */
@container(max-width:700px) {
  [data-org-mobile-layout="stacked"] .v4-org-tree,[data-org-mobile-layout="stacked"] .v4-org-tree ul { display:block; width:auto; min-width:0; }
  [data-org-mobile-layout="stacked"] .v4-org-tree li { min-width:0; padding:0; margin:12px 0; text-align:left; }
  [data-org-mobile-layout="stacked"] .v4-org-tree-node { max-width:none; text-align:left; }
  [data-org-mobile-layout="stacked"] .v4-org-tree ul { margin-left:12px; padding:0 0 0 14px; border-left:1px solid #d8aeb8; }
  [data-org-mobile-layout="stacked"] .v4-org-tree ul:before,[data-org-mobile-layout="stacked"] .v4-org-tree li:after { display:none; }
  [data-org-mobile-layout="stacked"] .v4-org-tree ul>li:before { top:24px; left:-14px; right:auto; width:14px; }
  .v4-body .v4-governance-component .v4-governance-intro { padding:14px 20px 0; font-size:var(--module-body-size,15px); }
  .v4-org-editor-chart { --v4-org-mobile:1; margin:24px 20px 0; padding:18px 14px; }
  .v4-org-editor-chart>h3 { font-size:18px; margin-bottom:16px; }
  .v4-org-editor-chart[data-org-fitted] .v4-org-tree-viewport { overflow:hidden; }
  .v4-org-mobile-tools { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; color:#75696b; }
  .v4-org-mobile-tools button { flex-shrink:0; min-height:40px; padding:8px 12px; border:1px solid #e8bec5; border-radius:6px; color:#92344b; background:#fff; }
  .v4-body .v4-governance-component .v4-governance { display:grid; grid-template-columns:minmax(0,1fr); padding:24px 20px; gap:28px; }
  .v4-body .v4-governance-component .v4-governance>div+div { border:0; padding:0; margin:0; }
  .v4-body .v4-governance-component .v4-roster-heading h3 { font-size:19px; }
  .v4-governance-roles>div { grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr); gap:12px; }
}

.v4-governance-person-link { color: var(--v4-red, #e60033); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; border-radius: 2px; }
.v4-governance-person-link:hover { text-decoration-thickness: 2px; }
.v4-governance-person-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

/* Start reading at the dialog title without selecting its close control.
   Keyboard users still receive the close button's :focus-visible indicator. */
.v4-council-dialog .v4-dialog-header > .v4-section-title:focus { outline:none; }