/* Guardian Forge shared presentation overrides — consolidated 20 September 2026 */


/* heading-hyphen-fix */
/* Render hyphens in display headings with a clean sans-serif glyph while retaining Cormorant Garamond for the surrounding text. */
.heading-hyphen{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:0!important;
  display:inline-block;
  line-height:1;
  margin:0 .025em;
  vertical-align:-.12em;
}


/* footer-accreditation-dark-override */
.footer .accreditations{
  max-width:1280px;
  margin:0 auto 26px;
  padding:22px 0 12px;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e5e7eb!important;
  text-align:center;
}
.footer .accreditations h3{
  margin-bottom:24px;
  color:#8b97aa!important;
}

/* One calm, balanced line on wide desktop */
.footer .logos{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:nowrap;
}
.footer .logos>a{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-left:1px solid rgba(255,255,255,.10);
  flex:0 0 auto;
}
.footer .logos>a:first-child{border-left:0}

/* Give each mark a sensible optical footprint rather than forcing equal raw sizes */
.footer .logos>a:nth-child(1){width:205px}
.footer .logos>a:nth-child(2){width:145px}
.footer .logos>a:nth-child(3){width:248px}
.footer .logos>a:nth-child(4){width:300px}
.footer .logos>a:nth-child(5){width:260px}

/* Disability Confident */
.footer .logos .dc{
  width:auto!important;
  height:auto!important;
  max-width:190px!important;
  max-height:92px!important;
  padding:4px;
  border-radius:4px;
  background:#fff;
}

/* Good Business Charter */
.footer .gbc-mark img{
  width:auto!important;
  height:auto!important;
  max-width:108px!important;
  max-height:102px!important;
}

/* Mindful Employer - lighter blue panel with thin white box */
.footer .logos .mindful-tile{
  background:#3b4ea8!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:4px!important;
  padding:12px 14px!important;
  box-sizing:border-box;
}
.footer .logos .mindful-tile img{
  width:auto!important;
  height:auto!important;
  max-width:214px!important;
  max-height:72px!important;
}

/* ICO */
.footer .ico{
  min-width:0!important;
  width:282px!important;
  padding:6px!important;
  border-radius:10px!important;
  background:#e5e7eb!important;
  color:#111827!important;
}
.footer .ico div{
  padding:10px 12px!important;
  border:3px solid #3157be!important;
  border-radius:16px!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.3!important;
  text-transform:uppercase!important;
}
.footer .ico b{
  display:block!important;
  margin-top:6px!important;
  font-size:17px!important;
}

/* Armed Forces Covenant - white rectangular box */
.footer .afc-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  min-width:0!important;
  text-align:left!important;
  color:#102333!important;
  padding:12px 14px!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  border-radius:6px!important;
  background:#ffffff!important;
}
.footer .afc-mark img{
  width:66px!important;
  height:84px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  flex:0 0 auto!important;
}
.footer .afc-mark span{
  width:145px!important;
  max-width:145px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

/* Keep the row responsive instead of squeezing the logos */
@media(max-width:1220px){
  .footer .logos{
    flex-wrap:wrap;
    gap:18px 24px;
  }
  .footer .logos>a,
  .footer .afc-mark{
    border-left:0!important;
  }
}
@media(max-width:760px){
  .footer .logos{
    flex-direction:column;
    gap:12px;
  }
  .footer .logos>a{
    width:min(320px,100%)!important;
    min-height:auto;
    padding:10px 8px;
  }
  .footer .afc-mark{
    justify-content:center!important;
    width:min(320px,100%)!important;
  }
}


/* responsive-nav-footer-contact */
/* Footer Contact heading remains a real link */
.footer h3 .footer-contact-heading{
  color:inherit!important;
  font:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-transform:inherit!important;
  text-decoration:none!important;
}
.footer h3 .footer-contact-heading:hover,
.footer h3 .footer-contact-heading:focus-visible{
  color:var(--gold-soft,#e3b863)!important;
}

/* Hidden by default: only used below 540px */
.nav-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:8px 14px;
  margin-left:auto;
  border:1px solid rgba(17,24,39,.16);
  border-radius:8px;
  background:#fff;
  color:#111827;
  font:700 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
}
.nav-toggle-bars{
  width:20px;
  height:14px;
  position:relative;
  display:inline-block;
}
.nav-toggle-bars::before,
.nav-toggle-bars::after,
.nav-toggle-bars span{
  content:"";
  position:absolute;
  left:0;
  width:20px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transition:transform .18s ease,opacity .18s ease,top .18s ease;
}
.nav-toggle-bars::before{top:0}
.nav-toggle-bars span{top:6px}
.nav-toggle-bars::after{top:12px}

/*
  Continuous proportional navigation.
  From full desktop down to 540px, the same navigation remains visible and
  scales smoothly with the viewport instead of jumping at a desktop breakpoint.
*/
@media(min-width:540px){
  .nav .nav-inner{
    width:calc(100% - clamp(12px,4vw,72px))!important;
    max-width:1680px!important;
    margin:0 auto!important;
    padding:clamp(10px,1.1vw,17px) 0!important;
    overflow:visible!important;
  }
  .nav ul{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:clamp(3px,1.25vw,22px)!important;
    white-space:nowrap!important;
  }
  .nav ul li{
    width:auto!important;
    flex:0 0 auto!important;
  }
  .nav ul a{
    display:block!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    font-size:clamp(7.4px,calc(4.8px + .42vw),12px)!important;
    letter-spacing:clamp(.015em,.075vw,.12em)!important;
    line-height:1.2!important;
  }
  .nav-toggle{display:none!important}
}

/* Compact menu only when the viewport is 539px or narrower */
@media(max-width:539px){
  .nav-inner{
    position:relative;
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    padding:10px 18px!important;
    overflow:visible!important;
  }
  .nav-toggle{display:inline-flex!important}
  .nav ul{
    display:none!important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:1050;
    margin:0;
    padding:10px 18px 16px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    background:#fff;
    border-top:1px solid rgba(17,24,39,.08);
    border-bottom:1px solid rgba(17,24,39,.12);
    box-shadow:0 18px 32px rgba(0,0,0,.13);
    white-space:normal!important;
  }
  .nav.nav-open ul{display:flex!important}
  .nav ul li{width:100%!important}
  .nav ul a{
    display:block!important;
    width:100%!important;
    padding:12px 6px!important;
    border-bottom:1px solid rgba(17,24,39,.07)!important;
    font-size:12px!important;
    letter-spacing:.10em!important;
  }
  .nav ul li:last-child a{border-bottom:0!important}
  .nav.nav-open .nav-toggle-bars::before{top:6px;transform:rotate(45deg)}
  .nav.nav-open .nav-toggle-bars span{opacity:0}
  .nav.nav-open .nav-toggle-bars::after{top:6px;transform:rotate(-45deg)}
}


/* footer-support-numbers */
.footer .footer-support-number{
  margin:12px 0 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.footer .footer-support-number + .footer-support-number{
  margin-top:10px;
}
.footer .footer-support-copy{
  min-width:0;
}
.footer .footer-support-label{
  display:block;
  margin-bottom:2px;
  color:#c9963e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1.35;
  text-transform:uppercase;
}
.footer .footer-support-number .footer-support-phone{
  color:#d7dde7;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}
.footer .footer-support-number .footer-support-phone:hover,
.footer .footer-support-number .footer-support-phone:focus-visible{
  color:#e3b863;
}
.footer .footer-support-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:32px;
  padding:6px 10px;
  border:1px solid rgba(37,211,102,.48);
  border-radius:999px;
  color:#d7dde7!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.footer .footer-support-whatsapp:hover,
.footer .footer-support-whatsapp:focus-visible{
  background:rgba(37,211,102,.09);
  color:#fff!important;
}
.footer .footer-support-whatsapp svg{
  width:14px;
  height:14px;
  fill:#25d366;
  flex:0 0 auto;
}
@media(max-width:760px){
  .footer .footer-support-number{
    grid-template-columns:1fr;
    align-items:start;
  }
  .footer .footer-support-whatsapp{
    justify-self:start;
  }
}


/* Home header stacked support numbers */
        .header-contact{
            margin-left:auto;
            display:grid;
            grid-template-columns:auto minmax(410px, 465px);
            align-items:center;
            gap:22px;
            flex-wrap:nowrap;
        }

        .header-support-stack{
            display:grid;
            gap:8px;
            width:100%;
            transform:translateX(-12px);
        }

        .header-support-card{
            display:grid;
            grid-template-columns:42px minmax(225px,1fr) auto;
            align-items:center;
            gap:11px;
            padding:10px 12px;
            border:1px solid rgba(201,150,62,.30);
            border-radius:13px;
            background:rgba(0,0,0,.24);
            box-shadow:0 8px 20px rgba(0,0,0,.12);
        }

        .header-support-card .contact-icon{
            width:42px;
            height:42px;
            flex:0 0 42px;
        }

        .header-support-copy{
            display:flex;
            min-width:0;
            flex-direction:column;
        }

        .header-phone-label{
            display:block;
            margin-bottom:3px;
            color:var(--gold);
            font-size:11px;
            font-weight:900;
            line-height:1.2;
            letter-spacing:.10em;
            text-transform:uppercase;
            white-space:nowrap;
        }

        .header-support-card .header-phone{
            color:#fff;
            font-size:20px;
            font-weight:900;
            line-height:1.1;
            white-space:nowrap;
        }

        .header-support-actions{
            display:flex;
            align-items:center;
            gap:7px;
            flex-wrap:nowrap;
        }

        .header-support-action{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            min-height:34px;
            padding:7px 10px;
            border:1px solid rgba(201,150,62,.48);
            border-radius:999px;
            color:#fff!important;
            font-size:10px;
            font-weight:900;
            line-height:1;
            text-decoration:none!important;
            white-space:nowrap;
        }

        .header-support-action:hover{
            background:rgba(201,150,62,.12);
        }

        .header-support-action.whatsapp{
            border-color:rgba(37,211,102,.48);
        }

        .header-support-action.whatsapp svg{
            width:14px;
            height:14px;
            fill:#25d366;
            flex:0 0 auto;
        }

        @media(max-width:1320px) and (min-width:761px){
            .header-inner{gap:18px}
            .header-contact{
                grid-template-columns:auto minmax(385px,430px);
                gap:14px;
            }
            .header-address{font-size:15px;font-weight:700}
            .header-support-card{
                grid-template-columns:38px minmax(205px,1fr) auto;
                gap:9px;
                padding:9px 10px;
            }
            .header-support-card .contact-icon{
                width:38px;
                height:38px;
                flex-basis:38px;
            }
            .header-phone-label{font-size:9.5px}
            .header-support-card .header-phone{font-size:17px}
            .header-support-action{font-size:9px;padding:6px 8px}
        }

        @media(max-width:1180px) and (min-width:761px){
            .header-inner{
                flex-wrap:wrap!important;
                justify-content:center!important;
            }
            .brand{
                flex:1 1 500px!important;
            }
            .header-contact{
                width:100%;
                grid-template-columns:auto minmax(385px,455px);
                justify-content:center!important;
                margin-left:0;
            }
            .brand-logo{width:108px;height:108px}
            .brand-name{font-size:24px}
            .brand-service{font-size:13px}
            .brand-tag{font-size:10.5px}
        }

        @media(max-width:760px){
            .header-contact{
                margin-top:22px;
                display:flex;
                flex-direction:column;
                align-items:stretch;
                gap:14px;
            }
            .header-contact>.contact-chip{
                justify-content:center;
            }
            .header-support-stack{
                max-width:430px;
                margin:0 auto;
            }
            .header-support-card{
                grid-template-columns:40px minmax(0,1fr);
            }
            .header-support-actions{
                grid-column:1/-1;
                justify-content:center;
            }
            .header-phone-label{
                white-space:normal;
            }
        }

/* Shared breadcrumb navigation */
.breadcrumb-shell{
  background:rgba(2,5,10,.36);
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.breadcrumbs{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:9px 28px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#9ca3af;
  font-size:11px;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.breadcrumbs a{
  color:#cbd5e1;
  text-decoration:none;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus-visible{
  color:var(--gold-soft,#e3b863);
}
.breadcrumbs [aria-current="page"]{
  color:#c9963e;
}
@media(max-width:620px){
  .breadcrumbs{padding:8px 16px;font-size:9px;gap:6px}
}

/* V61: larger GF artwork reaches the open space above the credentials. */
@media (min-width:961px){
  .footer .footer-grid{
    position:relative;
    isolation:isolate;
  }
  .footer .footer-grid::after{
    content:"";
    position:absolute;
    left:4%;
    bottom:-105px;
    width:310px;
    height:211px;
    background:url('gf-footer-watermark-v59.jpg') center / cover no-repeat;
    -webkit-mask-image:radial-gradient(ellipse,black 38%,transparent 79%);
    mask-image:radial-gradient(ellipse,black 38%,transparent 79%);
    mix-blend-mode:screen;
    opacity:.48;
    pointer-events:none;
  }
  .footer .footer-grid>section{
    position:relative;
    z-index:1;
  }
}



/* Employer Guides & Insights */
.guide-hero-note{max-width:860px;margin:18px 0 0;color:#cbd5e1;font-size:14px;line-height:1.7}
.guide-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px}
.guide-category{min-height:126px;padding:20px 18px;border:1px solid rgba(201,150,62,.23);border-radius:18px;background:rgba(10,18,32,.68)}
.guide-category strong{display:block;margin-bottom:8px;color:#fff;font-family:"Cormorant Garamond","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;font-size:20px;line-height:1.15;font-weight:600}
.guide-category span{color:#9ca3af;font-size:12px;line-height:1.55}
.guide-category.is-live{border-color:rgba(201,150,62,.48);background:linear-gradient(145deg,rgba(201,150,62,.11),rgba(10,18,32,.78))}.guide-category.is-live span{color:#e3b863}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.guide-card{display:flex;flex-direction:column;min-height:100%;padding:28px}.guide-kicker{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:13px;color:#c9963e;font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.guide-card h3{margin:0 0 12px;color:#fff;font-size:28px;line-height:1.08}.guide-card p{margin:0 0 20px;color:#cbd5e1;line-height:1.7}.guide-card .guide-link{margin-top:auto;color:#e3b863;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.guide-card .guide-link:hover{color:#fff}
.guides-intro{max-width:900px;margin:0 auto;text-align:center}
.article-wrap{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:38px;align-items:start}.article-main{min-width:0}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 24px;color:#9ca3af;font-size:12px;font-weight:700}.article-meta strong{color:#e3b863}
.article-content{color:#d1d5db;font-size:17px;line-height:1.82}.article-content h2{margin:46px 0 16px;color:#fff;font-size:36px;line-height:1.12}.article-content h3{margin:30px 0 12px;color:#fff;font-size:25px;line-height:1.2}.article-content p{margin:0 0 19px}.article-content ul,.article-content ol{margin:0 0 22px;padding-left:24px}.article-content li{margin:0 0 9px}.article-content a{color:#e3b863;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.quick-answer{margin:0 0 30px;padding:25px 27px;border:1px solid rgba(201,150,62,.38);border-radius:20px;background:linear-gradient(145deg,rgba(201,150,62,.11),rgba(8,19,37,.83))}.quick-answer strong{display:block;margin-bottom:7px;color:#e3b863;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.quick-answer p:last-child{margin-bottom:0}
.guide-callout{margin:30px 0;padding:24px 26px;border-left:4px solid #c9963e;border-radius:0 16px 16px 0;background:rgba(201,150,62,.07)}.guide-callout strong{color:#fff}
.guide-table-wrap{overflow-x:auto;margin:24px 0 30px;border:1px solid rgba(201,150,62,.24);border-radius:16px}.guide-table{width:100%;min-width:700px;border-collapse:collapse;background:rgba(7,19,37,.82)}.guide-table th,.guide-table td{padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.guide-table th{color:#e3b863;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.guide-table td{color:#d1d5db}.guide-table tr:last-child td{border-bottom:0}
.article-sidebar{position:sticky;top:92px;padding:22px}.article-sidebar h2{margin:0 0 14px;color:#fff;font-size:22px}.article-sidebar ul{list-style:none;margin:0;padding:0}.article-sidebar li+li{margin-top:10px}.article-sidebar a{color:#cbd5e1;font-size:13px;line-height:1.5}.article-sidebar a:hover{color:#e3b863}
.guide-sources{margin-top:42px;padding-top:28px;border-top:1px solid rgba(255,255,255,.10)}.guide-sources h2{margin-top:0}.guide-sources ul{list-style:none;padding-left:0}.guide-sources li{margin-bottom:10px}
.guide-related{margin-top:44px}.guide-related .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-cta{margin-top:48px;padding:34px;text-align:center}.guide-cta h2{margin:0 0 12px;color:#fff;font-size:34px}.guide-cta p{max-width:720px;margin:0 auto 22px;color:#cbd5e1;line-height:1.7}
.guide-section-link{margin-top:24px;text-align:center}.guide-section-link a{color:#e3b863;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.guide-inline-link{margin-top:14px!important;font-size:14px}.guide-inline-link a{color:#e3b863;font-weight:800}
@media(max-width:1080px){.guide-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-wrap{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr}.guide-related .guide-grid{grid-template-columns:1fr}}
@media(max-width:700px){.guide-category-grid{grid-template-columns:1fr}.article-content{font-size:16px}.article-content h2{font-size:31px}.guide-card{padding:23px}.guide-cta{padding:26px 20px}}

/* You Couldn't Make It Up — verified workplace oddities */
.oddities-wrap{
  margin-top:34px;
}
.oddities-intro{
  max-width:880px;
  margin-bottom:24px;
}
.oddities-intro p{
  color:#cbd5e1;
  line-height:1.7;
}
.oddities-rule{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid rgba(201,150,62,.28);
  border-radius:16px;
  background:rgba(201,150,62,.06);
  color:#d1d5db;
  font-size:13px;
  line-height:1.65;
}
.oddities-rule strong{color:#e3b863}
.oddity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:24px;
}
.oddity-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:26px;
  position:relative;
  overflow:hidden;
}
.oddity-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#c9963e,rgba(201,150,62,.1));
}
.oddity-topline{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.oddity-number{
  color:#e3b863;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.oddity-verified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid rgba(201,150,62,.34);
  border-radius:999px;
  color:#e3b863;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.oddity-card h3{
  margin:0 0 12px;
  color:#fff;
  font-size:26px;
  line-height:1.12;
}
.oddity-card>p{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.7;
  margin:0 0 18px;
}
.oddity-point{
  margin-top:auto;
  padding:16px;
  border-radius:14px;
  background:rgba(7,19,37,.72);
  border:1px solid rgba(255,255,255,.07);
  color:#cbd5e1;
  font-size:13px;
  line-height:1.62;
}
.oddity-point strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
}
.oddity-source{
  margin-top:16px;
  font-size:11px;
  color:#9ca3af;
  line-height:1.5;
}
.oddity-source a{
  color:#e3b863;
  font-weight:800;
}
.oddity-disclaimer{
  margin-top:18px;
  color:#9ca3af;
  font-size:11px;
  line-height:1.6;
}
@media(max-width:900px){
  .oddity-grid{grid-template-columns:1fr}
}

/* Guide toolbar reliability/accessibility */
.section-pips .pip[aria-current="location"]{
  background:var(--gold,#c9963e);
  transform:scale(1.3);
}
.floating-toolbar .toolbar-btn:focus-visible,
.floating-toolbar .pip:focus-visible{
  outline:2px solid var(--gold-soft,#e3b863);
  outline-offset:3px;
}

/* Header email contact */
.header-support-email{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:2px auto 0;
  padding:2px 4px;
  color:#e3b863!important;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.025em;
  text-decoration:none!important;
}
.header-support-email:before{
  content:"✉";
  color:#c9963e;
  font-size:12px;
  line-height:1;
}
.header-support-email:hover,
.header-support-email:focus-visible{
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
@media(max-width:1320px) and (min-width:761px){
  .header-support-email{font-size:11px}
}
@media(max-width:760px){
  .header-support-email{
    margin-top:1px;
    font-size:12px;
  }
}

/* Anonymous consultation feedback */
.feedback-shell{width:100%;max-width:980px;margin:0 auto}
.feedback-intro{max-width:800px;margin:0 auto 26px;text-align:center}
.feedback-intro p{color:#cbd5e1;line-height:1.75}
.feedback-anon-note{margin:22px auto 0;padding:16px 18px;border:1px solid rgba(201,150,62,.28);border-radius:14px;background:rgba(201,150,62,.06);color:#cbd5e1;font-size:13px;line-height:1.65}
.feedback-form{display:grid;gap:18px}
.feedback-question{margin:0;padding:22px;border:1px solid rgba(201,150,62,.24);border-radius:18px;background:rgba(8,19,37,.78)}
.feedback-question legend{width:100%;padding:0;color:#fff;font-family:"Cormorant Garamond","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;font-size:24px;line-height:1.18;font-weight:600}
.feedback-scale-labels{display:flex;justify-content:space-between;gap:16px;margin:12px 0 10px;color:#9ca3af;font-size:11px;line-height:1.4}
.feedback-scale-labels strong{color:#e3b863}
.feedback-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.feedback-choice{position:relative}
.feedback-choice input{position:absolute;width:1px;height:1px;opacity:0}
.feedback-choice label{min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.035);color:#f3f4f6;font-size:17px;font-weight:900;cursor:pointer;transition:.18s ease}
.feedback-choice label:hover{border-color:rgba(201,150,62,.58);background:rgba(201,150,62,.08)}
.feedback-choice input:checked + label{border-color:#c9963e;background:linear-gradient(90deg,#c9963e,#a97427);color:#111827;box-shadow:0 8px 20px rgba(0,0,0,.24)}
.feedback-choice input:focus-visible + label{outline:2px solid #e3b863;outline-offset:3px}
.feedback-comment{padding:22px}
.feedback-comment label{display:block;margin-bottom:8px;color:#fff;font-weight:800}
.feedback-comment textarea{width:100%;min-height:120px;padding:14px;border:1px solid rgba(201,150,62,.30);border-radius:12px;background:rgba(0,0,0,.28);color:#fff;font:inherit;resize:vertical}
.feedback-submit{display:flex;justify-content:center;margin-top:4px}
.feedback-privacy{margin:4px auto 0;max-width:760px;color:#9ca3af;font-size:11px;line-height:1.6;text-align:center}
.feedback-success{max-width:720px;margin:0 auto;padding:36px;text-align:center}
.feedback-success h1{margin-top:0}
@media(max-width:620px){
  .feedback-question{padding:18px}
  .feedback-question legend{font-size:21px}
  .feedback-scale-labels{font-size:10px}
  .feedback-options{gap:6px}
  .feedback-choice label{min-height:44px;font-size:15px}
}

/* Expanded Employer Guides library */
.guide-category-grid a.guide-category{text-decoration:none;color:inherit;transition:.18s ease}
.guide-category-grid a.guide-category:hover,.guide-category-grid a.guide-category:focus-visible{transform:translateY(-2px);border-color:rgba(201,150,62,.58)}
.guide-category-count{display:block;margin-top:10px;color:#e3b863!important;font-size:11px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.guide-library-section{scroll-margin-top:95px}
.guide-library-section + .guide-library-section{margin-top:52px;padding-top:46px;border-top:1px solid rgba(255,255,255,.08)}
.guide-library-head{max-width:850px;margin-bottom:20px}.guide-library-head p{color:#9ca3af;line-height:1.65}.guide-library-section .guide-grid{margin-top:22px}
@media(max-width:1120px){.guide-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.guide-category-grid{grid-template-columns:1fr}}

/* Home hero rebalance — 21 September 2026 */
.home-hero-grid > *{
  min-width:0;
}
.home-hero-grid .hero-image-wrap,
.home-hero-grid .hero-image-card{
  min-width:0;
  width:100%;
}
.home-location-note{
  max-width:780px;
  margin:20px auto 0;
  color:#cbd5e1;
  font-size:14px;
  line-height:1.65;
}
.home-location-note a{
  color:#e3b863;
  font-weight:800;
}
@media(min-width:961px){
  .home-hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  }
}
@media(max-width:960px){
  .home-hero-grid{
    grid-template-columns:1fr;
  }
}

/* Keep all six footer credentials inside the desktop page width. */
.footer .accreditations{
  width:100%;
  max-width:1660px;
}
.footer .logos{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,.95fr);
  gap:clamp(8px,.65vw,14px);
  width:100%;
  align-items:stretch;
}
.footer .accreditations .logos>a{
  display:flex;
  flex:none;
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  min-height:112px;
  padding:8px!important;
}
.footer .logos .dc{
  max-width:min(100%,190px)!important;
}
.footer .logos>a.gbc-mark img.gbc-logo{
  width:100%!important;
  max-width:118px!important;
  height:auto!important;
}
.footer .logos .mindful-tile{
  padding:10px!important;
}
.footer .logos .mindful-tile img{
  max-width:min(100%,214px)!important;
}
.footer .ico{
  width:100%!important;
  min-width:0!important;
}
.footer .ico div{
  padding:10px 6px!important;
  font-size:clamp(8px,.58vw,10px)!important;
}
.footer .ico b{
  font-size:clamp(13px,.95vw,17px)!important;
}
.footer .afc-mark{
  min-width:0!important;
  gap:clamp(5px,.65vw,13px)!important;
}
.footer .afc-mark img{
  width:clamp(46px,3.4vw,66px)!important;
}
.footer .afc-mark span{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  font-size:clamp(10px,.68vw,12.5px)!important;
}
.footer .logos>a.gmgec-mark{
  width:100%!important;
  min-width:0!important;
  padding:8px!important;
}
.footer .logos>a.gmgec-mark img{
  max-width:100%;
}
@media(max-width:980px){
  .footer .logos{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:780px){
  .footer .logos{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:540px){
  .footer .logos{
    grid-template-columns:1fr;
    max-width:320px;
    margin-inline:auto;
  }
}

/* Desktop: the ICO credential should occupy about the same space as the
   Disability Confident mark. Keep the existing mobile presentation. */
@media(min-width:781px){
  .footer .accreditations .logos>a.ico{
    width:min(100%,205px)!important;
    height:112px;
    min-height:112px;
    justify-self:center;
    align-self:center;
  }
}
@media(min-width:981px) and (max-width:1250px){
  .footer .logos{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Desktop: retain only the working Back to top control from the page toolbar.
   Mobile keeps its phone link, section markers, and original presentation. */
@media(min-width:761px){
  .floating-toolbar{
    gap:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:50%!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .floating-toolbar>a.toolbar-btn,
  .floating-toolbar>.section-pips{
    display:none!important;
  }
  .floating-toolbar>#backToTopBtn{
    display:grid;
    width:48px;
    height:48px;
    background:rgba(10,18,32,.95);
    border:1px solid rgba(201,150,62,.50);
    box-shadow:0 8px 24px rgba(0,0,0,.35);
  }
  /* Terms also contains an older second Back to top button. */
  #back-to-top.back-to-top{
    display:none!important;
  }
}
@media(max-width:760px){
  .floating-toolbar>.desktop-only-back-top{
    display:none!important;
  }
}

/* Balance the six footer credentials on desktop. Narrower desktop widths
   continue to use the three-column layout above; mobile stays unchanged. */
@media(min-width:781px){
  .footer .accreditations{
    max-width:1450px;
  }
  .footer .logos{
    grid-template-columns:minmax(0,205fr) minmax(0,145fr) minmax(0,260fr) minmax(0,205fr) minmax(0,300fr) minmax(0,205fr);
    align-items:center;
  }
  .footer .accreditations .logos>a.mindful-tile{
    width:min(100%,210px)!important;
    min-height:110px;
    height:110px;
    justify-self:center;
    align-self:center;
  }
  .footer .logos .mindful-tile img{
    max-width:min(100%,150px)!important;
    max-height:52px!important;
  }
  .footer .accreditations .logos>a.afc-mark{
    width:min(100%,190px)!important;
    min-height:100px;
    height:100px;
    justify-self:center;
    align-self:center;
    justify-content:center!important;
    gap:7px!important;
    padding:8px 10px!important;
  }
  .footer .afc-mark img{
    width:42px!important;
    height:60px!important;
  }
  .footer .afc-mark .afc-wording{
    width:auto!important;
    max-width:none!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  .footer .afc-mark .afc-line{
    display:block;
    width:auto!important;
    max-width:none!important;
    white-space:nowrap;
  }
  .footer .accreditations .logos>a.gmgec-mark{
    width:min(100%,185px)!important;
    min-height:140px;
    height:140px;
    justify-self:center;
  }
  .footer .logos>a.gmgec-mark img{
    width:118px!important;
    max-width:100%;
    max-height:90px!important;
  }
}
/* The proportional six-column row becomes cramped before 1250px. */
@media(min-width:781px) and (max-width:1250px){
  .footer .logos{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* V50: seven credentials in a single horizontal track. Keep this after the
   older six-column layout rules so they cannot turn the track back into a grid. */
.footer .accreditations h3{margin-bottom:14px}
.footer .accreditations .logos{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 2px 14px!important;
  box-sizing:border-box;
  scrollbar-width:none;
  scroll-behavior:auto;
  -webkit-overflow-scrolling:touch;
}
.footer .accreditations .logos::-webkit-scrollbar{display:none}
.footer .accreditations .logos>a{
  display:flex!important;
  flex:0 0 210px!important;
  width:210px!important;
  min-width:210px!important;
  height:118px!important;
  min-height:118px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  box-sizing:border-box;
  border:1px solid rgba(201,150,62,.35)!important;
  border-radius:8px!important;
  background:#f5f1e9!important;
  color:#102333!important;
  text-decoration:none;
}
.footer .accreditations .logos>a:first-child{border-left:1px solid rgba(201,150,62,.35)!important}
.footer .accreditations .logos>a.gbc-mark{
  flex-basis:190px!important;
  width:190px!important;
  min-width:190px!important;
}
.footer .accreditations .logos>a.mindful-tile{
  flex-basis:230px!important;
  width:230px!important;
  min-width:230px!important;
  background:#3b4ea8!important;
  border-color:rgba(255,255,255,.88)!important;
}
.footer .accreditations .logos>a.ico{
  flex-basis:210px!important;
  width:210px!important;
  min-width:210px!important;
}
.footer .accreditations .logos>a.afc-mark{
  flex-basis:250px!important;
  width:250px!important;
  min-width:250px!important;
  background:#fff!important;
  color:#102333!important;
}
.footer .accreditations .logos>a.afc-mark span{color:#102333!important}
.footer .accreditations .logos>a.gmgec-mark{
  flex-basis:210px!important;
  width:210px!important;
  min-width:210px!important;
  background:#f5f1e9!important;
}
.footer .accreditations .logos>a.salford-mark{
  flex-basis:230px!important;
  width:230px!important;
  min-width:230px!important;
  background:#fff!important;
}
.footer .accreditations .logos>a.salford-mark img{
  display:block;
  width:184px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:96px!important;
  object-fit:contain;
}
.footer .accreditations .logos>a:focus-visible,
.accreditation-controls button:focus-visible{
  outline:3px solid #e3b863;
  outline-offset:2px;
}
.accreditation-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:6px 0 4px;
}
.accreditation-controls button{
  min-width:38px;
  min-height:34px;
  padding:5px 10px;
  border:1px solid rgba(201,150,62,.65);
  border-radius:6px;
  background:#102333;
  color:#f5f1e9;
  font:700 13px/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.accreditation-controls button:hover{background:#243952}
@media(max-width:620px){
  .footer .accreditations .logos>a,
  .footer .accreditations .logos>a.gbc-mark,
  .footer .accreditations .logos>a.mindful-tile,
  .footer .accreditations .logos>a.ico,
  .footer .accreditations .logos>a.gmgec-mark{
    flex-basis:178px!important;
    width:178px!important;
    min-width:178px!important;
  }
  .footer .accreditations .logos>a.afc-mark{
    flex-basis:220px!important;
    width:220px!important;
    min-width:220px!important;
  }
  .footer .accreditations .logos>a.salford-mark{
    flex-basis:205px!important;
    width:205px!important;
    min-width:205px!important;
  }
}

/* V61: contain the complete GBC Accredited mark inside its cream tile. */
.footer .accreditations .logos>a.gbc-mark{
  overflow:hidden!important;
}
.footer .accreditations .logos>a.gbc-mark img.gbc-logo{
  display:block!important;
  width:auto!important;
  height:110px!important;
  max-width:100%!important;
  max-height:110px!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
}