/* Premier Global Engines family header and footer (job BV, 3 Oct 2026). Colours come from the page's
   --pge-* variables (set per app from Final logos (3 Oct 2026)/tokens.css). Fonts are self-hosted (SIL OFL). */
@font-face{font-family:"PGE Overpass";font-weight:800;font-display:swap;src:url(fonts/overpass800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PGE Overpass";font-weight:800;font-display:swap;src:url(fonts/overpass800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:400;font-display:swap;src:url(fonts/atkinson400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:400;font-display:swap;src:url(fonts/atkinson400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:700;font-display:swap;src:url(fonts/atkinson700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:700;font-display:swap;src:url(fonts/atkinson700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"PGE Almarai";font-weight:700;font-display:swap;src:url(fonts/almarai700-arabic.woff2) format("woff2")}
:root{--pge-sans:"Atkinson Hyperlegible Next",Verdana,system-ui,sans-serif;--pge-display:"PGE Overpass","Arial Narrow",Arial,sans-serif}
.pge-head{background:var(--pge-tint);border-bottom:3px solid var(--pge-brand);border-image:linear-gradient(90deg,#D7AB0B,#C56B28,#AB3D61,#3662A0,#197B87,#D7AB0B) 1;color:var(--pge-brand)}
.pge-in{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;max-width:var(--pge-max,1000px);margin:0 auto;padding:10px 18px;box-sizing:border-box}
.pge-id{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
a.pge-id:hover .pge-name{text-decoration:underline}
.pge-badge{width:40px;height:40px;flex:none;display:block;border-radius:0}
.pge-name{font:800 1.3rem/1.1 var(--pge-display);color:var(--pge-brand);white-space:nowrap}
.pge-desc{font:800 .74rem/1.2 var(--pge-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pge-brand);
  border-inline-start:2px solid currentColor;padding-inline-start:10px;white-space:nowrap}
.pge-desc:lang(ar){font:700 .95rem/1.3 "PGE Almarai",Tahoma,sans-serif;letter-spacing:0;text-transform:none}
.pge-family{margin-inline-start:auto;font:800 .66rem/1.2 var(--pge-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pge-muted);white-space:nowrap}
[dir="rtl"] .pge-family{letter-spacing:.1em}
.pge-foot{max-width:var(--pge-max,1000px);margin:36px auto 0;padding:12px 18px 22px;box-sizing:border-box;border-top:1px solid var(--pge-line);
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:.8rem/1.4 var(--pge-sans);color:var(--pge-muted)}
.pge-foot .pge-part{margin-inline-start:auto}
.pge-part{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--pge-muted)}
.pge-part img{width:16px;height:16px;display:block}
.pge-part b{font:800 .68rem/1 var(--pge-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pge-text)}
footer .pge-part{margin-top:8px}
.pge-mark-d{display:none!important}
@media (max-width:600px){.pge-badge{width:36px;height:36px}.pge-name{font-size:1.15rem}.pge-in{padding:8px 14px}
  .pge-family{flex-basis:100%;margin-inline-start:0;font-size:.6rem}}