/* GOLD EDITING NOTE DP09 — Single official project status used across pages, desktop navigation and mobile navigation. */
.af-dp-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#805709;background:#fff5df;border:1px solid #e7d8b7;padding:5px 8px;font:700 10px/1.3 var(--af-body);letter-spacing:.065em;text-transform:uppercase}
.af-dp-status>span{width:5px;height:5px;background:#ad781f;border-radius:50%;flex:none}

/* GOLD EDITING NOTE DP10 — Activities remain visible beside a distinct, compact digital-project area. Match other mega-menu typography and frame spacing. */
.af-dp-nav-layout{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(430px,1.08fr);min-height:380px;background:#fff;border:1px solid #d7e2ea}
.af-dp-nav-intro{position:relative;isolation:isolate;overflow:hidden;background:#041e34;display:flex;align-items:end}
.af-dp-nav-intro>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center;transition:transform .5s}
.af-dp-nav-intro::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#031b2ffc,#061f35db 60%,#082c4755)}
.af-dp-nav-intro:hover img{transform:scale(1.035)}
.af-dp-nav-intro>div{padding:27px 23px}
.af-dp-nav-intro span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:#f5c779}
.af-dp-nav-intro h2{font:700 28px/1.12 var(--af-display);letter-spacing:-.035em;color:#fff;margin:12px 0}
.af-dp-nav-intro p{font-size:12px;line-height:1.6;color:#d2e0eb;margin:0}
.af-dp-nav-intro a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:41px;padding:0 12px;margin-top:24px;background:linear-gradient(#f7d17f,#e8ae43);color:#082f50;font-size:12px;font-weight:750}
.af-dp-nav-programmes{display:flex;flex-direction:column;min-width:0}
/* GOLD EDITING NOTE DP13 — Compact activity rows and a shared editorial heading hierarchy; no oversized tile spacing. */
.af-dp-nav-programmes>header,.af-dp-nav-projects>header{padding:20px 21px 15px}
.af-dp-nav-programmes>header>span,.af-dp-nav-projects>header>span{display:block;font-size:12px;line-height:1.4;font-weight:650;color:#284d68;margin:7px 0 4px}
.af-dp-nav-programmes h3,.af-dp-nav-projects h3{font:750 15px/1.2 var(--af-display);letter-spacing:.035em;color:#9c650f;text-transform:uppercase;margin:0}
.af-dp-nav-programmes header>p,.af-dp-nav-projects header>p{font-size:12px;line-height:1.45;color:#5a758b;margin:0}
.af-dp-nav-programmes>div{display:grid;grid-template-columns:1fr;border-top:1px solid #dce5ec;margin:0 21px}
.af-dp-nav-programmes>div>a{min-height:61px;padding:8px 4px;border-bottom:1px solid #dce5ec;display:grid;grid-template-columns:25px minmax(0,1fr) 12px;gap:10px;align-items:center;min-width:0;transition:background .2s}
.af-dp-nav-programmes strong{font-size:12.5px;font-weight:760;line-height:1.25;color:#082f50}
.af-dp-nav-programmes small{display:block;font-size:11px;line-height:1.35;color:#607b8f;margin-top:4px}
.af-dp-nav-programmes .af-dp-nav-activity-icon{font-size:20px;color:#46728e;line-height:1;text-align:center}
.af-dp-nav-programmes .af-dp-nav-activity-arrow{font-size:11px;color:#8099aa}
.af-dp-nav-programmes>div>a:hover{background:#f4f7f9}
.af-dp-nav-programmes footer{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 21px;margin-top:auto}
.af-dp-nav-programmes footer>span{font-size:10px;color:#6c8191}
/* GOLD EDITING NOTE DP15 — Small gold event action and edge-to-edge navy project gateway match the institutional dropdown actions. */
.af-dp-nav-programmes footer>a{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:7px 10px;border:1px solid #e4a73b;background:linear-gradient(180deg,#f7d17f,#e8ae43);font-size:11px;font-weight:790;color:#082f50;white-space:nowrap;transition:background .18s ease}
.af-dp-nav-programmes footer>a:hover{background:#ffdb91;color:#082f50}
.af-dp-nav-projects{background:#f1f5f7;border-left:1px solid #d7e2ea;display:flex;flex-direction:column;min-width:0}
/* GOLD EDITING NOTE DP14 — Three equal, approximately 104px project cards keep the dropdown compact. Retain readable copy and group-level status. */
.af-dp-nav-development{font:650 10px/1.4 var(--af-body);letter-spacing:.075em;text-transform:uppercase;color:#647988;margin:0 21px 9px}
.af-dp-nav-projects>div{padding:0 21px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.af-dp-nav-project{display:flex;position:relative;isolation:isolate;overflow:hidden;padding:24px 12px 10px;min-height:104px;min-width:0;background:#082c46;border:1px solid #23475f;align-items:flex-end}
.af-dp-nav-project>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% center;transition:transform .4s}
.af-dp-nav-project::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#041f35 0%,#06253bf5 46%,#082d4680 77%,#082d4640)}
.af-dp-nav-project>span{display:block;width:100%;min-width:0}
.af-dp-nav-project strong{font-size:12px;font-weight:750;color:#fff;display:block;line-height:1.35}
.af-dp-nav-project small{font-size:10.5px;line-height:1.45;color:#d4e1eb;display:block;margin-top:5px;min-height:46px}
.af-dp-nav-project>i{position:absolute;right:10px;top:11px;color:#f2c36e;font-size:11px}
.af-dp-nav-project:hover>img{transform:scale(1.04)}
.af-dp-nav-project:hover strong{color:#f7d183}
.af-dp-nav-all{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:49px;border-top:2px solid #d9a144;margin:18px 0 0;padding:12px 21px;color:#fff;background:#082f50;font-size:11.5px;font-weight:780;transition:background .18s ease}
.af-dp-nav-all>i{color:#f6be5a}
.af-dp-nav-all:hover{color:#fff;background:#0a3d62}
.af-dp-nav-layout .af-dp-nav-all:focus-visible{outline-color:#f7cc78;outline-offset:-4px}
/* GOLD EDITING NOTE PP49 NAV — Compact portfolio-family links extend the existing project column without changing the mega-menu layout. */
.af-pp49-nav-families{display:grid;gap:0;padding:0 21px;margin-bottom:14px}
.af-pp49-nav-families>a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:31px;border-bottom:1px solid #d5e2eb;font-size:12px;font-weight:700;color:#164a70}
.af-pp49-nav-families>a:hover{color:#0B6ECC}
/* GOLD EDITING NOTE PP50 GATEWAYS — Programme-specific image links connect existing AF pages to the portfolio. Keep these compact; they are editorial gateways, not a second catalogue. */
.af-pp50-crosslinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;text-align:left}
.af-pp50-crosslinks>a{display:grid;grid-template-columns:90px minmax(0,1fr) 13px;gap:15px;align-items:center;padding:15px;background:#f2f6f9;border:1px solid #d2e0e9;color:#082f50;min-width:0}
.af-pp50-crosslinks img{display:block;width:90px;height:72px;object-fit:cover}
.af-pp50-crosslinks small{display:block;font-size:10px;line-height:1.5;color:#6a7f90;font-weight:650;margin-bottom:5px}
.af-pp50-crosslinks strong{display:block;font-size:14px;font-weight:700;line-height:1.4;color:inherit;overflow-wrap:anywhere;hyphens:auto}
.af-pp50-crosslinks i{font-size:12px;color:#0B6ECC}
.af-pp50-crosslinks>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.af-pp50-crosslinks>a:focus-visible{outline:2px solid #0B6ECC;outline-offset:4px}
.af-pp50-crosslinks--dark>a{background:#05243c96;border-color:#8aacbf3d;color:#fff}
.af-pp50-crosslinks--dark small{color:#a6c2d6}
.af-pp50-crosslinks--dark i{color:#e9be70}
@media(max-width:1199.98px){.af-pp50-crosslinks>a{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:12px}.af-pp50-crosslinks img{width:52px;height:52px}.af-pp50-crosslinks i{display:none}.af-pp50-crosslinks strong{font-size:13px}}
@media(max-width:767.98px){.af-pp50-crosslinks{grid-template-columns:1fr;gap:12px}.af-pp50-crosslinks>a{grid-template-columns:90px minmax(0,1fr) 14px;padding:13px}.af-pp50-crosslinks img{width:90px;height:65px}.af-pp50-crosslinks strong{font-size:14px}.af-pp50-crosslinks i{display:block}}
/* GOLD EDITING NOTE DP16 — The unregistered trademark symbol is a restrained superscript, not a registered-status claim. */
.af-dp-nav-trademark{position:static;vertical-align:super;margin-left:3px;font-size:9px;font-weight:500;line-height:0;color:inherit}
.af-dp-nav-layout a:focus-visible{outline:2px solid #0b6ecc;outline-offset:3px}
.af-dp-nav-intro a:focus-visible{outline-color:#fff}
@media(min-width:1200px) and (max-width:1399.98px){.af-dp-nav-layout{grid-template-columns:235px minmax(0,1fr) minmax(430px,1.08fr)}.af-dp-nav-programmes footer{flex-direction:column;align-items:start;gap:6px}}

/* GOLD EDITING NOTE DP11 — Mobile project entries retain the descriptor and development status without changing the existing accordion behavior. */
.af-mobile-menu .accordion-body>a.af-dp-mobile-project{display:flex;align-items:center;justify-content:space-between;min-height:83px;padding:20px 12px;background:#f3f6f8;border:1px solid #d7e2ea;margin-top:8px}
.af-dp-mobile-project>span{display:flex;flex-direction:column;gap:5px}
.af-dp-mobile-project strong{font-size:14px;line-height:1.3;font-weight:750;color:#083454}
.af-dp-mobile-project small{font-size:12px;line-height:1.5;color:#567186}
.af-dp-mobile-project .af-dp-status{align-self:start;font-size:9px;margin-top:4px}
.af-dp-mobile-project>i{color:#0b6ecc;font-size:13px}
@media(prefers-reduced-motion:reduce){.af-dp-nav-intro>img,.af-dp-nav-project>img{transition:none}.af-dp-nav-intro:hover img,.af-dp-nav-project:hover>img{transform:none}}

/* GOLD EDITING NOTE DP12 — Lightweight Digital Projects entry on the existing Activities landing page. */
.af-dp-hub{padding:45px 0;background:#f3f6f8;border-top:1px solid #d7e2ea}
.af-dp-hub header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}
.af-dp-hub header p{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#946719;font-weight:750;margin:0 0 10px}
.af-dp-hub h2{font:650 28px/1.2 var(--af-display);color:#083454;margin:0;letter-spacing:-.025em}
.af-dp-hub header>a{font-size:13px;font-weight:700;color:#0b6ecc;min-height:44px;display:flex;align-items:center;gap:15px}
.af-dp-hub .af-shell>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d7e2ea}
.af-dp-hub .af-shell>div>a{position:relative;padding:25px;background:#fff;border-right:1px solid #d7e2ea}
.af-dp-hub .af-shell>div>a:last-child{border:0}
.af-dp-hub .af-shell>div>a>span:not(.af-dp-status){display:block;font-size:10px;letter-spacing:.1em;font-weight:750;color:#9a6a1e;margin-bottom:12px}
.af-dp-hub .af-shell>div strong{font-size:21px;font-weight:700;color:#083454}
.af-dp-hub .af-shell>div p{font-size:14px;line-height:1.6;color:#536e83;margin:9px 0 18px}
.af-dp-hub .af-shell>div i{position:absolute;right:24px;top:48px;color:#0b6ecc}
.af-dp-hub a:hover{background:#f6f9fb}
.af-dp-hub a:focus-visible{outline:2px solid #0b6ecc;outline-offset:3px}
@media(max-width:767.98px){.af-dp-hub header{display:block}.af-dp-hub h2{font-size:24px}.af-dp-hub header>a{margin-top:12px}.af-dp-hub .af-shell>div{grid-template-columns:1fr}.af-dp-hub .af-shell>div>a{border-right:0;border-bottom:1px solid #d7e2ea}}