/* 1.8.2 Set Z lane C (5 Nov 2026): Organizational Functions and Organization Pillars pages (/organizational-functions/, /organizational-pillars/).
   Page-scoped (ofn-, opl- prefixes). Colours come from the Registry via --vc on each card; text stays neutral where a function hex fails contrast (DR-21.6). */
.ofn-g { margin-top: 30px; }
.ofn-g:first-of-type { margin-top: 8px; }
.ofn-gh { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 12px; padding: 0 0 8px; border-bottom: 3px solid var(--vc); }
.ofn-gh h3 { margin: 0; color: var(--vc); font-size: clamp(1.2rem, 1.05rem + .6vw, 1.45rem); }
.ofn-gh p { margin: 0; font-size: .9rem; color: var(--fg-muted); }
.ofn { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 48em) { .ofn { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }
@media (min-width: 64em) { .ofn { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ofn li { position: relative; min-width: 0; margin: 0; padding: 12px 12px 12px; border: 1px solid var(--line); border-top: 4px solid var(--vc); border-radius: 12px; background: #fff; line-height: 1.4; }
.ofn h4 { display: flex; gap: .4em; align-items: flex-start; margin: 0 0 4px; font: 700 .98rem/1.25 var(--font-heading); color: var(--fg-heading); letter-spacing: -.005em; overflow-wrap: anywhere; }
.ofn h4 span[aria-hidden] { flex: none; }
.ofn p { margin: 0; font-size: .86rem; color: var(--fg-muted); }
.ofn .vtag { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font: 600 .72rem var(--font-heading); letter-spacing: .06em; text-transform: uppercase; color: var(--fg-muted); }
.ofn .vtag::before { content: ""; width: .75em; height: .75em; border-radius: 3px; background: var(--vc); border: 1px solid rgba(0,0,0,.2); }
.ofn li.root { background: var(--bg-tint); border-style: dashed; border-top-style: solid; }
@media (max-width: 30em) { .ofn li { padding: 10px; } .ofn h4 { font-size: .92rem; } .ofn p { font-size: .82rem; } }
.opl-u { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.opl-u li { margin: 0; padding: 5px 12px; border-radius: 8px; background: var(--bg-tint); font-size: .88rem; }
.opl-u a { color: inherit; }
.org-next { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 18px; }
.steps li b b { display: inline; margin: 0; }
/* 1.8.4 Set AA lane F (KZ 6 Nov 2026): the functions page is merged into /organizational-pillars/; each pillar group carries its functions. */
.opl-g .ofn-gh h3 small { margin-left: .35em; font: 600 .72rem var(--font-heading); letter-spacing: .06em; text-transform: uppercase; color: var(--fg-muted); }
.opl-d { margin: 0 0 10px; max-width: 70ch; color: var(--fg); }
.opl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 14px; }
.opl-meta .bsc2-k { margin: 0; }
.opl-t2 { margin-top: 26px; }