.pg-crumb{padding-block:var(--s-4) var(--s-3)}
.pg-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .6rem;
  font-size:14px;color:var(--fg-2)}
.pg-crumb li + li::before{content:"›";margin-inline-end:.6rem;color:var(--slate)}
html[dir="rtl"] .pg-crumb li + li::before{content:"‹"}
.pg-crumb a{color:var(--teal);text-decoration:none;min-block-size:24px;display:inline-block}
.pg-crumb a:hover{text-decoration:underline}
.pg-crumb [aria-current]{color:var(--ink);font-weight:600}

.pg-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--petrol);
  color:var(--white);min-block-size:clamp(340px,50vh,500px)}
.pg-hero-t{padding:var(--s-7) clamp(26px,4vw,64px);display:grid;align-content:center;gap:var(--s-4);
  justify-items:start}
.pg-hero h1{margin:0;font-size:clamp(34px,4.6vw,60px);line-height:1.06;font-weight:700;text-wrap:balance}
html[lang="ar"] .pg-hero h1{line-height:1.3}
.pg-lede{margin:0;max-inline-size:52ch;font-size:clamp(16px,1.4vw,19px);line-height:1.6}
html[lang="ar"] .pg-lede{line-height:1.9}
.pg-cta{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.pg-hero-img{position:relative;min-block-size:240px;overflow:hidden}
.pg-hero-img picture{position:absolute;inset:0;display:block}
.pg-hero-el{inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 50%}

.pg-sec{padding-block:var(--band)}
.pg-sunk{background:var(--bg-sunk)}

.pg-ledger{list-style:none;margin:var(--s-6) 0 0;padding:0;border-block-start:1px solid var(--rule)}
.pg-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;
  gap:var(--s-4);padding-block:var(--s-4);border-block-end:1px solid var(--rule)}
.pg-n{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--teal)}
.pg-row-t h3{margin:0;font-size:22px;line-height:1.25;font-weight:700}
.pg-row-t h3 a{color:var(--ink);text-decoration:none}
.pg-row-t h3 a:hover{color:var(--teal)}
.pg-row-t p{margin:.25rem 0 0;color:var(--fg-2);font-size:16px;line-height:1.5}
html[lang="ar"] .pg-row-t p{line-height:1.8}
.pg-row-a{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s-3)}
.pg-more{color:var(--teal);font-weight:600;text-decoration:none;min-block-size:44px;
  display:inline-flex;align-items:center}
.pg-more:hover{text-decoration:underline}
.pg-add{min-block-size:44px;padding:.55rem 1rem;border:1px solid var(--teal);border-radius:3px;
  background:transparent;color:var(--teal);font-size:15px;font-weight:600;cursor:pointer;
  max-inline-size:100%;white-space:normal;overflow-wrap:anywhere}
.pg-add:hover{background:var(--teal);color:var(--white)}
.pg-add--sm{padding:.4rem .8rem;font-size:14px}

.pg-band-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7);align-items:center}
.pg-band:not(.pg-sunk){border-block-start:1px solid var(--rule)}
#pg-awards .pg-band-in{grid-template-columns:minmax(0,1fr)}
.pg-band-t h2{margin:0 0 var(--s-3);font-size:clamp(26px,3vw,38px);line-height:1.15;font-weight:700}
.pg-band-t > p{margin:0 0 var(--s-4);max-inline-size:60ch;color:var(--fg-2);font-size:17px;line-height:1.6}
html[lang="ar"] .pg-band-t > p{line-height:1.9}
.pg-note{padding:var(--s-3) var(--s-4);background:var(--bg-sunk);border-radius:3px;color:var(--ink) !important}
.pg-kids{list-style:none;margin:0 0 var(--s-4);padding:0;display:grid;gap:var(--s-2)}
.pg-kid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);
  padding-block:var(--s-2);border-block-end:1px solid var(--rule)}
.pg-kid a{color:var(--ink);font-weight:600;text-decoration:none;min-block-size:44px;display:inline-flex;
  align-items:center}
.pg-kid a:hover{color:var(--teal)}
.pg-band-a{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}
.pg-band-m{aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:var(--bg-sunk)}
.pg-band-m picture,.pg-band-m img{display:block;inline-size:100%;block-size:100%;object-fit:cover}

.pg-occ{list-style:none;margin:var(--s-6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-3)}
.pg-occ a{display:inline-flex;align-items:center;min-block-size:48px;padding:.6rem 1.2rem;
  border:1px solid var(--control-border);border-radius:99px;color:var(--ink);font-weight:600;
  text-decoration:none}
.pg-occ a:hover{background:var(--petrol);color:var(--white);border-color:var(--petrol)}

.pg-steps{list-style:none;margin:var(--s-6) 0 0;padding:0;display:grid;gap:var(--s-5);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.pg-step{border-block-start:2px solid var(--teal);padding-block-start:var(--s-3);min-inline-size:0}
.pg-step-n{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--teal)}
.pg-step h3{margin:.3rem 0;font-size:20px;font-weight:700}
.pg-step p{margin:0;color:var(--fg-2);font-size:16px;line-height:1.5}
html[lang="ar"] .pg-step p{line-height:1.8}

@media (max-width:900px){
  .pg-hero{grid-template-columns:1fr}
  .pg-hero-img{order:-1;block-size:clamp(200px,42vw,330px);min-block-size:0}
  .pg-hero-t{padding:var(--s-5) var(--gutter)}
  .pg-band-in{grid-template-columns:1fr;gap:var(--s-5)}
  .pg-row{grid-template-columns:2.2rem minmax(0,1fr)}
  .pg-row-a{grid-column:2;justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){ .pg-add,.pg-occ a{transition:none} }

#pg-awards .pg-band-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pg-band--flip .pg-band-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.pg-band--flip .pg-band-m{order:-1}
@media (max-width:900px){
  #pg-awards .pg-band-in,.pg-band--flip .pg-band-in{grid-template-columns:1fr}
  .pg-band--flip .pg-band-m{order:0}
}