/* Keep primary navigation available while reading the long-form guide. */
.site-header { position:sticky; top:0; z-index:100; box-shadow:0 3px 14px rgba(8,18,38,.08); }
section[id], [id$="-title"], #trust-topic, #foundation-topic { scroll-margin-top:126px; }
.services-note { margin:22px 0 0; color:var(--slate); font-size:13px; font-style:italic; }

/* Role status labels make legal and operational responsibility visible at a glance. */
.role-status { display:block; max-width:124px; margin:6px auto 0; padding:3px 5px; border-radius:10px; background:rgba(179,139,69,.16); color:var(--gold-text); font:500 7px/1.25 "DM Mono",monospace; letter-spacing:.01em; font-style:normal; text-transform:uppercase; }
.role-status.optional { background:rgba(74,84,104,.11); color:var(--slate); }.role-status.licensed { background:var(--navy); color:#D4B77C; }
.foundation-diagram { min-height:405px; }.foundation-diagram .officer { left:8%; bottom:10px; }.foundation-diagram .council { left:50%; bottom:10px; }.foundation-diagram .secretary { right:8%; bottom:10px; }
.foundation-diagram .beneficiaries { top:43%; }.foundation-diagram .founder { top:43%; }.foundation-diagram .centre { top:43%; }
.office-cards ol { margin:0; padding-left:18px; color:var(--slate); font-size:12px; line-height:1.55; }.office-cards li { margin:0 0 5px; }.office-cards article:has(ol) span { margin-top:12px; }
@media (max-width:720px) { section[id], [id$="-title"], #trust-topic, #foundation-topic { scroll-margin-top:94px; }.site-header { box-shadow:0 2px 10px rgba(8,18,38,.1); }.services-note { font-size:12px; }.role-status { max-width:93px; padding:3px 4px; font-size:6px; }.foundation-diagram { min-height:500px; }.foundation-diagram .officer { left:4%; bottom:5px; }.foundation-diagram .council { left:50%; bottom:5px; }.foundation-diagram .secretary { right:4%; bottom:5px; }.foundation-diagram .beneficiaries,.foundation-diagram .founder,.foundation-diagram .centre { top:21%; } }