/* Zzoomm website navigation/footer and scoped homepage styling. */
.zz-header,.zz-footer,.zz-support-bar { font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.zz-header *,.zz-footer *,.zz-support-bar * { box-sizing:border-box; }
.zz-header { position:sticky; top:0; z-index:1010; flex:none; width:100%; color:#fff; background:#ed0074; border-radius:0 0 50px 50px; }
.zz-header-inner { display:flex; align-items:center; gap:24px; min-height:92px; padding:15px 54px; width:100%; }
.zz-header a { color:inherit; text-decoration:none; }
.zz-brand { display:block; flex:0 0 133px; line-height:0; }
.zz-brand img { display:block; width:133px; height:auto; }
.zz-site-nav { display:flex; align-items:center; justify-content:space-between; gap:18px; flex:1; min-width:0; }
.zz-header ul { list-style:none; padding:0; margin:0; }
.zz-nav-list { display:flex; align-items:center; justify-content:flex-start; flex:1; gap:0; }
.zz-nav-list>li { flex:none; }
.zz-nav-list>li>a,.zz-nav-list>li>.zz-dropdown>summary { display:flex; align-items:center; gap:7px; padding:13px 16px; font-family:'Inter',sans-serif; font-size:16px; font-weight:700; line-height:20px; letter-spacing:-.26px; white-space:nowrap; }
.zz-nav-list>li>a:hover,.zz-nav-list>li>.zz-dropdown>summary:hover { text-decoration:underline; text-underline-offset:8px; text-decoration-thickness:1.5px; }
.zz-header summary { list-style:none; cursor:pointer; }
.zz-header summary::-webkit-details-marker { display:none; }
.zz-chevron { display:inline-block; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin:0 2px 4px 2px; flex:none; }
.zz-dropdown[open]>summary>.zz-chevron { transform:rotate(225deg); margin-bottom:0; }
.zz-dropdown { position:relative; }
.zz-dropdown-list { position:absolute; top:100%; left:0; min-width:225px; border-radius:15px; padding:8px!important; background:#fff; color:#2b2b2b; box-shadow:0 0 10px #0000001c; z-index:10; }
.zz-dropdown-list a,.zz-dropdown-list summary { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:14px 12px; border-radius:8px; font-size:16px; line-height:22px; font-weight:700; letter-spacing:-.26px; }
.zz-dropdown-list a:hover,.zz-dropdown-list summary:hover { background:#f5f4ec; color:#c4005f; }
.zz-nested>.zz-dropdown-list { left:100%; top:-8px; }
.zz-header .zz-availability { flex:0 0 auto; display:flex; align-items:center; justify-content:center; min-height:50px; padding:12px 21px; border:2px solid #2b2b2b; border-radius:50px; background:#fff; color:#ed0074; font-family:'Inter',sans-serif; font-size:18px; font-weight:700; line-height:22px; letter-spacing:0; text-align:center; white-space:nowrap; }
.zz-header .zz-availability:hover { background:#f5f4ec; color:#c4005f; }
.zz-header :is(a,summary,button):focus-visible { outline:3px solid #fff; outline-offset:4px; }
.zz-header .zz-dropdown-list :is(a,summary):focus-visible { outline-color:#c4005f; outline-offset:0; }
.zz-menu-toggle { display:none; }
.zz-skip { position:fixed; top:8px; left:8px; transform:translateY(-200%); background:#fff; color:#2b2b2b; z-index:100000; padding:14px 20px; border:2px solid #2b2b2b; border-radius:8px; }
.zz-skip:focus { transform:none; }
.zz-main-anchor { display:block; height:0; scroll-margin-top:115px; }
.zz-support-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 4%; font-size:14px; background:#f5f4ec; border-bottom:1px solid #d8d7d0; position:relative; z-index:50; }
.zz-support-bar a { color:#2b2b2b; }
.zz-support-account { position:relative; }
.zz-support-account summary { cursor:pointer; }
.zz-account-links { position:absolute; right:0; min-width:240px; max-width:90vw; padding:10px; background:#fff; border-radius:12px; box-shadow:0 4px 20px #0002; }
.zz-account-links>* { display:block; padding:10px; }
.zz-footer { flex:none; background:#2b2b2b; color:#fff; padding:80px 48px 50px; text-align:left; font-size:16px; line-height:1.56; letter-spacing:.21px; }
.zz-footer-inner { max-width:1340px; margin:0 auto; }
.zz-footer-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr 1fr; gap:50px; }
.zz-footer a { color:#fff; text-decoration:none; }
.zz-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
.zz-footer a:focus-visible,.zz-footer summary:focus-visible { outline:2px solid #fff; outline-offset:5px; border-radius:2px; }
.zz-footer h2 { font-family:inherit; font-size:20px; line-height:28px; font-weight:700; color:#a8a7a3; letter-spacing:0; margin:0 0 22px; }
.zz-footer-brand>a { display:inline-block; line-height:0; margin-bottom:32px; }
.zz-footer-brand img { display:block; width:150px; height:auto; }
.zz-footer-brand h2 { margin-bottom:18px; }
.zz-socials { display:flex; align-items:center; gap:19px; flex-wrap:wrap; }
.zz-socials a { display:flex; align-items:center; justify-content:center; width:28px; height:32px; }
.zz-socials svg { display:block; width:25px; height:25px; fill:currentColor; }
.zz-footer .zz-contact { margin:0 0 24px; }
.zz-contact strong,.zz-contact a { display:block; }
.zz-contact strong { font-weight:700; }
.zz-footer ul { list-style:none; margin:0; padding:0; }
.zz-footer-links li { margin:0 0 15px; }
.zz-footer-bottom { margin-top:36px; padding-top:32px; border-top:1.5px solid #71706d; font-size:14px; line-height:20px; }
.zz-footer-bottom p { margin:0; max-width:1150px; }
.zz-footer-tools { display:flex; justify-content:flex-end; align-items:flex-start; gap:30px; margin-top:20px; }
.zz-locale summary { cursor:pointer; }
.zz-locale ul { padding-top:12px; }
.zz-locale li { padding:4px 0; }
@media(min-width:1101px) and (max-width:1330px) {
 .zz-header-inner { padding-inline:30px; gap:20px; }
 .zz-nav-list>li>a,.zz-nav-list>li>.zz-dropdown>summary { padding-inline:9px; font-size:15px; }
 .zz-header .zz-availability { padding-inline:18px; font-size:16px; }
 .zz-brand,.zz-brand img { width:115px; flex-basis:115px; }
}
@media(max-width:1100px) {
 .zz-header-inner { flex-wrap:wrap; justify-content:space-between; gap:0; padding:18px 36px; min-height:88px; }
 .zz-brand,.zz-brand img { width:110px; flex-basis:110px; }
 .zz-menu-toggle { background:transparent; border:0; padding:8px; width:44px; height:44px; cursor:pointer; color:#fff; border-radius:6px; }
 .zz-header.zz-ready .zz-menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; }
 .zz-menu-toggle span { display:block; width:27px; height:3px; border-radius:2px; background:currentColor; }
 .zz-menu-toggle[aria-expanded=true] span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
 .zz-menu-toggle[aria-expanded=true] span:nth-child(2) { opacity:0; }
 .zz-menu-toggle[aria-expanded=true] span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
 .zz-site-nav { flex:0 0 100%; display:block; padding:20px 0 10px; max-height:calc(100dvh - 88px); overflow-y:auto; overscroll-behavior:contain; }
 .zz-header.zz-ready:not(.zz-open) .zz-site-nav { display:none; }
 .zz-nav-list { display:block; }
 .zz-nav-list>li>a,.zz-nav-list>li>.zz-dropdown>summary { justify-content:space-between; font-size:22px; line-height:28px; padding:14px 5px; white-space:normal; }
 .zz-dropdown-list,.zz-nested>.zz-dropdown-list { position:static; min-width:0; box-shadow:none; margin:4px 0 10px!important; }
 .zz-nested>.zz-dropdown-list { background:#f5f4ec; margin-left:10px!important; }
 .zz-header .zz-availability { display:flex; width:100%; margin-top:20px; font-size:18px; min-height:52px; }
 .zz-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 60px; }
}
@media(max-width:767px) {
 .zz-header { border-radius:0 0 25px 25px; }
 .zz-header-inner { padding:16px 19px; min-height:76px; }
 .zz-brand,.zz-brand img { width:77px; flex-basis:77px; }
 .zz-site-nav { max-height:calc(100dvh - 76px); }
 .zz-main-anchor { scroll-margin-top:90px; }
 .zz-footer { padding:62px 24px 34px; }
 .zz-footer-grid { grid-template-columns:1fr; gap:40px; }
 .zz-footer h2 { font-size:18px; line-height:24px; margin-bottom:18px; }
 .zz-footer-brand>a { margin-bottom:26px; }
 .zz-footer-links li { margin-bottom:14px; }
 .zz-footer-bottom { margin-top:30px; padding-top:26px; }
 .zz-footer-tools { justify-content:space-between; }
 .zz-support-bar { font-size:13px; }
 .zz-account-label { display:none; }
}
@media print {
 .zz-header { position:static; background:white; color:black; }
 .zz-site-nav,.zz-menu-toggle,.zz-footer,.zz-support-bar,.zz-skip { display:none!important; }
}

/* Help-centre homepage: website colours, typography and separated cards. */
/* Extend the hero beneath the rounded corners while preserving its content position. */
.layout:has(.zz-home-hero) { background:#f5f4ec; }
.hero.zz-home-hero { margin-top:-50px; padding-top:50px; }
.hero.zz-home-hero,
.zz-home-hero .bg-hero,
.zz-home-hero .bg-home { background:#f5f4ec; background-image:none; }
.zz-home-hero .zz-home-title {
 font-family:'Inter',sans-serif; font-size:50px; font-weight:700;
 line-height:1.12; letter-spacing:-1.5px; color:#2b2b2b;
}
.zz-home-title .zz-help-highlight { color:#ed0074; }
.zz-home-hero .zz-home-intro { max-width:760px; margin:20px 0 24px; color:#2b2b2b; font-size:20px; line-height:1.5; font-weight:400; }
.zz-home-hero .text-center .zz-home-intro { margin-inline:auto; }
.zz-home-hero .text-right .zz-home-intro { margin-left:auto; }
.zz-home-hero .zz-home-search { background:#fff; color:#2b2b2b; border-radius:6px; }
.zz-home-search input[type=search] {
 background:#fff; color:#2b2b2b; border-color:#fff; box-shadow:none;
}
.zz-home-search input[type=search]::placeholder { color:#2b2b2b; opacity:1; }
.zz-home-search input[type=search]:focus { border-color:#ed0074; outline:2px solid #ed0074; outline-offset:2px; }
.zz-home-search .search-icon { color:#2b2b2b; }
.content-blocks.zz-home-topics { background:#fff; }
.zz-help-cards { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin:8px 0 32px; }
.zz-help-cards .zz-help-card,
.zz-help-cards .zz-help-card:is(:hover,:focus,:active,:visited) {
 display:flex; align-items:center; gap:28px; min-width:0; padding:32px;
 background:#f5f4ec; color:#2b2b2b; border:0; border-radius:20px;
 text-decoration:none; box-shadow:none; transform:none; transition:none;
}
.zz-help-cards .zz-help-card:focus-visible { outline:3px solid #ed0074; outline-offset:4px; }
.zz-help-icon { display:flex; flex:none; align-items:center; justify-content:center; width:64px; height:64px; border:1px solid #ed0074; border-radius:50%; }
.zz-help-icon-image { display:block; }
.zz-help-card-content { min-width:0; flex:1; }
.zz-help-card .zz-help-card-title { margin:0 0 12px; color:#2b2b2b; font-size:28px; line-height:1.2; font-weight:700; overflow-wrap:anywhere; }
.zz-help-card .zz-help-card-description { margin:0 0 8px; color:#2b2b2b; }
.zz-help-card .zz-help-read-more {
 display:block; margin-top:20px; color:#ed0074; font-size:20px; font-weight:700;
 line-height:1.4; text-decoration:underline; text-underline-offset:3px;
}
@media(min-width:768px) {
 .zz-help-cards:is([data-columns="2"],[data-columns="3"],[data-columns="4"]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .zz-help-cards:is([data-columns="2"],[data-columns="3"],[data-columns="4"]) .zz-help-card { flex-direction:column; align-items:flex-start; }
}
@media(min-width:1024px) {
 .zz-help-cards:is([data-columns="3"],[data-columns="4"]) { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(min-width:1280px) {
 .zz-help-cards[data-columns="4"] { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .hero.zz-home-hero { margin-top:-25px; padding-top:25px; }
 .zz-help-cards .zz-help-card,
 .zz-help-cards .zz-help-card:is(:hover,:focus,:active,:visited) { padding:28px; }
 .zz-help-card .zz-help-icon { display:none; }
}

/* Section and article pages share the homepage hero, search and card styles. */
.layout:has(.zz-inner-hero)>main { background:#fff; }
.zz-inner-hero-content { position:relative; z-index:30; padding-top:36px; padding-bottom:36px; }
.zz-inner-hero .zz-home-title { max-width:1080px; margin:18px 0 24px; overflow-wrap:anywhere; }
.zz-inner-hero .zz-home-search { margin-top:28px; margin-bottom:12px; }
.zz-breadcrumbs { color:#5b5b57; font-size:14px; line-height:1.5; }
.zz-breadcrumbs .breadcrumbs { display:flex; flex-wrap:wrap; gap:8px 0; margin:0; padding:0; list-style:none; }
.zz-breadcrumbs a { color:#2b2b2b; text-decoration:underline; text-underline-offset:3px; }
.zz-breadcrumbs a:hover { color:#ed0074; }
.zz-inner-page { padding-top:40px; padding-bottom:64px; }
.zz-section-list-heading { margin:36px 0 24px; color:#2b2b2b; font-size:28px; font-weight:700; line-height:1.25; }
.zz-section-page .zz-help-cards { margin-top:0; }
.zz-section-article-cards .zz-help-card-title { font-size:26px; }
.zz-article-page .zz-article-layout { margin:0; gap:32px; align-items:flex-start; }
.zz-article-layout>.zz-article-main { flex:1 1 0; min-width:0; padding:0; }
.zz-article-panel { padding:40px; border:0; border-radius:20px; background:#f5f4ec; color:#2b2b2b; }
.zz-article-metadata { margin-bottom:24px; }
.zz-article-panel .article-content { font-size:18px; line-height:1.7; overflow-wrap:anywhere; margin:0; }
.zz-article-panel .article-content p { margin-top:0; margin-bottom:22px; }
.zz-article-panel .article-content :is(h2,h3,h4) { color:#2b2b2b; font-weight:700; line-height:1.3; margin:32px 0 18px; }
.zz-article-panel .article-content h2 { font-size:28px; }
.zz-article-panel .article-content h3 { font-size:24px; }
.zz-article-panel .article-content :is(ul,ol) { margin:0 0 24px; padding-left:26px; }
.zz-article-panel .article-content li { margin-bottom:10px; padding-left:4px; }
.zz-article-panel .article-content :is(img,video,iframe) { max-width:100%; }
.zz-article-panel .article-content img { height:auto; }
.zz-article-panel .article-content table { display:block; max-width:100%; overflow-x:auto; }
.zz-article-panel .article-content pre { max-width:100%; overflow-x:auto; }
.zz-article-panel a { color:#ed0074; text-decoration:underline; text-underline-offset:3px; }
.zz-article-panel footer { margin:32px 0 0; padding-top:28px; border-top:1px solid #d9d8d0; }
.zz-article-panel footer>section { width:100%; padding:0; }
.zz-article-panel footer h2 { margin:0 0 18px; font-size:24px; font-weight:700; }
.zz-article-panel footer ul { list-style:none; padding:0; margin:0; }
.zz-article-panel footer li { margin:0 0 12px; }
.zz-article-panel :is([data-element="article-navigation"],footer):empty { display:none; }
.zz-article-voting { margin-top:32px; padding-top:24px; border-top:1px solid #d9d8d0; }
.zz-article-layout>.zz-reading-sidebar { flex:0 0 280px; width:280px; max-width:280px; min-width:0; padding:0; }
.zz-article-sidebar-card { padding:28px; background:#f5f4ec; border-radius:20px; }
.zz-article-sidebar-card h2 { margin:0 0 20px; font-size:22px; line-height:1.3; font-weight:700; color:#2b2b2b; }
.zz-article-sidebar-card ul { margin:0; padding:0; list-style:none; }
.zz-article-sidebar-card li+li { border-top:1px solid #d9d8d0; }
.zz-article-sidebar-card li a { display:block; padding:14px 0; font-size:16px; line-height:1.5; color:#2b2b2b; text-decoration:none; overflow-wrap:anywhere; }
.zz-article-sidebar-card a[aria-current="page"] { color:#ed0074; font-weight:700; }
.zz-article-sidebar-card a:hover { text-decoration:underline; text-underline-offset:3px; }
.zz-article-sidebar-card .zz-back-to-section { display:block; border-top:1px solid #d9d8d0; padding-top:20px; margin-top:8px; color:#ed0074; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.zz-inner-page a:focus-visible,.zz-breadcrumbs a:focus-visible { outline:3px solid #ed0074; outline-offset:4px; }
/* Keep the full 896px reading area and add the sidebar outside it on wide screens.
   1272px = 896px article + 32px gap + 280px sidebar + 64px container padding. */
@media(min-width:1272px) {
 .container.zz-article-page,.zz-article-hero .zz-inner-hero-content { max-width:1272px; }
 .zz-article-hero .zz-home-title,.zz-article-hero .zz-home-search { max-width:896px; }
}
@media(max-width:1271px) {
 .zz-article-page .zz-article-layout { flex-direction:column; }
 .zz-article-layout>.zz-article-main,.zz-article-layout>.zz-reading-sidebar { flex:none; width:100%; max-width:100%; }
}
@media(max-width:767px) {
 .zz-inner-hero-content { padding-top:24px; padding-bottom:24px; }
 .zz-inner-hero .zz-home-title { font-size:36px; line-height:1.15; letter-spacing:-1px; }
 .zz-inner-hero .zz-home-intro { font-size:18px; }
 .zz-inner-page { padding-top:28px; padding-bottom:40px; }
 .zz-article-panel { padding:28px 24px; }
 .zz-article-panel .article-content { font-size:17px; }
 .zz-section-article-cards .zz-help-card-title { font-size:24px; }
}