/* Shared parent navigation. Deliberately independent of legacy page link styles. */
main .page-navigation{display:block;position:relative;z-index:1;margin:0 0 24px;padding:0;border:0;background:none;color:#244140;text-align:left}
main .page-navigation>a{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-transform:none;text-decoration:none;white-space:normal;opacity:1}
main .page-navigation>a>svg{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;transform:none}
main .page-navigation>a>span{font:inherit;color:inherit}
main .page-navigation>a:hover>span{text-decoration:underline;text-underline-offset:4px}
main .page-navigation>a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
main .page-navigation-shell{padding-block:0}
/* Preserve hero containers while giving the parent link the same breathing room. */
main [data-page-navigation-hero]{padding-top:24px!important}
main .programme-hero[data-page-navigation-hero]{padding-top:0!important}
main .programme-hero[data-page-navigation-hero] .ph-inner{padding-top:24px}
main .page-navigation+:is(.le-hero-grid,.rg-hero-grid,.cg-hero-grid){padding-top:0}
main .ph-top{margin-bottom:24px}
main .ph-top>.page-navigation{margin-bottom:0}
main .ph-top+.ph-grid{margin-top:0}
main :is(.le-hero,.ev-detail-hero,.programme-hero,.forest,.active-hero) .page-navigation{color:#d7e6dd}
main :is(.le-hero,.programme-hero--fiar,.amlr-hero) .page-navigation{color:#dbe8f2}
/* On the FIAR palette, whose links turn FIAR blue when pointed at, a back link keeps its colour and underlines, as it does
   on every other page; on the navy hero that blue vanished. */
body[data-palette="fiar"] main .page-navigation>a:hover{color:inherit}