/* Keep the direct About page link recognisable without a dropdown. */
.header #navigation .about-direct[aria-current="page"],.mobile-secondary .about-direct[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.header #navigation .landlords-direct[aria-current="page"],.mobile-primary .landlords-direct[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.header #navigation{gap:16px}
.header #navigation .nav-more>div{z-index:20;min-width:248px;color:#0A215B;background:#fff}
.header #navigation .nav-more>div a{font-size:15px;line-height:1.5}
.header #navigation .nav-more summary:focus-visible{outline:3px solid #F4455A;outline-offset:4px}
.mobile-primary .mobile-journey{border-bottom:1px solid #cad6e6;padding:0;min-width:0}
.mobile-primary .mobile-journey summary{list-style:none;cursor:pointer;padding:18px 0}
.mobile-primary .mobile-journey summary::-webkit-details-marker{display:none}
.mobile-primary .mobile-journey summary>span{display:flex;justify-content:space-between;font-size:26px;color:#0A215B;font-weight:700}
.mobile-primary .mobile-journey summary small{display:block;color:#526178;font-size:14px;margin-top:7px}
.mobile-primary .mobile-journey>div{padding:0 0 14px 12px;border-left:3px solid #F4455A}
.mobile-primary .mobile-journey>div a{display:block;padding:12px 14px;font-size:17px;line-height:1.5;min-height:48px;border:0;color:#0A215B}
.mobile-primary .mobile-journey summary:focus-visible{outline:3px solid #F4455A;outline-offset:3px}
@media(min-width:1201px) and (max-width:1500px){.header #navigation{gap:10px}.header #navigation>a,.header #navigation summary{font-size:14px}.header #navigation .button{padding:14px 12px}}

/* Journey labels navigate; the neighbouring summary arrow opens the submenu. */
.header #navigation .nav-more summary{display:flex;align-items:center;gap:8px}
.header #navigation .nav-more summary>a{padding:0;font:inherit;color:inherit;text-decoration:none}
.header #navigation .nav-more summary>span{padding:6px 3px}
.mobile-primary .mobile-journey summary{display:flex;justify-content:space-between;align-items:center;gap:16px}
.mobile-primary .mobile-journey summary>a{flex:1;padding:0;border:0;min-height:0;color:#0A215B}
.mobile-primary .mobile-journey summary>a>span{font-size:26px;font-weight:700}
.mobile-primary .mobile-journey summary>i{font-style:normal;display:grid;place-items:center;min-width:44px;min-height:44px;font-size:26px}

/* Search sits after Contact on desktop and beside the menu on phones. */
.header .header-search-mobile{display:none}
.header #navigation>a.header-search{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;padding:0}
.header .header-search svg,.header .header-search-mobile svg{display:block;max-width:none}
.header #navigation>.button{margin-left:10px;white-space:nowrap}
.header .header-search:focus-visible,.header .header-search-mobile:focus-visible{outline:2px solid #F4455A;outline-offset:3px}
@media(max-width:1200px){.header .menu-button{margin-left:auto}.header>a.header-search-mobile{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:48px;color:inherit}.header #navigation>.header-search{display:none}}
@media(max-width:360px){.header,body[data-page=''] .header{padding-inline:14px;gap:6px}.header .brand-horizontal{gap:6px}.header .menu-button{min-width:44px;padding:10px}}

/* The mobile menu uses the same horizontal symbol and wordmark as the header. */
.mobile-menu .brand-horizontal{display:flex;align-items:flex-end;width:auto;max-width:calc(100% - 55px);height:50px;gap:9px}
.mobile-menu .brand-horizontal img{filter:brightness(0) invert(1)}

/* Unboxed mobile journeys with the same coral action-arrow artwork as the site. */
.mobile-menu .mobile-primary>a{padding:16px 0;border:0;border-bottom:1px solid #ffffff30;background:transparent}
.mobile-menu .mobile-primary>a:hover{background:transparent;border-color:#F4455A}
.mobile-menu .mobile-primary>a>span>i,.mobile-menu .mobile-secondary>a>span{display:block;flex:0 0 20px;width:20px;height:20px;font-size:0;background:#F4455A;mask:url('/assets/action-arrow.svg') center/contain no-repeat;-webkit-mask:url('/assets/action-arrow.svg') center/contain no-repeat}
.mobile-menu .mobile-journey{border-bottom-color:#ffffff30}
.mobile-menu .mobile-journey summary{padding:16px 0}
.mobile-menu .mobile-journey summary>i{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;background:transparent;font-size:0;color:#F4455A}
.mobile-menu .mobile-journey summary>i::after{content:"";display:block;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.mobile-menu .mobile-journey[open] summary>i::after{transform:translateY(3px) rotate(225deg)}
.mobile-menu .mobile-menu-bottom>.button{justify-content:center;text-align:center}

.mobile-menu .mobile-journey>div a{display:flex;align-items:center;gap:12px}
.mobile-menu .mobile-submenu-arrow{display:block;flex:0 0 18px;width:18px;height:18px;background:#F4455A;mask:url('/assets/action-arrow.svg') center/contain no-repeat;-webkit-mask:url('/assets/action-arrow.svg') center/contain no-repeat}

/* Only the burger menu adopts the footer's complete white artwork and scale. */
.mobile-menu .brand.footer-brand.brand-horizontal{width:240.24px;max-width:calc(100% - 55px);height:50.16px;gap:0}
@media(max-width:760px){.mobile-menu .brand.footer-brand.brand-horizontal{width:201.52px;height:44px}}
@media(max-width:370px){.mobile-menu .brand.footer-brand.brand-horizontal{width:161.92px;height:37.84px}}