/* About page only. Geometric language: chamfered corners, solid diamond bullets, no cards, no gradients. */
.ab{padding-block:12px 8px}
.ab>section{padding-block:28px 40px;border-top:3px solid var(--line)}
.ab>section:first-child{border-top:0}
.ab h2{margin:0 0 18px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.35}
.ab h3{font-size:1.1875rem;line-height:1.5;color:var(--navy);margin:26px 0 8px;font-weight:700}
.ab p,.ab li{max-width:72ch;color:var(--ink);line-height:1.75}
.ab .lst{list-style:none;padding:0}
.ab .lst li{position:relative;padding-inline-start:30px;margin-bottom:10px}
.ab .lst li:before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:12px;height:12px;background:var(--blue);clip-path:var(--dia)}
.ab .lead{font-size:1.1875rem;color:var(--navy);font-weight:600}
.ab .mv{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ab .mv>div{background:var(--ice);padding:30px 30px 26px;clip-path:var(--c2);border-top:6px solid var(--blue)}
.ab .mv h3{margin-top:0}
.ab .tag{margin-top:28px;padding-inline-start:22px;border-inline-start:8px solid var(--blue);font-size:1.25rem;font-weight:700;color:var(--navy);max-width:60ch}
.ab .qs2{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px}
.ab .abe{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:start}
.ab .abe img{width:100%;height:auto;clip-path:var(--c2);background:#fff}
.ab .abq2{margin-top:28px}
.ab .abm{columns:3;column-gap:32px;list-style:none;padding:0}
.ab .abm li{position:relative;padding-inline-start:30px;margin-bottom:8px;break-inside:avoid}
.ab .abm li:before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:12px;height:12px;background:var(--blue);clip-path:var(--dia)}
.ab .abm bdi{font-variant-numeric:tabular-nums}
.ab .abl{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:8px}
.ab .abl li{max-width:none;margin:0;background:#fff;border:2px solid var(--line);clip-path:var(--c1);display:flex;align-items:center;justify-content:center;min-height:92px;padding:14px 16px}
.ab .abl img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain}
.ab .abp{background:var(--ice);padding:10px 26px 30px;clip-path:var(--c2)}
.ab .abp+.abp{margin-top:28px}
@media(max-width:820px){.ab .mv,.ab .qs2,.ab .abe{grid-template-columns:1fr}.ab .abm{columns:2}}
@media(max-width:480px){.ab .abm{columns:1}.ab .abl{grid-template-columns:repeat(2,1fr)}.ab .mv>div{padding:24px 20px}}

/* intro: plain editorial text, clear hierarchy (lead, then body) */
.ab #s-intro~p{max-width:66ch}
.ab section[aria-labelledby=s-intro] .lead{font-size:1.375rem;line-height:1.7;font-weight:600;color:var(--navy);max-width:34ch;margin-bottom:32px}
.ab section[aria-labelledby=s-intro] p:not(.lead){font-size:1.0625rem;line-height:1.95;color:var(--mute);max-width:64ch;margin-bottom:22px}

/* =====================================================================
   ABOUT v2: each section has its own composition (F-pattern: strong top bar,
   shorter second bar, left stem), no sticky title column, text broken into
   scannable blocks. Reading order stays logical for screen readers.
   ===================================================================== */
.ab.a2{max-width:none;padding:0}
.ab.a2>section{display:block!important;max-width:var(--w,1120px);margin-inline:auto;padding:clamp(64px,7vw,104px) clamp(20px,4vw,40px)!important}
.ab.a2 .a-head{display:flex;align-items:baseline;gap:18px;margin:0 0 clamp(32px,4vw,52px)}
.ab.a2 .a-no{font-size:.9375rem;font-weight:700;letter-spacing:.14em;color:var(--blue);font-variant-numeric:tabular-nums}
.ab.a2 h2{margin:0;font-size:var(--h-h2,2.25rem);line-height:1.2;font-weight:700;color:var(--navy)}
.ab.a2 h3{margin:0;font-size:1.0625rem;font-weight:700}
.ab.a2 p{max-width:none;margin:0}
/* 01 intro: wide statement, then four short pillars */
.a-lead{font-size:clamp(1.5rem,1.2vw + 1.1rem,2.125rem)!important;line-height:1.55!important;font-weight:600;color:var(--navy);max-width:32ch!important;margin-bottom:clamp(40px,5vw,64px)!important}
.a-pillars{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);padding:0;margin:0}
.a-pillars li{position:relative;padding-top:20px}
.a-pillars li:before{content:"";position:absolute;top:0;inset-inline-start:0;width:36px;height:4px;background:var(--blue)}
.a-pillars .n{display:block;font-size:2.25rem;line-height:1;font-weight:700;color:rgba(14,79,128,.2);margin-bottom:14px;font-variant-numeric:tabular-nums}
.a-pillars p{font-size:.9375rem;line-height:1.85;color:var(--mute)}
/* 02 mission / vision: asymmetric pair + tagline */
.a-mvg{display:grid;grid-template-columns:7fr 5fr;gap:24px}
.a-mission,.a-vision{padding:clamp(28px,3.5vw,48px);clip-path:var(--c2)}
.a-mission{background:var(--navy);color:#fff}
.a-vision{background:#fff;color:var(--navy)}
.a-mission h3,.a-vision h3{font-size:.875rem;letter-spacing:.12em;margin-bottom:18px;color:var(--sky)}
.a-vision h3{color:var(--blue)}
.a-mission .lede,.a-vision .lede{font-size:clamp(1.25rem,1vw + 1rem,1.625rem)!important;line-height:1.55;font-weight:600;margin-bottom:18px!important}
.a-mission p:not(.lede){font-size:.9375rem;line-height:1.85;color:#d6e6f3;margin-top:12px!important}
.a-vision p:not(.lede){font-size:.9375rem;line-height:1.85;color:var(--mute);margin-top:12px!important}
.a-tag{display:flex;align-items:center;gap:16px;margin-top:36px!important;font-size:1.1875rem;font-weight:700;color:var(--navy)}
.a-tag:before{content:"";flex:none;width:12px;height:12px;background:var(--blue);clip-path:var(--dia)}
/* 03 quality & safety: two statements, six goals, three roles */
.a-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.a-q,.a-s{padding:clamp(28px,3.5vw,44px);clip-path:var(--c2)}
.a-q{background:var(--navy);color:#fff}
.a-s{background:var(--ice)}
.a-q h3,.a-s h3{font-size:.875rem;letter-spacing:.12em;margin-bottom:16px}
.a-q h3{color:var(--sky)}.a-s h3{color:var(--blue)}
.a-q .lede,.a-s .lede{font-size:clamp(1.25rem,1vw + 1rem,1.5rem)!important;line-height:1.6;font-weight:600;margin-bottom:14px!important}
.a-s .lede{color:var(--navy)}
.a-q p:not(.lede){font-size:.9375rem;line-height:1.85;color:#d6e6f3;margin-top:10px!important}
.a-s p:not(.lede){font-size:.9375rem;line-height:1.85;color:var(--mute);margin-top:10px!important}
.a-q .sm,.a-s .sm{font-size:.875rem!important}
.a-goals{margin-top:48px}
.a-goals h3{font-size:1.25rem;margin-bottom:20px;color:var(--navy)}
.a-goals ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0}
.a-goals li{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:var(--bg2);clip-path:var(--c1);font-size:.9375rem;line-height:1.7;color:var(--ink)}
.a-goals .n{flex:none;font-size:1.25rem;font-weight:700;color:var(--blue);font-variant-numeric:tabular-nums}
.a-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.a-role{padding:26px 26px 22px;background:var(--bg2);clip-path:var(--c1)}
.a-role h3{font-size:1.0625rem;margin-bottom:14px;color:var(--navy)}
.a-role ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.a-role li{position:relative;padding-inline-start:20px;font-size:.9375rem;line-height:1.75;color:var(--mute)}
.a-role li:before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:8px;height:8px;background:var(--blue);clip-path:var(--dia)}
.a-plan{margin-top:36px!important;max-width:78ch!important;font-size:.9375rem;line-height:1.85;color:var(--mute)}
/* 04 equipment: image + named tools + model chips */
.a-eqg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,48px);align-items:start}
.a-eqg figure{margin:0;background:#fff;clip-path:var(--c2)}
.a-eqg img{display:block;width:100%;height:auto}
.a-tools{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0}
.a-tools li{padding:14px 16px;background:var(--bg2);clip-path:var(--c1)}
.a-tools b{display:block;font-size:.9375rem;font-weight:700;color:var(--navy);line-height:1.5}
.a-tools bdi{display:block;direction:ltr;text-align:start;font-size:.8125rem;color:var(--mute);margin-top:4px;line-height:1.5}
.a-models{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:36px}
.a-models .lbl{font-size:.875rem;font-weight:700;letter-spacing:.08em;color:var(--blue)}
.a-models ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.a-models li{padding:8px 14px;background:var(--ice);font-size:.875rem;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;clip-path:var(--c1)}
/* 05 approvals */
.a-apg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.a-apg article{padding:clamp(24px,3vw,36px);background:var(--ice);clip-path:var(--c2)}
.a-apg b{display:block;font-size:1.25rem;color:var(--navy);margin-bottom:10px}
.a-apg p{font-size:.9375rem;line-height:1.85;color:var(--mute)}
/* 06 partners and clients: one quiet wall */
.a-wall-g+.a-wall-g{margin-top:44px}
.a-wall-g h3{font-size:.875rem;letter-spacing:.12em;color:var(--blue);margin-bottom:16px}
.a-logos{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;padding:0;margin:0}
.a-logos li{display:flex;align-items:center;justify-content:center;height:78px;padding:10px 14px;background:#fff;clip-path:var(--c1)}
.a-logos img{max-width:100%;max-height:50px;width:auto;height:auto;object-fit:contain}
@media(max-width:1020px){.a-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.a-goals ol{grid-template-columns:1fr 1fr}.a-roles{grid-template-columns:1fr}.a-eqg{grid-template-columns:1fr}}
@media(max-width:700px){.a-mvg,.a-duo,.a-apg{grid-template-columns:1fr}.a-pillars,.a-goals ol,.a-tools{grid-template-columns:1fr}}
/* colour fixes inside the dark / tinted panels */
.a-q .lede,.a-mission .lede{color:#fff!important;text-shadow:none!important;font-weight:600!important}
.a-s .lede,.a-vision .lede{color:var(--navy)!important;text-shadow:none!important;font-weight:600!important}
.a-q p,.a-s p,.a-mission p,.a-vision p{text-shadow:none!important}

/* tagline as a statement banner (not a plain line of text) */
.a-tag{position:relative;display:block!important;margin-top:40px!important;padding:clamp(34px,4.5vw,60px) clamp(88px,12vw,180px)!important;background:var(--navy);color:#fff!important;text-align:center;font-size:clamp(1.375rem,1.5vw + 1rem,2rem)!important;font-weight:700;line-height:1.55;letter-spacing:0;clip-path:var(--c2);overflow:hidden;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 120%22 fill=%22none%22 stroke=%22%239fd0f0%22 stroke-width=%2210%22 stroke-linejoin=%22miter%22><path d=%22M-10 20L60 70L130 20%22 stroke-opacity=%22.55%22/><path d=%22M-10 50L60 100L130 50%22 stroke-opacity=%22.35%22/><path d=%22M-10 80L60 130L130 80%22 stroke-opacity=%22.2%22/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 120%22 fill=%22none%22 stroke=%22%239fd0f0%22 stroke-width=%2210%22 stroke-linejoin=%22miter%22><path d=%22M-10 20L60 70L130 20%22 stroke-opacity=%22.55%22/><path d=%22M-10 50L60 100L130 50%22 stroke-opacity=%22.35%22/><path d=%22M-10 80L60 130L130 80%22 stroke-opacity=%22.2%22/></svg>");background-repeat:no-repeat;background-size:150px 112px;background-position:left -26px center,right -26px center}
.a-tag:before{content:"";display:block!important;width:14px;height:14px;margin:0 auto 20px!important;background:var(--sky);clip-path:var(--dia)}
.a-tag:after{content:"";display:block;width:56px;height:3px;margin:22px auto 0;background:var(--sky);opacity:.8}
@media(max-width:700px){.a-tag{padding:30px 24px!important;background-size:110px 82px;background-position:left -40px bottom -10px,right -40px top -10px}}

/* intro pillars: asymmetric bento (7/5 then 5/7) with a colour rhythm and diamond numerals */
.a-pillars{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important}
.a-pillars li{position:relative;padding:clamp(24px,3vw,36px)!important;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;clip-path:var(--c2);overflow:hidden}
.a-pillars li:before{display:none!important}
.a-pillars li:nth-child(1){grid-column:span 7;background:var(--navy);color:#fff}
.a-pillars li:nth-child(2){grid-column:span 5;background:var(--ice)}
.a-pillars li:nth-child(3){grid-column:span 5;background:var(--bg2)}
.a-pillars li:nth-child(4){grid-column:span 7;background:var(--blue);color:#fff}
.a-pillars .n{position:absolute!important;top:18px;inset-inline-start:22px;width:46px;height:46px;display:grid;place-items:center;margin:0!important;font-size:.9375rem!important;font-weight:700;color:var(--navy)!important;background:var(--sky);clip-path:var(--dia)}
.a-pillars li:nth-child(2) .n,.a-pillars li:nth-child(3) .n{background:var(--navy);color:#fff!important}
.a-pillars li:after{content:"";position:absolute;inset-inline-end:-34px;top:-34px;width:120px;height:120px;border:2px solid currentColor;opacity:.12;transform:rotate(45deg);pointer-events:none}
.a-pillars p{font-size:1rem!important;line-height:1.85!important;color:inherit!important;margin:0!important;padding-top:56px}
.a-pillars li:nth-child(1) p,.a-pillars li:nth-child(4) p{color:#e4f1fb!important}
.a-pillars li:nth-child(2) p,.a-pillars li:nth-child(3) p{color:var(--ink)!important}
@media(max-width:860px){.a-pillars{grid-template-columns:1fr!important}.a-pillars li:nth-child(n){grid-column:auto}}

/* pillar numerals: diamond is a background layer, so the digits are never clipped */
.a-pillars .n{clip-path:none!important;background:none!important;width:56px!important;height:56px!important;z-index:1;font-size:.9375rem!important;color:var(--navy)!important;isolation:isolate}
.a-pillars .n:before{content:"";position:absolute;inset:0;background:var(--sky);clip-path:var(--dia);z-index:-1}
.a-pillars li:nth-child(2) .n:before,.a-pillars li:nth-child(3) .n:before{background:var(--navy)}
.a-pillars li:nth-child(2) .n,.a-pillars li:nth-child(3) .n{color:#fff!important}
.a-pillars .n{font-variant-numeric:tabular-nums;letter-spacing:0}

/* equipment names: EN shows the official English name once (Arabic label hidden), AR keeps label + English model name */
html[lang=en] .a-tools bdi{margin-top:0;font-size:.9375rem;font-weight:700;color:var(--navy)}
html[lang=en] .a-tools b:empty{display:none}

/* MOBILE PASS 2 (<=700px): no stray list padding, 2-col equipment, 3-col logo wall */
@media(max-width:700px){
 .ab ul,.ab ol,.a-pillars,.a-tools,.a-logos,.a-goals ol{padding-inline:0!important;margin-inline:0}
 .a-pillars li{min-height:0!important;padding:20px!important}
 .a-pillars p{padding-top:52px;font-size:.9375rem!important}
 .a-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .a-tools li{padding:14px 12px!important;min-width:0}
 .a-tools li:last-child:nth-child(odd){grid-column:1/-1}
 .a-tools b,.a-tools bdi{font-size:.875rem;overflow-wrap:anywhere}
 .a-logos{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 .a-logos li{height:68px;padding:8px 10px}
 .a-logos img{max-height:42px}
 .a-wall-g+.a-wall-g{margin-top:32px}
}
@media(max-width:700px){
 .a-logos{display:flex!important;flex-wrap:wrap;justify-content:center}
 .a-logos li{flex:0 0 calc((100% - 16px)/3);box-sizing:border-box}
}

/* =====================================================================
   MOBILE COMPACT (<=700px) -- layout and scale only, no content change.
   Everything flows vertically: icon-left rows, stacked panels, a 2-col
   equipment grid, wrapped model chips and a dense 4-col logo wall.
   No horizontal scrolling anywhere on this page.
   ===================================================================== */
@media(max-width:700px){
 .doc .hd{padding-bottom:26px!important;margin-bottom:18px!important}
 .ab.a2>section{padding-block:24px 26px!important;border-top-width:2px;padding-inline:clamp(20px,4vw,40px)!important}
 .ab.a2>section:first-child{padding-top:4px!important;border-top:0}
 .ab.a2 .a-head{margin-bottom:14px;gap:12px}
 .ab.a2 h2{font-size:1.5rem;line-height:1.3}
 .ab.a2 .a-no{font-size:.875rem}
 .ab.a2 .a-lead{font-size:1.1875rem!important;line-height:1.65!important;margin-bottom:16px!important}

 /* stacked card sets: tight gap, no rail, no bleed */
 .ab.a2 .a-pillars,.ab.a2 .a-mvg,.ab.a2 .a-duo,.ab.a2 .a-roles,.ab.a2 .a-apg{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:0!important;padding:0!important;width:auto;overflow:visible}
 .ab.a2 .a-pillars>li,.ab.a2 .a-mvg>article,.ab.a2 .a-duo>article,.ab.a2 .a-roles>article,.ab.a2 .a-apg>article{
  grid-column:auto!important;min-width:0;box-sizing:border-box}

 /* 01 pillars: small diamond numeral floats at the start, text wraps around it */
 .ab.a2 .a-pillars li{display:block;padding:12px 14px!important;min-height:0!important}
 .ab.a2 .a-pillars .n{position:relative!important;float:inline-start;top:auto!important;inset-inline-start:auto!important;width:40px!important;height:40px!important;margin:0 0 4px 12px!important;margin-inline:0 12px!important;shape-outside:margin-box}
 .ab.a2 .a-pillars p{padding-top:0!important;font-size:.9375rem!important;line-height:1.6!important}
 .ab.a2 .a-pillars li:after{width:80px;height:80px;inset-inline-end:-30px;top:-30px}

 .ab.a2 .a-pillars p,.ab.a2 .a-mvg p:last-child,.ab.a2 .a-duo p:last-child,.ab.a2 .a-apg p,.ab.a2 .a-role p{margin-bottom:0!important}
 .ab.a2 .a-tools li,.ab.a2 .a-goals li,.ab.a2 .a-models li,.ab.a2 .a-logos li,.ab.a2 .a-pillars li,.ab.a2 .a-role li{margin:0!important}
 /* 02 mission / vision */
 .ab.a2 .a-mission,.ab.a2 .a-vision,.ab.a2 .a-q,.ab.a2 .a-s{padding:18px 16px!important}
 .ab.a2 .a-mission h3,.ab.a2 .a-vision h3,.ab.a2 .a-q h3,.ab.a2 .a-s h3{margin-bottom:6px}
 .ab.a2 .a-mission .lede,.ab.a2 .a-vision .lede,.ab.a2 .a-q .lede,.ab.a2 .a-s .lede{font-size:1.0625rem!important;line-height:1.55;margin-bottom:6px!important}
 .ab.a2 .a-mission p:not(.lede),.ab.a2 .a-vision p:not(.lede),.ab.a2 .a-q p:not(.lede),.ab.a2 .a-s p:not(.lede){font-size:.9375rem;line-height:1.65;margin-top:6px!important}
 .ab.a2 .a-q .sm,.ab.a2 .a-s .sm{font-size:.9375rem!important}
 .ab.a2 .a-tag{margin-top:10px!important;padding:18px 16px!important;font-size:1.0625rem!important;line-height:1.5;background-size:90px 68px;background-position:left -34px bottom -8px,right -34px top -8px}
 .ab.a2 .a-tag:before{width:10px;height:10px;margin:0 auto 8px!important}
 .ab.a2 .a-tag:after{margin-top:10px;width:44px}

 /* 03 quality + safety: number + text inline rows */
 .ab.a2 .a-goals{margin-top:18px}
 .ab.a2 .a-goals h3{font-size:1.0625rem;margin-bottom:8px}
 .ab.a2 .a-goals ol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0!important;width:auto;overflow:visible}
 .ab.a2 .a-goals li{padding:10px 10px;gap:8px;font-size:.9375rem;line-height:1.5;align-items:flex-start;min-width:0}
 .ab.a2 .a-goals .n{min-width:1.4em;font-size:1.0625rem;line-height:1.4}
 .ab.a2 .a-roles{margin-top:12px!important}
 .ab.a2 .a-role{padding:14px 16px 12px}
 .ab.a2 .a-role h3{margin-bottom:6px}
 .ab.a2 .a-role ul{gap:6px}
 .ab.a2 .a-role li{line-height:1.6}
 .ab.a2 .a-plan{margin-top:12px!important;font-size:.9375rem;line-height:1.7}

 /* 04 equipment: 2-col tools, wrapped chips */
 .ab.a2 .a-eqg{gap:12px}
 .ab.a2 .a-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important;width:auto;overflow:visible}
 .ab.a2 .a-tools li{padding:10px!important;grid-column:auto!important;min-width:0}
 .ab.a2 .a-tools li:last-child:nth-child(odd){grid-column:1/-1!important}
 .ab.a2 .a-tools b,.ab.a2 .a-tools bdi{font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}
 .ab.a2 .a-models{display:block;margin-top:14px}
 .ab.a2 .a-models .lbl{display:block;margin-bottom:8px}
 .ab.a2 .a-models ul{display:flex;flex-wrap:wrap;gap:6px;width:auto;margin:0!important;padding:0!important;overflow:visible}
 .ab.a2 .a-models li{flex:0 1 auto;white-space:normal;padding:6px 12px;font-size:.9375rem}

 /* 05 approvals */
 .ab.a2 .a-apg article{padding:14px 16px}
 .ab.a2 .a-apg b{font-size:1.0625rem;margin-bottom:4px}
 .ab.a2 .a-apg p{line-height:1.65}

 /* 06 logo walls: dense 4-col grid, small logos */
 .a-wall-g+.a-wall-g{margin-top:18px}
 .a-wall-g h3{margin-bottom:10px}
 .ab.a2 .a-logos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0!important;width:auto;overflow:visible}
 .ab.a2 .a-logos li{flex:none;height:46px;padding:5px 6px;min-width:0;width:auto}
 .ab.a2 .a-logos img{max-height:30px;max-width:100%}
}

/* =====================================================================
   MOBILE BREATHING ROOM (<=700px) -- one spacing system, layout only.
   sections 48-52px, heading to content 22px, card padding 20px, card gap 16px,
   list rows 16px, body line-height 1.8, 20px gutters, tiles 10px.
   ===================================================================== */
@media(max-width:700px){
 html body .doc .hd{padding-bottom:34px!important;margin-bottom:28px!important}
 html body .ab.a2>section{padding-block:44px 46px!important;padding-inline:20px!important}
 html body .ab.a2>section:first-child{padding-top:12px!important}
 html body .ab.a2 .a-head{margin-bottom:22px;gap:14px}
 html body .ab.a2 h2{font-size:1.5rem;line-height:1.4}
 html body .ab.a2 .a-lead{font-size:1.1875rem!important;line-height:1.8!important;margin-bottom:28px!important}

 /* stacked card sets */
 html body .ab.a2 .a-pillars,html body .ab.a2 .a-mvg,html body .ab.a2 .a-duo,html body .ab.a2 .a-roles,html body .ab.a2 .a-apg{gap:16px!important}

 /* 01 pillars: numeral and text sit side by side, never touching an edge */
 html body .ab.a2 .a-pillars li{display:grid!important;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:start;padding:20px!important}
 html body .ab.a2 .a-pillars .n{float:none!important;position:relative!important;width:44px!important;height:44px!important;margin:0!important;shape-outside:none}
 html body .ab.a2 .a-pillars p{padding-top:0!important;font-size:.9375rem!important;line-height:1.85!important;margin:0!important}
 html body .ab.a2 .a-pillars li:after{width:70px;height:70px;inset-inline-end:-30px;top:-30px}

 /* 02 mission / vision / tagline */
 html body .ab.a2 .a-mission,html body .ab.a2 .a-vision,html body .ab.a2 .a-q,html body .ab.a2 .a-s{padding:22px 20px!important}
 html body .ab.a2 .a-mission h3,html body .ab.a2 .a-vision h3,html body .ab.a2 .a-q h3,html body .ab.a2 .a-s h3{margin-bottom:14px}
 html body .ab.a2 .a-mission .lede,html body .ab.a2 .a-vision .lede,html body .ab.a2 .a-q .lede,html body .ab.a2 .a-s .lede{font-size:1.125rem!important;line-height:1.7;margin-bottom:14px!important}
 html body .ab.a2 .a-mission p:not(.lede),html body .ab.a2 .a-vision p:not(.lede),html body .ab.a2 .a-q p:not(.lede),html body .ab.a2 .a-s p:not(.lede){line-height:1.8;margin-top:12px!important}
 html body .ab.a2 .a-tag{margin-top:16px!important;padding:30px 22px!important;font-size:1.125rem!important;line-height:1.7}
 html body .ab.a2 .a-tag:before{margin:0 auto 16px!important}
 html body .ab.a2 .a-tag:after{margin-top:18px}

 /* 03 goals + roles */
 html body .ab.a2 .a-goals{margin-top:36px}
 html body .ab.a2 .a-goals h3{font-size:1.125rem;margin-bottom:16px}
 html body .ab.a2 .a-goals ol{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html body .ab.a2 .a-goals li{padding:14px 18px;gap:14px;line-height:1.7;align-items:flex-start}
 html body .ab.a2 .a-roles{margin-top:28px!important}
 html body .ab.a2 .a-role{padding:20px}
 html body .ab.a2 .a-role h3{margin-bottom:14px}
 html body .ab.a2 .a-role ul{gap:12px}
 html body .ab.a2 .a-role li{line-height:1.75}
 html body .ab.a2 .a-plan{margin-top:28px!important;line-height:1.85}

 /* 04 equipment */
 html body .ab.a2 .a-eqg{gap:24px}
 html body .ab.a2 .a-tools{gap:12px!important}
 html body .ab.a2 .a-tools li{padding:14px!important}
 html body .ab.a2 .a-models{margin-top:28px}
 html body .ab.a2 .a-models .lbl{margin-bottom:12px}
 html body .ab.a2 .a-models ul{gap:10px}
 html body .ab.a2 .a-models li{padding:8px 14px}

 /* 05 approvals */
 html body .ab.a2 .a-apg article{padding:20px}
 html body .ab.a2 .a-apg b{margin-bottom:8px}
 html body .ab.a2 .a-apg p{line-height:1.8}

 /* 06 logo wall */
 html body .a-wall-g+.a-wall-g{margin-top:32px}
 html body .a-wall-g h3{margin-bottom:14px}
 html body .ab.a2 .a-logos{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
 html body .ab.a2 .a-logos li{height:54px;padding:6px 8px}
 html body .ab.a2 .a-logos img{max-height:36px}
}