/* Stage 5A | 60 Director Completion Loop | Visual defect correction only */

/* Header brand mark: slightly stronger identification, still subordinate to wordmark. */
.brand-symbol{width:34px;height:28px;flex-basis:34px}
.brand-symbol:after{right:2px;top:1px;bottom:1px}
.brand-symbol i:nth-child(1){top:4px;width:29px}
.brand-symbol i:nth-child(2){top:13px;width:22px}
.brand-symbol i:nth-child(3){top:22px;width:15px}

/* TOP hero: remove accidental filled panel and express management as a quiet cycle. */
.role-top .hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(240px,.56fr);gap:clamp(54px,6vw,88px)}
.role-top .hero .lead{max-width:620px;line-height:1.92;text-wrap:pretty}
.role-top .hero .sublead{max-width:590px}
.role-top .geometric{
  width:300px;
  height:220px;
  aspect-ratio:auto;
  margin-left:auto;
  background:
    radial-gradient(circle at 50% 13%,var(--paper) 0 3px,var(--navy-soft) 3px 4px,transparent 4px),
    radial-gradient(circle at 84% 38%,var(--paper) 0 3px,var(--accent) 3px 4px,transparent 4px),
    radial-gradient(circle at 72% 82%,var(--paper) 0 3px,var(--navy-soft) 3px 4px,transparent 4px),
    radial-gradient(circle at 28% 82%,var(--paper) 0 3px,var(--accent) 3px 4px,transparent 4px),
    radial-gradient(circle at 16% 38%,var(--paper) 0 3px,var(--navy-soft) 3px 4px,transparent 4px);
  opacity:.78;
}
.role-top .geometric:before{
  content:"";
  position:absolute;
  left:10%;
  top:15%;
  width:80%;
  height:68%;
  border:1px solid var(--rule-strong);
  border-radius:50%;
  transform:rotate(-8deg);
  background:transparent!important;
}
.role-top .geometric:after{
  content:"";
  position:absolute;
  right:9%;
  top:25%;
  width:28px;
  height:14px;
  border-top:1px solid var(--accent);
  border-right:1px solid var(--accent);
  transform:rotate(31deg);
  background:transparent!important;
}
.role-top .geometric .ring{
  display:block;
  position:absolute;
  left:31%;
  top:47%;
  width:38%;
  height:1px;
  border:0;
  border-top:1px solid var(--navy-soft);
  border-radius:0;
  transform:rotate(-8deg);
}
.role-top .geometric .dot{
  display:block;
  position:absolute;
  left:calc(50% - 4px);
  top:calc(50% - 4px);
  width:8px;
  height:8px;
  background:var(--paper);
  border:1px solid var(--navy-soft);
  border-radius:50%;
}

/* TOP management-system opening: stronger editorial threshold without panels/cards. */
.role-top > .section:nth-of-type(2){padding-top:76px}
.role-top > .section:nth-of-type(2):before{
  width:min(var(--shell),calc(100% - 80px));
  border-top:0;
  height:1px;
  background:linear-gradient(to right,var(--navy-soft) 0 96px,var(--rule) 96px 100%);
}
.role-top > .section:nth-of-type(2) .eyebrow{margin-bottom:18px}
.role-top > .section:nth-of-type(2) .hairline-title{padding-bottom:28px}
.role-top > .section:nth-of-type(2) .section-intro:first-of-type{margin-top:4px}

/* Profile hero: career/time accumulation is expressed as an accumulating timeline. */
.role-profile .hero{padding-bottom:50px}
.role-profile > .section:nth-of-type(2){padding-top:60px}
.role-profile .geometric{
  width:240px;
  height:260px;
  aspect-ratio:auto;
  background:
    radial-gradient(circle at 32% 14%,var(--paper) 0 4px,var(--navy-soft) 4px 5px,transparent 5px),
    radial-gradient(circle at 32% 37%,var(--paper) 0 4px,var(--accent) 4px 5px,transparent 5px),
    radial-gradient(circle at 32% 62%,var(--paper) 0 4px,var(--navy-soft) 4px 5px,transparent 5px),
    radial-gradient(circle at 32% 86%,var(--paper) 0 4px,var(--accent) 4px 5px,transparent 5px),
    linear-gradient(var(--rule-strong),var(--rule-strong)) 32% 14%/1px 72% no-repeat,
    linear-gradient(var(--rule),var(--rule)) 32% 14%/25% 1px no-repeat,
    linear-gradient(var(--rule),var(--rule)) 32% 37%/38% 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 32% 62%/50% 1px no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 32% 86%/62% 1px no-repeat;
}
.role-profile .geometric:before{content:"";position:absolute;left:32%;top:10%;bottom:8%;border-left:0;background:transparent!important}
.role-profile .geometric:after{content:"";position:absolute;left:calc(32% - 4px);bottom:6%;width:8px;height:8px;border-left:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(-45deg);background:transparent!important;box-shadow:none}

/* Insights hero: three classification columns mirror the three visible knowledge types. */
.role-insights .geometric{
  width:300px;
  height:220px;
  aspect-ratio:auto;
  background:
    linear-gradient(var(--rule-strong),var(--rule-strong)) 33.333% 0/1px 100% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 66.666% 0/1px 100% no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 16.5% 30%/1px 43% no-repeat,
    repeating-linear-gradient(to bottom,var(--navy-soft) 0 1px,transparent 1px 8px) 50% 31%/30px 48px no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 77% 69%/45px 1px no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 77% 44%/1px 55px no-repeat,
    linear-gradient(var(--rule),var(--rule)) 0 14%/100% 1px no-repeat,
    linear-gradient(var(--rule),var(--rule)) 0 86%/100% 1px no-repeat;
}
.role-insights .geometric:before{
  content:"";
  position:absolute;
  left:calc(16.5% - 3px);
  top:13%;
  width:6px;
  height:6px;
  border:1px solid var(--navy-soft);
  background:var(--paper);
  box-shadow:100px 0 0 -1px var(--paper),100px 0 0 0 var(--accent),200px 0 0 -1px var(--paper),200px 0 0 0 var(--navy-soft);
}
.role-insights .geometric:after{content:"";position:absolute;left:8%;right:8%;bottom:7%;height:1px;background:linear-gradient(to right,var(--accent) 0 22%,transparent 22% 39%,var(--navy-soft) 39% 61%,transparent 61% 78%,var(--accent) 78% 100%);box-shadow:none}
.role-insights > .section:nth-of-type(2) .eyebrow{border-left:1px solid var(--accent);padding-left:12px;gap:0}
.role-insights > .section:nth-of-type(2) .eyebrow:before{display:none}

/* Preserve accepted active-state system; no redesign here. */
.desktop-nav a.active,.mobile-menu nav a.active{color:var(--navy)}

@media(max-width:1160px){
  .brand-symbol{width:28px;height:24px;flex-basis:28px}
  .brand-symbol i:nth-child(1){width:24px}.brand-symbol i:nth-child(2){width:18px}.brand-symbol i:nth-child(3){width:12px}
}
@media(max-width:900px){
  .role-top .hero-grid{grid-template-columns:1fr;gap:38px}
  .role-top .hero .lead{max-width:680px}
  .role-top .geometric{width:230px;height:168px;margin-left:auto;margin-right:0}
  .role-profile .geometric{width:180px;height:205px}
  .role-insights .geometric{width:220px;height:160px}
  .role-top > .section:nth-of-type(2):before{width:min(100% - 44px,var(--shell));background:linear-gradient(to right,var(--navy-soft) 0 74px,var(--rule) 74px 100%)}
}
@media(max-width:520px){
  .brand-symbol{width:25px;height:22px;flex-basis:25px}
  .brand-symbol i:nth-child(1){width:21px}.brand-symbol i:nth-child(2){width:16px}.brand-symbol i:nth-child(3){width:11px}
  .role-top .hero-grid{gap:28px}
  .role-top .hero .lead{max-width:none;line-height:1.92}
  .role-top .geometric{width:170px;height:124px}
  .role-profile .hero{padding-bottom:40px}
  .role-profile > .section:nth-of-type(2){padding-top:48px}
  .role-profile .geometric{width:140px;height:160px}
  .role-insights .geometric{width:170px;height:124px}
  .role-top > .section:nth-of-type(2){padding-top:62px}
  .role-top > .section:nth-of-type(2):before{width:calc(100% - 36px);background:linear-gradient(to right,var(--navy-soft) 0 58px,var(--rule) 58px 100%)}
}
@media(max-width:360px){
  .role-top .hero h1{font-size:36px!important;line-height:1.5;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:normal}
}

/* Stage 5A | 60 Director Completion R2 | Visual semantics + readability only
 * Parent candidate: 3ee30309a252f6f3ad6b7d01fd54d5eed046cc30
 * No copy / URL / metadata / schema / data-handling changes.
 */

:root{
  --meta-ink:#625b53;
  --label-ink:#405c6d;
  --link-ink:#294b61;
  --active-ink:#263f50;
}

/* 12,13,15 | Readability and color hierarchy. */
.breadcrumb{
  font-size:14px!important;
  line-height:1.7;
  letter-spacing:.018em;
  color:var(--meta-ink)!important;
  font-weight:500;
}
.breadcrumb a{color:var(--link-ink)}
.eyebrow{color:var(--label-ink)!important;font-weight:500}
.meta,.article-meta,.timeline .year,.index-row .type,.index-row .domain{color:var(--meta-ink)!important}
.text-link,.article-related a,.article-page nav a{color:var(--link-ink)}
.desktop-nav a.active,.mobile-menu nav a.active{color:var(--active-ink)!important}
.article-meta{font-size:14px!important;line-height:1.75;gap:9px 20px}
.v02-article .direct-label{font-size:14px!important;line-height:1.65;color:var(--label-ink)!important;letter-spacing:.035em}
.article-related p,.article-related a,.author-card p{font-size:15px;line-height:1.8}
.article-end,.article-related{color:var(--body)}

/* 14 | Brand mark: an asymmetric management-frame, not a generic badge. */
.brand-symbol{
  width:32px!important;
  height:26px!important;
  flex-basis:32px!important;
  opacity:.88;
}
.brand-symbol:before{
  content:"";
  position:absolute;
  left:2px;top:2px;height:19px;
  border-left:1px solid var(--navy-soft);
}
.brand-symbol:after{
  content:"";
  position:absolute;
  right:2px;top:7px;bottom:2px;
  border-right:1px solid var(--accent);
}
.brand-symbol i{height:1px!important;transform:none!important;background:transparent!important}
.brand-symbol i:nth-child(1){left:2px!important;right:auto!important;top:2px!important;width:21px!important;border-top:1px solid var(--navy-soft)}
.brand-symbol i:nth-child(2){left:10px!important;right:2px!important;top:12px!important;width:auto!important;border-top:1px solid var(--rule-strong)}
.brand-symbol i:nth-child(3){left:2px!important;right:9px!important;top:21px!important;width:auto!important;border-top:1px solid var(--accent)}

/* 1-5 | TOP: management architecture. No ellipse, atom, orbit, cell, dot cloud, or filled panel. */
.role-top .hero-grid{
  grid-template-columns:minmax(0,1.36fr) minmax(220px,.46fr)!important;
  gap:clamp(52px,6vw,86px)!important;
  align-items:center;
}
.role-top .hero .lead{
  max-width:34em!important;
  line-height:1.92!important;
  text-wrap:pretty;
}
.role-top .hero .sublead{max-width:33em!important}
.role-top .geometric{
  width:294px!important;
  height:216px!important;
  aspect-ratio:auto!important;
  margin-left:auto!important;
  opacity:.78!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(var(--rule-strong),var(--rule-strong)) 13% 15%/1px 68% no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 48% 28%/1px 63% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 83% 7%/1px 57% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 13% 28%/35% 1px no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 48% 45%/35% 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 13% 67%/35% 1px no-repeat,
    linear-gradient(var(--rule),var(--rule)) 48% 82%/26% 1px no-repeat!important;
}
.role-top .geometric:before{
  content:""!important;
  position:absolute!important;
  left:8%!important;top:10%!important;
  width:41%!important;height:24%!important;
  border:1px solid var(--rule-strong)!important;
  border-radius:0!important;
  background:transparent!important;
  transform:none!important;
}
.role-top .geometric:after{
  content:""!important;
  position:absolute!important;
  right:8%!important;top:38%!important;
  width:36%!important;height:30%!important;
  border:0!important;
  border-top:1px solid var(--navy-soft)!important;
  border-right:1px solid var(--navy-soft)!important;
  background:transparent!important;
  transform:none!important;
}
.role-top .geometric .ring{
  display:block!important;
  position:absolute!important;
  left:43%!important;top:40%!important;
  width:31%!important;height:24%!important;
  border:1px solid var(--accent)!important;
  border-radius:0!important;
  background:var(--paper)!important;
  transform:none!important;
}
.role-top .geometric .dot{
  display:block!important;
  position:absolute!important;
  left:70%!important;top:78%!important;
  width:17px!important;height:11px!important;
  border:1px solid var(--navy-soft)!important;
  border-radius:0!important;
  background:var(--paper)!important;
}

/* Management System opening: editorial side-label instead of repeated eyebrow + line template. */
.role-top > .section:nth-of-type(2){padding-top:76px!important}
.role-top > .section:nth-of-type(2):before{display:none!important}
.role-top > .section:nth-of-type(2) .site-shell{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  column-gap:52px;
  align-items:start;
  border-top:1px solid var(--rule);
  padding-top:34px;
}
.role-top > .section:nth-of-type(2) .eyebrow{
  grid-column:1;
  grid-row:1 / span 5;
  display:block;
  margin:0!important;
  padding-top:2px;
  color:var(--label-ink)!important;
}
.role-top > .section:nth-of-type(2) .eyebrow:after{display:none!important}
.role-top > .section:nth-of-type(2) .hairline-title,
.role-top > .section:nth-of-type(2) .section-intro,
.role-top > .section:nth-of-type(2) .flow{grid-column:2}
.role-top > .section:nth-of-type(2) .hairline-title{
  margin-bottom:30px;
  padding:0 0 0 20px!important;
  border-left:1px solid var(--accent);
}
.role-top > .section:nth-of-type(2) .hairline-title:after{display:none!important}

/* 6 | Profile: remove duplicated career timeline motif from Hero. Authority content carries the role. */
.role-profile .profile-hero .hero-grid{
  grid-template-columns:minmax(0,880px)!important;
  gap:0!important;
  align-items:start;
}
.role-profile .profile-hero .geometric{display:none!important}
.role-profile .hero{padding-bottom:42px!important}
.role-profile > .section:nth-of-type(2){padding-top:48px!important}

/* 7 | Qualifications: replace weak diamond with a credential/index mark. */
.profile-side .qualification-list:before{
  content:""!important;
  display:block!important;
  width:31px!important;height:23px!important;
  margin:2px 0 17px!important;
  border:0!important;
  border-left:1px solid var(--navy-soft)!important;
  border-radius:0!important;
  transform:none!important;
  opacity:.8!important;
  background:
    linear-gradient(var(--navy-soft),var(--navy-soft)) 0 2px/24px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 0 11px/30px 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 0 20px/18px 1px no-repeat!important;
}

/* 8-9 | Insights: hero classification and visible Knowledge Types use the same three concept grammars. */
.role-insights .geometric{
  width:306px!important;height:210px!important;
  aspect-ratio:auto!important;
  border:0!important;border-radius:0!important;
  background:
    linear-gradient(var(--rule-strong),var(--rule-strong)) 33.333% 10%/1px 80% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 66.666% 10%/1px 80% no-repeat,
    linear-gradient(var(--rule),var(--rule)) 0 10%/100% 1px no-repeat,
    linear-gradient(var(--rule),var(--rule)) 0 90%/100% 1px no-repeat!important;
}
.role-insights .geometric:before{
  content:""!important;
  position:absolute!important;
  left:8%!important;top:30%!important;
  width:54px!important;height:66px!important;
  border:0!important;
  border-left:1px solid var(--navy-soft)!important;
  border-bottom:1px solid var(--navy-soft)!important;
  background:
    linear-gradient(var(--rule-strong),var(--rule-strong)) 0 15%/34px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 0 48%/45px 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 0 78%/26px 1px no-repeat!important;
  box-shadow:none!important;
}
.role-insights .geometric .ring{
  display:block!important;
  position:absolute!important;
  left:40.5%!important;top:34%!important;
  width:58px!important;height:58px!important;
  border:0!important;border-left:1px solid var(--accent)!important;border-radius:0!important;
  background:
    linear-gradient(var(--navy-soft),var(--navy-soft)) 10px 8px/46px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 10px 24px/38px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 10px 40px/44px 1px no-repeat!important;
  transform:none!important;
}
.role-insights .geometric:after{
  content:""!important;
  position:absolute!important;
  left:74%!important;top:31%!important;
  width:58px!important;height:66px!important;
  border:0!important;
  background:
    linear-gradient(var(--navy-soft),var(--navy-soft)) 0 50%/27px 1px no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 27px 20%/1px 61% no-repeat,
    linear-gradient(var(--accent),var(--accent)) 27px 20%/26px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 27px 80%/26px 1px no-repeat!important;
  box-shadow:none!important;
}
.role-insights .geometric .dot{display:none!important}
.knowledge-types article:before{transform:none!important;border:0!important;border-radius:0!important;color:var(--navy-soft)!important}
.knowledge-types article:nth-child(1):before{
  width:30px!important;height:27px!important;
  border-left:1px solid currentColor!important;
  border-bottom:1px solid currentColor!important;
  background:
    linear-gradient(currentColor,currentColor) 0 7px/18px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 0 14px/25px 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 0 21px/14px 1px no-repeat!important;
}
.knowledge-types article:nth-child(2):before{
  width:31px!important;height:27px!important;
  border-left:1px solid var(--accent)!important;
  background:
    linear-gradient(currentColor,currentColor) 7px 4px/24px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 7px 12px/19px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 7px 20px/23px 1px no-repeat!important;
}
.knowledge-types article:nth-child(3):before{
  width:32px!important;height:27px!important;
  background:
    linear-gradient(currentColor,currentColor) 0 13px/14px 1px no-repeat,
    linear-gradient(currentColor,currentColor) 14px 5px/1px 17px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 14px 5px/17px 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 14px 21px/17px 1px no-repeat!important;
}

/* 10 | Service heroes: distinct management meanings, paired across Medical/Care. */
.v02-page.role-service .geometric{border:0!important;border-radius:0!important}
.v02-page.role-service .geometric:before,.v02-page.role-service .geometric:after{box-shadow:none!important;border-radius:0!important;transform:none!important}
.v02-page.role-service .geometric .ring,.v02-page.role-service .geometric .dot{display:none!important}
.v02-page.role-service[data-page-id="PAGE-003"] .geometric,
.v02-page.role-service[data-page-id="PAGE-007"] .geometric{
  background:
    linear-gradient(var(--rule),var(--rule)) 7% 74%/86% 1px no-repeat,
    linear-gradient(146deg,transparent 49%,var(--rule-strong) 49.4% 50.6%,transparent 51%) 15% 43%/42% 32% no-repeat,
    linear-gradient(24deg,transparent 49%,var(--navy-soft) 49.4% 50.6%,transparent 51%) 49% 27%/37% 48% no-repeat!important;
}
.v02-page.role-service[data-page-id="PAGE-003"] .geometric:before,
.v02-page.role-service[data-page-id="PAGE-007"] .geometric:before{
  content:""!important;position:absolute!important;left:14%!important;top:22%!important;width:1px!important;height:52%!important;background:var(--rule-strong)!important;border:0!important;
}
.v02-page.role-service[data-page-id="PAGE-003"] .geometric:after,
.v02-page.role-service[data-page-id="PAGE-007"] .geometric:after{
  content:""!important;position:absolute!important;right:12%!important;top:25%!important;width:22px!important;height:13px!important;border-top:1px solid var(--accent)!important;border-right:1px solid var(--accent)!important;background:transparent!important;transform:rotate(24deg)!important;
}
.v02-page.role-service[data-page-id="PAGE-004"] .geometric,
.v02-page.role-service[data-page-id="PAGE-008"] .geometric{
  background:
    linear-gradient(var(--navy-soft),var(--navy-soft)) 12% 22%/76% 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 24% 22%/1px 47% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 50% 22%/1px 61% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 76% 22%/1px 39% no-repeat,
    linear-gradient(var(--accent),var(--accent)) 24% 69%/52% 1px no-repeat,
    linear-gradient(var(--rule),var(--rule)) 50% 83%/38% 1px no-repeat!important;
}
.v02-page.role-service[data-page-id="PAGE-004"] .geometric:before,
.v02-page.role-service[data-page-id="PAGE-008"] .geometric:before{
  content:""!important;position:absolute!important;left:18%!important;top:16%!important;width:64%!important;height:13%!important;border:1px solid var(--rule-strong)!important;background:transparent!important;
}
.v02-page.role-service[data-page-id="PAGE-004"] .geometric:after,
.v02-page.role-service[data-page-id="PAGE-008"] .geometric:after{
  content:""!important;position:absolute!important;left:46%!important;bottom:11%!important;width:42%!important;height:14%!important;border-left:1px solid var(--accent)!important;border-bottom:1px solid var(--accent)!important;background:transparent!important;
}
.v02-page.role-service[data-page-id="PAGE-005"] .geometric,
.v02-page.role-service[data-page-id="PAGE-009"] .geometric{
  background:
    linear-gradient(var(--rule-strong),var(--rule-strong)) 16% 14%/1px 68% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 16% 82%/72% 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 31% 58%/12% 24% no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 52% 43%/12% 39% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 73% 29%/12% 53% no-repeat,
    linear-gradient(154deg,transparent 49%,var(--navy-soft) 49.4% 50.6%,transparent 51%) 29% 20%/57% 43% no-repeat!important;
}
.v02-page.role-service[data-page-id="PAGE-005"] .geometric:before,
.v02-page.role-service[data-page-id="PAGE-009"] .geometric:before,
.v02-page.role-service[data-page-id="PAGE-005"] .geometric:after,
.v02-page.role-service[data-page-id="PAGE-009"] .geometric:after{display:none!important}

/* 11 | Process = one route crossing explicit stage boundaries. */
.role-process .hero-grid:after{
  width:224px!important;height:138px!important;
  border:0!important;
  background:
    linear-gradient(var(--navy-soft),var(--navy-soft)) 7% 51%/84% 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 27% 18%/1px 66% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 53% 18%/1px 66% no-repeat,
    linear-gradient(var(--accent),var(--accent)) 79% 18%/1px 66% no-repeat,
    linear-gradient(45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%) 91% 44%/13px 13px no-repeat,
    linear-gradient(-45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%) 91% 51%/13px 13px no-repeat!important;
  opacity:.82;
}

/* 16 | Repetition guard. */
.role-top .geometric,.role-insights .geometric,.v02-page.role-service .geometric{border-radius:0!important}
.role-profile .geometric{display:none!important}

@media(max-width:900px){
  .role-top .hero-grid{grid-template-columns:1fr!important;gap:34px!important}
  .role-top .hero .lead{max-width:38em!important}
  .role-top .geometric{width:230px!important;height:166px!important;margin-left:auto!important;margin-right:0!important}
  .role-top > .section:nth-of-type(2) .site-shell{grid-template-columns:1fr;row-gap:18px;padding-top:28px}
  .role-top > .section:nth-of-type(2) .eyebrow{grid-column:1;grid-row:auto}
  .role-top > .section:nth-of-type(2) .hairline-title,.role-top > .section:nth-of-type(2) .section-intro,.role-top > .section:nth-of-type(2) .flow{grid-column:1}
  .role-insights .geometric{width:228px!important;height:158px!important;margin-left:auto!important;margin-right:0!important}
  .role-process .hero-grid:after{width:176px!important;height:108px!important}
}
@media(max-width:520px){
  .breadcrumb{font-size:14px!important;margin-bottom:28px!important}
  .article-meta{font-size:14px!important;gap:5px!important}
  .brand-symbol{width:27px!important;height:23px!important;flex-basis:27px!important}
  .brand-symbol i:nth-child(1){width:18px!important}.brand-symbol i:nth-child(2){left:8px!important}.brand-symbol i:nth-child(3){right:7px!important}
  .role-top .geometric{width:168px!important;height:122px!important}
  .role-insights .geometric{width:172px!important;height:122px!important}
  .role-process .hero-grid:after{width:142px!important;height:86px!important}
}

/* Stage 5A R2 final visual self-QA correction: management accounting remains line-only. */
.v02-page.role-service[data-page-id="PAGE-005"] .geometric,
.v02-page.role-service[data-page-id="PAGE-009"] .geometric{
  background:
    linear-gradient(var(--rule-strong),var(--rule-strong)) 16% 14%/1px 68% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 16% 82%/72% 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 31% 58%/1px 24% no-repeat,
    linear-gradient(var(--accent),var(--accent)) 31% 58%/12% 1px no-repeat,
    linear-gradient(var(--accent),var(--accent)) 43% 58%/1px 24% no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 52% 43%/1px 39% no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 52% 43%/12% 1px no-repeat,
    linear-gradient(var(--navy-soft),var(--navy-soft)) 64% 43%/1px 39% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 73% 29%/1px 53% no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 73% 29%/12% 1px no-repeat,
    linear-gradient(var(--rule-strong),var(--rule-strong)) 85% 29%/1px 53% no-repeat,
    linear-gradient(154deg,transparent 49%,var(--navy-soft) 49.4% 50.6%,transparent 51%) 29% 20%/57% 43% no-repeat!important;
}
