/* This scoped bridge reuses existing classes, templates, forms and data. */
body.hp-stevenage-preview {
  --hp-color-primary-900: #0b246e;
  --hp-color-primary-700: #1032c7;
  --hp-color-primary-600: #123ce9;
  --hp-color-primary-500: #123ce9;
  --hp-color-primary-400: #6f91ff;
  --hp-color-primary-100: #e6ecff;
  --hp-color-primary-50: #f0f3ff;
  --hp-color-ink: #071a36;
  --hp-color-heading: #071a36;
  --hp-color-body: #526278;
  --hp-color-border: #dee5ec;
  --hp-color-border-strong: #cad5e1;
  --hp-color-surface: #fff;
  --hp-color-surface-muted: #f2f3ed;
  --hp-color-canvas: #faf8f2;
  --hp-font-heading: "Avenir Next", Avenir, Arial, sans-serif;
  --hp-font-body: "Avenir Next", Avenir, Arial, sans-serif;
  background: #faf8f2;
  color: #071a36;
}
body.hp-stevenage-preview .hp-nav {
  background: #faf8f2f5 !important;
  backdrop-filter: blur(20px);
  border-bottom: 1px solid #dfe4e9;
}
.hp-stevenage-preview .hp-nav__logo {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-width: 190px;
  color: #071a36 !important;
  text-decoration: none;
}
.hp-stevenage-preview .stevenage-preview-icon {
  display: block;
  width: 43px;
  height: 43px;
  flex: none;
  border-radius: 23%;
  background-size: 475.55% 326.1%;
  background-position: 4.205% 12.394%;
}
.hp-stevenage-preview .stevenage-preview-name {
  font:
    800 27px/1.1 "Avenir Next",
    Arial,
    sans-serif;
  letter-spacing: -1.4px;
}
.hp-stevenage-preview .stevenage-preview-name small {
  display: block;
  font:
    500 10px/1.6 "Avenir Next",
    Arial,
    sans-serif;
  letter-spacing: 0;
}
.hp-stevenage-preview .hp-product-masthead,
.hp-stevenage-preview .hp-contextual-masthead,
.hp-stevenage-preview .hp-discover-hero,
.hp-stevenage-preview .hp-directory-hero {
  background: #eaf0ff !important;
  border-color: #d9e3fc !important;
  color: #071a36;
}
.hp-stevenage-preview .hp-c-btn--primary,
.hp-stevenage-preview .hp-button-primary {
  background: #123ce9 !important;
  border-color: #123ce9 !important;
  color: #fff !important;
  border-radius: 28px;
}
.hp-stevenage-preview .hp-nav__primary a {
  color: #071a36;
}
.hp-stevenage-preview .hp-nav__primary a:hover {
  color: #123ce9;
}
.hp-stevenage-preview .stevenage-preview-appearance {
  margin-left: 12px;
  padding: 6px 8px;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 20px;
  color: #071a36;
  font-size: 11px;
}
html.hp-experience-dark body.hp-stevenage-preview {
  --hp-color-ink: #f4f6fd;
  --hp-color-heading: #f4f6fd;
  --hp-color-body: #afbed3;
  --hp-color-border: #29415c;
  --hp-color-border-strong: #365472;
  --hp-color-surface: #102138;
  --hp-color-surface-muted: #142841;
  --hp-color-canvas: #071426;
  background: #071426;
  color: #f4f6fd;
}
html.hp-experience-dark .hp-stevenage-preview .hp-nav {
  background: #071426f5 !important;
  border-color: #29415c;
}
html.hp-experience-dark .hp-stevenage-preview .hp-nav__logo,
html.hp-experience-dark .hp-stevenage-preview .hp-nav__primary a {
  color: #f4f6fd !important;
}
html.hp-experience-dark .hp-stevenage-preview .hp-product-masthead,
html.hp-experience-dark .hp-stevenage-preview .hp-contextual-masthead,
html.hp-experience-dark .hp-stevenage-preview .hp-discover-hero,
html.hp-experience-dark .hp-stevenage-preview .hp-directory-hero {
  background: #132b49 !important;
  border-color: #2b4561 !important;
  color: #f4f6fd;
}
.hp-design-review-banner {
  position: relative;
  z-index: 10000;
  background: #061b35;
  color: white;
  padding: 12px 5%;
  display: flex;
  gap: 22px;
  align-items: center;
  font:
    500 12px/1.5 Arial,
    sans-serif;
}
.hp-design-review-banner a {
  color: #d9f64b !important;
}
.hp-design-review-banner span {
  flex: 1;
}
.hp-design-review-banner select {
  color: #071a36;
  background: white;
  border-radius: 15px;
  padding: 5px 8px;
}
@media (max-width: 600px) {
  .hp-design-review-banner {
    font-size: 10px;
    gap: 10px;
    flex-wrap: wrap;
  }
  .hp-design-review-banner span {
    flex-basis: 100%;
  }
  .hp-stevenage-preview .hp-nav__logo {
    min-width: 140px;
  }
  .hp-stevenage-preview .stevenage-preview-name {
    font-size: 22px;
  }
}
.hp-design-review-banner select.stevenage-preview-appearance {
  width: auto !important;
  min-width: 90px !important;
  max-width: 130px !important;
  flex: 0 0 auto !important;
  color: #071a36 !important;
  margin-left: 0 !important;
}
.hp-design-review-banner > span {
  min-width: 200px;
  flex: 1 1 auto;
}
.hp-design-review-banner > a {
  flex: 0 0 auto;
}
.hp-stevenage-preview [data-hp-theme] {
  display: none !important;
}
.hp-stevenage-preview {
  --st-page: #faf8f2;
  --st-panel: #fff;
  --st-soft: #edf2fb;
  --st-text: #071a36;
  --st-muted: #526278;
  --st-line: #d8e1ec;
  --st-link: #123ce9;
}
html.hp-experience-dark .hp-stevenage-preview {
  --st-page: #071426;
  --st-panel: #102138;
  --st-soft: #142841;
  --st-text: #f4f6fd;
  --st-muted: #b3c2d7;
  --st-line: #29415c;
  --st-link: #b6c7ff;
}
body.hp-stevenage-preview #content,
body.hp-stevenage-preview .site-main,
body.hp-stevenage-preview .hp-jobs-board,
body.hp-stevenage-preview .hp-discovery {
  background-color: var(--st-page) !important;
  color: var(--st-text) !important;
}
body.hp-stevenage-preview .hp-page-masthead {
  background-color: var(--st-page) !important;
  border-color: var(--st-line) !important;
  color: var(--st-text) !important;
  border-radius: 0;
  padding-top: 45px;
  padding-bottom: 35px;
}
body.hp-stevenage-preview .hp-page-masthead h1 {
  font-family: "Avenir Next", Arial, sans-serif !important;
  color: var(--st-text) !important;
  letter-spacing: -0.06em !important;
  font-size: clamp(38px, 4.2vw, 64px) !important;
  line-height: 1.05 !important;
}
body.hp-stevenage-preview .hp-page-masthead__intro,
body.hp-stevenage-preview .hp-job-card__meta,
body.hp-stevenage-preview .hp-job-card__employer,
body.hp-stevenage-preview .hp-job-card__dates {
  color: var(--st-muted) !important;
}
body.hp-stevenage-preview .hp-page-masthead__eyebrow,
body.hp-stevenage-preview .hp-job-card__title a {
  color: var(--st-link) !important;
}
body.hp-stevenage-preview .hp-page-masthead__signal::before,
body.hp-stevenage-preview .hp-board-sort [aria-current],
body.hp-stevenage-preview .hp-board-sort .is-active {
  background: #123ce9 !important;
  color: #fff !important;
}
body.hp-stevenage-preview .hp-jobs-board__filters,
body.hp-stevenage-preview .hp-compact-filters,
body.hp-stevenage-preview .hp-job-card,
body.hp-stevenage-preview .directorist-listing-card {
  background: var(--st-panel) !important;
  border-color: var(--st-line) !important;
  border-radius: 20px !important;
  color: var(--st-text) !important;
  box-shadow: none !important;
}
body.hp-stevenage-preview .hp-jobs-board__filters input,
body.hp-stevenage-preview .hp-jobs-board__filters select,
body.hp-stevenage-preview .hp-compact-filters input,
body.hp-stevenage-preview .hp-compact-filters select {
  background-color: var(--st-page) !important;
  color: var(--st-text) !important;
  border-color: var(--st-line) !important;
}
body.hp-stevenage-preview .hp-jobs-board__filters label,
body.hp-stevenage-preview .hp-board-results-summary,
body.hp-stevenage-preview .hp-page-masthead__signal {
  color: var(--st-text) !important;
}
body.hp-stevenage-preview .hp-job-card__media--monogram {
  background: #123ce9 !important;
  color: white !important;
}
body.hp-stevenage-preview .hp-job-card__cta a,
body.hp-stevenage-preview .hp-jobs-board__filters button {
  border-color: #123ce9 !important;
  background: #123ce9 !important;
  color: white !important;
  border-radius: 25px !important;
}
body.hp-stevenage-preview .hp-board-sort,
body.hp-stevenage-preview .hp-nav__search {
  background: var(--st-panel) !important;
  border-color: var(--st-line) !important;
}
body.hp-stevenage-preview .hp-board-sort a {
  color: var(--st-link) !important;
}
body.hp-stevenage-preview .hp-board-sort a[aria-current="true"],
body.hp-stevenage-preview .hp-board-sort a[aria-current="page"] {
  background: #123ce9 !important;
  color: white !important;
}

.hp-design-review-banner select.stevenage-preview-appearance {
  background-image: none !important;
  appearance: auto !important;
  background-color: white !important;
  -webkit-text-fill-color: #071a36 !important;
}
body.hp-stevenage-preview .hp-jobs-board__filters select,
body.hp-stevenage-preview .hp-compact-filters select {
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 14px 14px !important;
  padding-right: 38px !important;
}
/* One continuous canvas across the masthead and real page content. */
body.hp-stevenage-preview {
 --hp-page-canvas:var(--st-page);--hp-page-panel:var(--st-panel);--hp-page-ink:var(--st-text);--hp-page-muted:var(--st-muted);--hp-page-line:var(--st-line);--hp-page-accent:var(--st-link);--hp-page-soft:var(--st-soft);
 background:radial-gradient(ellipse 100% 680px at 10% 0,#dce6ff99,transparent 90%),radial-gradient(ellipse 70% 650px at 100% 300px,#eef6c177,transparent 90%),radial-gradient(ellipse 75% 700px at 0 1000px,#ffad8d24,transparent 90%),var(--st-page)!important;
}
html.hp-experience-dark body.hp-stevenage-preview {background:radial-gradient(ellipse 100% 700px at 10% 0,#17408355,transparent 90%),radial-gradient(ellipse 70% 650px at 100% 300px,#687e2729,transparent 90%),radial-gradient(ellipse 75% 700px at 0 1000px,#b9604620,transparent 90%),var(--st-page)!important;}
body.hp-stevenage-preview :is(#content,.site-main,.hp-content-surface,.hp-content-surface__body,.hp-jobs-board,.hp-discovery,.hp-directory-archive-full,.hp-home,.hp-home-hero,.hp-home-section,.hp-heartbeat,.hp-heartbeat__hero,.hp-heartbeat__section--map) {background:transparent!important;}
body.hp-stevenage-preview :is(.hp-page-masthead,.hp-utility-masthead,.hp-product-masthead,.hp-contextual-masthead,.hp-discover-hero,.hp-directory-hero) {background:transparent!important;border:0!important;box-shadow:none!important;}
body.hp-stevenage-preview :is(.hp-page-masthead,.hp-utility-masthead,.hp-home-hero)::before,
body.hp-stevenage-preview :is(.hp-page-masthead,.hp-utility-masthead)::after {content:none!important;}
body.hp-stevenage-preview .hp-page-masthead {padding:32px 0 18px;margin-block:25px 24px;}
body.hp-stevenage-preview .hp-page-masthead h1 {font-weight:800!important;}
body.hp-stevenage-preview .stevenage-preview-icon {background-image:url('./assets/identity.png');}
body.hp-stevenage-preview .stevenage-footer-brand {display:flex;align-items:center;gap:12px;color:inherit;}
body.hp-stevenage-preview .hp-footer {background:#071a36;color:#e8eef9;}
body.hp-stevenage-preview .hp-footer .stevenage-preview-name {color:#fff;}
body.hp-stevenage-preview .hp-nav__inner {max-width:1680px;gap:14px;padding:16px 28px;}
body.hp-stevenage-preview .hp-nav__logo {min-width:172px;}
body.hp-stevenage-preview .hp-nav__primary {margin-left:auto;}
body.hp-stevenage-preview .hp-nav__primary ul {gap:14px;}
body.hp-stevenage-preview .hp-nav__primary a {font-size:14px;white-space:nowrap;}
body.hp-stevenage-preview .hp-nav__search {
 display:flex!important;align-items:center!important;flex-flow:row nowrap!important;gap:8px!important;
 flex:0 1 155px!important;width:155px!important;min-width:110px;height:44px!important;min-height:44px!important;
 padding:0 13px!important;border:1px solid var(--st-line)!important;border-radius:24px;overflow:visible!important;margin:0!important;
}
body.hp-stevenage-preview .hp-nav__search>svg {position:static!important;flex:0 0 17px;width:17px;height:17px;margin:0;color:var(--st-link);}
body.hp-stevenage-preview .hp-nav__search input.hp-nav__search-input[type=search] {
 position:static!important;display:block!important;flex:1 1 0!important;min-width:0!important;width:100%!important;max-width:100%!important;
 height:40px!important;min-height:0!important;line-height:40px!important;padding:0!important;margin:0!important;border:0!important;
 background:transparent!important;box-shadow:none!important;opacity:1!important;color:var(--st-text)!important;font-size:14px!important;
}
body.hp-stevenage-preview .hp-nav__search input::placeholder {color:var(--st-muted)!important;}
body.hp-stevenage-preview .hp-nav__search-panel {color:var(--st-text);background:var(--st-panel);min-width:280px;right:0;left:auto;}
body.hp-stevenage-preview select.stevenage-preview-appearance {flex:0 0 78px;width:78px!important;min-width:78px!important;height:40px;min-height:40px;padding:0 8px!important;margin:0;background:var(--st-panel)!important;color:var(--st-text)!important;border:1px solid var(--st-line);border-radius:22px;font:500 12px/1.2 inherit;appearance:auto!important;}
body.hp-stevenage-preview .hp-site-theme {display:none!important;}
body.hp-stevenage-preview .hp-tabbar {background:var(--st-panel);border-color:var(--st-line);}
body.hp-stevenage-preview .hp-tabbar a {color:var(--st-muted);}
body.hp-stevenage-preview .hp-tabbar a.is-active {color:var(--st-link);}
body.hp-stevenage-preview .stevenage-live-intro {padding:30px 0;max-width:860px;margin:auto;}
body.hp-stevenage-preview .stevenage-live-intro h2 {font:800 clamp(36px,4.4vw,60px)/1.06 "Avenir Next",sans-serif;letter-spacing:-.05em;color:var(--st-text);}
body.hp-stevenage-preview .stevenage-live-intro>p {color:var(--st-muted);}
body.hp-stevenage-preview .stevenage-live-routes {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
body.hp-stevenage-preview .stevenage-live-routes a {padding:12px 18px;background:var(--st-panel);border:1px solid var(--st-line);border-radius:24px;color:var(--st-link);font-size:14px;font-weight:600;}
body.hp-stevenage-preview .hp-home-hero__grid {display:block;}
@media(max-width:1499px){
 body.hp-stevenage-preview .hp-nav__primary{display:none;}
 body.hp-stevenage-preview .hp-nav__mobile-menu-toggle{display:inline-flex!important;}
 body.hp-stevenage-preview .hp-nav__logo{margin-right:auto;}
}
@media(max-width:1024px){
 body.hp-stevenage-preview .hp-nav__search{display:none!important;}
 body.hp-stevenage-preview .hp-nav__inner{padding:12px 18px;gap:10px;}
 body.hp-stevenage-preview .hp-nav__logo{min-width:0;gap:8px;}
 body.hp-stevenage-preview .stevenage-preview-name{font-size:24px;}
 body.hp-stevenage-preview .stevenage-preview-icon{width:38px;height:38px;}
}
@media(max-width:600px){
 body.hp-stevenage-preview .hp-page-masthead{padding:18px 0 12px;}
 body.hp-stevenage-preview .hp-page-masthead h1{font-size:38px!important;}
 body.hp-stevenage-preview .hp-nav__inner{padding:10px 12px;gap:8px;}
 body.hp-stevenage-preview .stevenage-preview-name{font-size:21px;}
 body.hp-stevenage-preview .stevenage-preview-icon{width:32px;height:32px;}
 body.hp-stevenage-preview select.stevenage-preview-appearance{width:68px!important;min-width:68px!important;flex-basis:68px;}
 body.hp-stevenage-preview .hp-nav__heartbeat{display:none!important;}
}
/* Remove legacy dark-logo backing; the new mark has its own blue face. */
html.hp-experience-dark body.hp-stevenage-preview .hp-nav__logo {background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;}
body.hp-stevenage-preview .hp-compact-filters {padding:20px!important;}
body.hp-stevenage-preview .hp-compact-filters__quick {background:transparent!important;border:0!important;padding:0!important;}
body.hp-stevenage-preview .hp-compact-filters__panel {padding-top:16px;}
body.hp-stevenage-preview .cmplz-cookiebanner .cmplz-accept {background:#123ce9!important;border-color:#123ce9!important;}
@media(min-width:1350px){
 body.hp-stevenage-preview .hp-nav__primary{display:block;}
 body.hp-stevenage-preview .hp-nav__mobile-menu-toggle{display:none!important;}
 body.hp-stevenage-preview .hp-nav__heartbeat-copy{display:none;}
 body.hp-stevenage-preview .hp-nav__logo{min-width:172px;margin-right:0;}
 body.hp-stevenage-preview .hp-nav__inner{gap:10px;}
 body.hp-stevenage-preview .hp-nav__primary ul{gap:12px;}
 body.hp-stevenage-preview .hp-nav__search{flex-basis:135px!important;width:135px!important;}
}
@media(max-width:600px){body.hp-stevenage-preview .hp-compact-filters{padding:16px!important;}}
/* Existing directory and menu components consume the same appearance tokens. */
body.hp-stevenage-preview.directorist-content-active,
html.hp-experience-dark body.hp-stevenage-preview.directorist-content-active {
 --hp-directory-canvas:var(--st-page);--hp-directory-panel:var(--st-panel);--hp-directory-soft:var(--st-soft);
 --hp-directory-line:var(--st-line);--hp-directory-ink:var(--st-text);--hp-directory-muted:var(--st-muted);
 --hp-directory-accent:var(--st-link);--hp-directory-tint:var(--st-soft);
}
body.hp-stevenage-preview .hp-compact-filters__row {background:transparent!important;border:0!important;box-shadow:none!important;}
body.hp-stevenage-preview.single-at_biz_dir .hp-storefront-summary .directorist-listing-actions .directorist-btn.directorist-btn-default:first-child {background:#123ce9!important;border-color:#123ce9!important;}
body.hp-stevenage-preview :is(.hp-mobile-menu__inner,.hp-mobile-menu__search-panel) {background:var(--st-panel)!important;color:var(--st-text)!important;}
body.hp-stevenage-preview :is(.hp-mobile-menu__title,.hp-mobile-menu__primary a) {color:var(--st-text)!important;border-color:var(--st-line)!important;}
body.hp-stevenage-preview .hp-mobile-menu__search {background:var(--st-page)!important;border-color:var(--st-line)!important;}
body.hp-stevenage-preview .hp-mobile-menu__search input {color:var(--st-text)!important;background:transparent!important;}
body.hp-stevenage-preview .hp-mobile-menu__search input::placeholder {color:var(--st-muted)!important;}
body.hp-stevenage-preview .hp-mobile-menu__heartbeat {background:var(--st-soft)!important;border-color:var(--st-line)!important;color:var(--st-text)!important;}
body.hp-stevenage-preview .hp-mobile-menu__inner {border-color:var(--st-line)!important;}
body.hp-stevenage-preview :is(.hp-mobile-menu__search,.hp-mobile-menu__heartbeat-go) {color:var(--st-link)!important;}
body.hp-stevenage-preview .hp-mobile-menu__heartbeat-copy small {color:var(--st-muted)!important;}
body.hp-stevenage-preview .hp-mobile-menu__heartbeat-icon {background:transparent!important;}
body.hp-stevenage-preview .hp-mobile-menu__heartbeat[aria-current="page"] {box-shadow:0 0 0 1px var(--st-link) inset!important;}
body.hp-stevenage-preview .hp-mobile-menu__primary a:is([aria-current="page"],:hover,:focus-visible) {background:var(--st-soft)!important;color:var(--st-link)!important;}
body.hp-stevenage-preview .hp-mobile-menu__cta {background:#123ce9!important;color:#fff!important;}
body.hp-stevenage-preview .hp-tabbar__item[aria-current="page"] {color:var(--st-link);}
body.hp-stevenage-preview .hp-tabbar__item[aria-current="page"]::after {background:#b5e92e;box-shadow:0 0 0 3px #b5e92e20;}
body.hp-stevenage-preview .hp-tabbar__item[aria-current="page"] :is(svg,.hp-tabbar__heartbeat-icon) {filter:drop-shadow(0 4px 8px #1744ff28);}
@media(min-width:1025px) and (max-width:1349px){
 body.hp-stevenage-preview .hp-mobile-menu.is-open{display:block;position:fixed;inset:0;z-index:600;background:#0007;}
 body.hp-stevenage-preview .hp-mobile-menu__inner{left:50%;right:auto;width:min(620px,calc(100% - 32px));transform:translateX(-50%);}
}

/* Keep the chevron inside its own reserved space, including native Safari. */
body.hp-stevenage-preview .stevenage-appearance-control{position:relative;display:inline-flex;flex:0 0 84px;width:84px;align-self:center;}
body.hp-stevenage-preview .stevenage-appearance-control select.stevenage-preview-appearance{appearance:none!important;-webkit-appearance:none!important;flex:1 1 auto;width:84px!important;min-width:84px!important;min-height:44px;height:44px;padding:0 30px 0 13px!important;font-family:inherit;font-size:12px;line-height:1.2;background-image:none!important;}
body.hp-stevenage-preview .stevenage-appearance-arrow{position:absolute;right:14px;top:18px;width:7px;height:7px;border-right:1.7px solid var(--st-text);border-bottom:1.7px solid var(--st-text);transform:rotate(45deg);pointer-events:none;}
body.hp-stevenage-preview .hp-nav__heartbeat{background:var(--st-soft)!important;border-color:var(--st-line);color:var(--st-link)!important;box-shadow:none;}
body.hp-stevenage-preview :is(.hp-nav__heartbeat,.hp-tabbar__heartbeat-icon) img{object-fit:contain;filter:none;}

/* Keep the approved mark clean at navigation size, without the legacy pulse ring. */
body.hp-stevenage-preview :is(.hp-nav__heartbeat-icon,.hp-tabbar__heartbeat-icon){border-radius:28%;overflow:hidden;background:#063bd0;}
body.hp-stevenage-preview :is(.hp-nav__heartbeat-icon,.hp-tabbar__heartbeat-icon) img{transform:scale(1.035);}
body.hp-stevenage-preview :is(.hp-nav__heartbeat-icon,.hp-tabbar__heartbeat-icon) i{display:none;}

/* Manual discovery rail and opportunity switch: one clear route at a time. */
.hp-stevenage-preview .stevenage-opportunity-switch{display:flex;gap:5px;padding:5px;border:1px solid var(--st-line);border-radius:20px;background:var(--st-panel);width:fit-content;max-width:100%;margin:22px 0 0}
.hp-stevenage-preview .stevenage-opportunity-switch a{padding:12px 22px;border-radius:15px;color:var(--st-text)!important;font-weight:700;min-height:44px;text-decoration:none}
.hp-stevenage-preview .stevenage-opportunity-switch a[aria-current]{background:#193fe8;color:white!important}
.hp-stevenage-preview .stevenage-explore{margin:34px 0 16px;max-width:100%;min-width:0}
.hp-stevenage-preview .stevenage-explore-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.hp-stevenage-preview .stevenage-explore-heading h2{font-size:clamp(23px,3vw,36px);margin:0;letter-spacing:-.04em}
.hp-stevenage-preview [data-st-progress]{white-space:nowrap;font-size:14px;color:var(--st-muted)}
.hp-stevenage-preview .stevenage-explore-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;scrollbar-width:thin;padding:2px 2px 12px;overscroll-behavior-x:contain}
.hp-stevenage-preview .stevenage-explore-card{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--st-line);border-radius:26px;background:var(--st-panel);color:var(--st-text);text-decoration:none;min-width:0;box-shadow:0 12px 32px #071b3408}
.hp-stevenage-preview .stevenage-explore-category{align-self:flex-start;border-radius:30px;padding:7px 12px;background:#d4f561;color:#081c35;font-size:12px;font-weight:700}
.hp-stevenage-preview .stevenage-explore-card:nth-child(3n+2) .stevenage-explore-category{background:#ff936f}
.hp-stevenage-preview .stevenage-explore-card:nth-child(3n) .stevenage-explore-category{background:#bbccff}
.hp-stevenage-preview .stevenage-explore-card strong{font-size:25px;line-height:1.18;letter-spacing:-.035em}
.hp-stevenage-preview .stevenage-explore-card>span:not([class]){font-size:15px;line-height:1.6;color:var(--st-muted)}
.hp-stevenage-preview .stevenage-explore-action{margin-top:auto;color:var(--st-link);font-weight:700;font-size:14px;padding-top:8px;display:flex;justify-content:space-between;gap:8px}
.hp-stevenage-preview .stevenage-explore-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--st-muted);margin-top:8px}
.hp-stevenage-preview .stevenage-explore-controls>div{display:flex;gap:8px}
.hp-stevenage-preview .stevenage-explore-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--st-line);background:var(--st-panel);color:var(--st-text);font-size:21px;padding:0;cursor:pointer}
.hp-stevenage-preview .stevenage-explore-controls button:disabled{opacity:.35;cursor:default}
.hp-stevenage-preview .stevenage-explore a:focus-visible,.hp-stevenage-preview .stevenage-explore button:focus-visible,.hp-stevenage-preview .stevenage-opportunity-switch a:focus-visible{outline:3px solid var(--st-link);outline-offset:3px}
@media(max-width:700px){.hp-stevenage-preview .stevenage-explore-card{flex-basis:calc(100% - 18px);padding:22px}.hp-stevenage-preview .stevenage-explore-heading h2{font-size:25px}.hp-stevenage-preview .stevenage-opportunity-switch a{padding:12px 18px}}

/* Existing homepage content inherits the same navy/blue surfaces as discovery. */
.hp-stevenage-preview .hp-home :is(.hp-home-business-card,.hp-home-listing,.hp-home-offer-card,.hp-home-discovery-panel,.hp-home-hero__snapshot){background-color:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
.hp-stevenage-preview .hp-home :is(.hp-home-eyebrow,.hp-home-kicker,.hp-home-hero__snapshot-title,.hp-home-mosaic__chip-type,.hp-home-snapshot-avatars__label,.hp-home-heading>a,.hp-home-business-card__category){color:var(--st-link)!important}
.hp-stevenage-preview .hp-home :is(.hp-home-heading p,.hp-home-business-card__town,.hp-lead-controls output){color:var(--st-muted)!important}
.hp-stevenage-preview .hp-home :is(.hp-home-search__field,.hp-home-popular-searches a,.hp-lead-controls button){background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
.hp-stevenage-preview .hp-home .hp-home-mosaic__lead{background:var(--st-panel)!important;border-color:var(--st-line)!important}
.hp-stevenage-preview .hp-home .hp-home-mosaic__scrim{background:none!important;color:var(--st-text)!important}
.hp-stevenage-preview .hp-home .hp-home-mosaic__meta{color:var(--st-muted)!important}
.hp-stevenage-preview .hp-home .hp-home-mosaic__type{background:#d4f561!important;color:#081c35!important;border-color:transparent!important;text-shadow:none}
.hp-stevenage-preview .hp-home .hp-home-mosaic__lead-slide>img{background:var(--st-panel)!important}
.hp-stevenage-preview .hp-home .hp-home-mosaic__lead-slide:focus-visible{outline-color:var(--st-link)!important}

/* Complete the legacy home sections with explicit paired foregrounds/surfaces. */
body.hp-stevenage-preview .hp-home .hp-home-section--feature {background:var(--st-page)!important;border-color:var(--st-line)!important;color:var(--st-text)!important}
body.hp-stevenage-preview .hp-home .hp-home-section--feature h2 {color:var(--st-text)!important;text-shadow:none}
body.hp-stevenage-preview .hp-home .hp-home-section--feature p {color:var(--st-muted)!important}
body.hp-stevenage-preview .hp-home .hp-home-section--feature__watermark {color:var(--st-link);opacity:.035}
body.hp-stevenage-preview .hp-home .hp-home-dark-panel {background:radial-gradient(ellipse at 100% 0%,#294fff66,transparent 65%),radial-gradient(ellipse at 5% 100%,#acd74418,transparent 55%),#091c36!important;border:1px solid #36547b!important;box-shadow:0 18px 44px #071b3414!important;color:#f8fafc!important}
body.hp-stevenage-preview .hp-home .hp-home-dark-panel::before {display:none!important}
body.hp-stevenage-preview .hp-home .hp-home-dark-panel h2 {color:#f8fafc!important}
body.hp-stevenage-preview .hp-home .hp-home-dark-panel p {color:#c6d3e6!important}
body.hp-stevenage-preview .hp-home .hp-home-dark-panel .hp-home-kicker {color:#d4f561!important}
body.hp-stevenage-preview .hp-home .hp-home-business-cta__icon {background:#ff936f!important;color:#091c36!important}
body.hp-stevenage-preview .hp-home .hp-home-feature {background:var(--st-soft)!important;border-color:var(--st-line)!important}
body.hp-stevenage-preview .hp-home .hp-home-feature__routes a {background:var(--st-panel)!important;border-color:var(--st-line)!important;box-shadow:0 12px 30px #071b3408!important}
body.hp-stevenage-preview .hp-home .hp-home-feature__routes small {color:var(--st-muted)!important}
body.hp-stevenage-preview .hp-home .hp-home-feature__lead :is(h2,p,.hp-home-kicker) {color:#fff!important}
body.hp-stevenage-preview .hp-home :is(.hp-home-listing__media,.hp-home-mosaic__lead-slide) {background-color:var(--st-soft)!important}
body.hp-stevenage-preview .stevenage-creator-credit {display:flex;align-items:center;gap:10px;margin:14px 0 20px;color:#c6d3e6}
body.hp-stevenage-preview .stevenage-creator-credit a {display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;background:#d2f879!important;color:#19251e!important;border-radius:11px;font:800 25px/1 "Avenir Next",Arial,sans-serif;letter-spacing:-1.5px;text-decoration:none!important;box-shadow:0 5px 18px #c7f57b18}
body.hp-stevenage-preview .stevenage-creator-credit a:focus-visible {outline:3px solid white;outline-offset:4px}

/* Preserve the complete publisher corner on generated event cards. */
body.hp-stevenage-preview .hp-home .hp-home-listing--event .hp-home-listing__media {min-height:0!important;aspect-ratio:1200/630}
body.hp-stevenage-preview .hp-home .hp-home-listing--event .hp-home-listing__media img {height:auto!important;aspect-ratio:1200/630;object-fit:contain!important}

/* Date badges stay blue on their white face in both appearances. */
body.hp-stevenage-preview .hp-home :is(.hp-home-calendar-block,.hp-home-calendar-block__day,.hp-home-calendar-block__month){color:#123ce9!important}
body.hp-stevenage-preview .hp-home .hp-home-calendar-block{background:#fff!important}
body.hp-stevenage-preview .hp-home .hp-home-listing--event > a > div:not(.hp-home-listing__media) > span {color:var(--st-link)!important}

/* Shared form primitives follow the public brand wherever they are reused. */
body.hp-stevenage-preview {
 --hpp-surface:var(--st-panel); --hpp-field:var(--st-panel);
 --hpp-tint:var(--st-soft); --hpp-ink:var(--st-text);
 --hpp-body:var(--st-text); --hpp-muted:var(--st-muted);
 --hpp-border:var(--st-line); --hpp-border-strong:#a6b8cf;
 --hpp-accent:var(--st-link); --hpp-accent-strong:var(--st-link);
 --hpp-brand:#123ce9; --hpp-brand-soft:#6f91ff;
 --hpp-accent-bg:#123ce9; --hpp-accent-bg-hover:#1032c7;
 --hpp-accent-soft:#b6c7ff; --hpp-on-accent:#fff;
 --hpp-track:var(--st-soft); --hpp-scheme:light;
}
html.hp-experience-dark body.hp-stevenage-preview {
 --hpp-border-strong:#56708d; --hpp-brand:#b6c7ff;
 --hpp-accent-soft:#3b5c87; --hpp-scheme:dark;
}
body.hp-stevenage-preview :is(.hp-c-input,.hp-c-textarea,.hp-c-select) {
 background:var(--st-panel); color:var(--st-text); border-color:var(--hpp-border-strong);
}
body.hp-stevenage-preview :is(.hp-c-input,.hp-c-textarea,.hp-c-select):focus-visible {
 border-color:var(--st-link);
 box-shadow:0 0 0 4px color-mix(in srgb,var(--st-link) 18%,transparent);
}

/* Match the approved compact app identity; operator details remain in the footer. */
body.hp-stevenage-preview .stevenage-preview-name{font-size:21px;letter-spacing:-.8px;white-space:nowrap;}
body.hp-stevenage-preview .hp-nav__logo{min-width:0;gap:10px;}
@media(max-width:760px){body.hp-stevenage-preview .stevenage-preview-name{font-size:19px;letter-spacing:-.7px;}}
@media(max-width:360px){body.hp-stevenage-preview .stevenage-preview-name{font-size:17px;}}

body.hp-stevenage-preview .stevenage-preview-icon{background-image:url('./icons/icon-192.png');background-size:cover;background-position:center;background-color:#063bd0;overflow:hidden;}

/* Exact approved S, rounded at its own edge: no atlas crop or white corner tile. */
body.hp-stevenage-preview .stevenage-preview-icon{background-image:url('./icons/stevenage-clean.svg?v=20261029b');background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:25%;}
body.hp-stevenage-preview img[src*="/assets/stevenage/icons/icon-"]{border-radius:25%;}
body.hp-stevenage-preview .hp-nav__heartbeat-icon img,body.hp-stevenage-preview .hp-tabbar__heartbeat-icon img{border-radius:25%;object-fit:contain;}

/* Keep the Live navigation mark on the same edge-clean approved artwork. */
body.hp-stevenage-preview .hp-nav__heartbeat-icon img{content:url("./icons/stevenage-clean.svg?v=20261029b");object-fit:contain;border-radius:25%;}

@media(max-width:360px){body.hp-stevenage-preview .hp-nav__inner{padding-inline:8px;gap:4px;}body.hp-stevenage-preview .hp-nav__logo{gap:6px;}body.hp-stevenage-preview .stevenage-preview-name{font-size:17px;}body.hp-stevenage-preview .stevenage-preview-icon{width:28px;height:28px;}body.hp-stevenage-preview .hp-nav__mobile-menu-toggle{min-width:44px;flex:0 0 44px;}body.hp-stevenage-preview .hp-nav__right{display:none;}}
/* A visible, keyboard-friendly starting point after the Stevenage story. */
body.hp-stevenage-preview .hp-home .st-home-start {padding:56px 0 40px;background:var(--st-page)!important;}
body.hp-stevenage-preview .st-home-start .hp-home-shell {width:100%;max-width:1488px;padding:0;margin:0 auto;}
body.hp-stevenage-preview .st-home-start {padding-inline:max(clamp(28px,5vw,96px),calc((100% - 1488px)/2))!important;}
.st-welcome {scroll-margin-top:100px;color:var(--st-text);}
.st-welcome__header {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:32px;align-items:center;margin-bottom:28px;}
.st-welcome .st-welcome__eyebrow {margin:0 0 8px;color:var(--st-link);font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.13em;text-transform:uppercase;}
.st-welcome .st-welcome__header h2 {margin:0 0 12px;color:var(--st-text);font-size:clamp(29px,3vw,44px);line-height:1.12;letter-spacing:-.045em;}
.st-welcome__header p:not([class]) {margin:0;color:var(--st-muted);font-size:15px;line-height:1.6;}
body.hp-stevenage-preview .st-welcome__search {display:flex;gap:8px;position:relative;width:100%;margin:0;max-width:none;}
.st-welcome__search .hp-home-search__field {min-width:0;flex:1;border-radius:14px;}
body.hp-stevenage-preview .st-welcome__search input {width:100%;min-width:0;height:52px;padding-block:12px;font-size:14px;}
.st-welcome__search button {min-height:52px;padding:12px 18px;border-radius:14px;flex:none;}
.st-welcome__search .hp-home-search__panel {top:calc(100% + 8px);z-index:30;}
body.hp-stevenage-preview .st-welcome__live {display:flex;align-items:center;gap:22px;padding:22px 28px;margin-bottom:14px;border:1px solid var(--st-line);border-left:3px solid #1641f5;border-radius:18px;background:linear-gradient(110deg,var(--st-soft),var(--st-panel));color:var(--st-text);text-decoration:none;}
.st-welcome__live img {display:block;width:64px;height:64px;border-radius:24%;flex:none;}
.st-welcome__live-copy {display:flex;flex-direction:column;gap:5px;min-width:0;}
.st-welcome__live-copy .st-welcome__eyebrow {margin:0;}
.st-welcome__live-copy strong {font-size:25px;line-height:1.25;letter-spacing:-.025em;}
.st-welcome__live-copy>span:last-child {font-size:14px;line-height:1.55;color:var(--st-muted);}
.st-welcome__live-action {margin-left:auto;display:flex;gap:20px;align-items:center;white-space:nowrap;color:var(--st-link);font-size:14px;font-weight:700;}
.st-welcome__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body.hp-stevenage-preview .st-welcome__card {position:relative;display:flex;align-items:center;gap:14px;min-height:110px;padding:20px 24px 20px 18px;background:var(--st-panel);border:1px solid var(--st-line);border-radius:16px;text-decoration:none;color:var(--st-text);transition:border-color .18s,background-color .18s;}
.st-welcome__icon {display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;color:#071a36;background:var(--welcome-tint);}
.st-welcome__icon svg {width:23px;height:23px;}
.st-welcome__card--teal {--welcome-tint:#8cddd0;}.st-welcome__card--lime {--welcome-tint:#def777;}.st-welcome__card--peach {--welcome-tint:#ffb48f;}.st-welcome__card--lavender {--welcome-tint:#bac6ff;}
.st-welcome__card-copy {display:flex;flex-direction:column;gap:5px;min-width:0;}
.st-welcome__card-copy strong {font-size:16px;line-height:1.3;letter-spacing:-.02em;}
.st-welcome__card-copy>span {color:var(--st-muted);font-size:12px;line-height:1.45;}
.st-welcome__arrow {position:absolute;right:10px;top:10px;color:var(--st-muted);font-size:13px;}
body.hp-stevenage-preview .st-welcome :is(.st-welcome__card,.st-welcome__live):hover {border-color:var(--st-link);background-color:var(--st-soft);}
.st-welcome a:focus-visible,.st-welcome button:focus-visible {outline:3px solid var(--st-link);outline-offset:4px;}
.st-welcome__shortcuts {display:flex;flex-wrap:wrap;gap:8px 28px;padding:18px 0;border-bottom:1px solid var(--st-line);}
.st-welcome__shortcuts a {display:flex;align-items:center;gap:9px;min-height:40px;color:var(--st-link);font-size:13px;font-weight:650;text-decoration:none;}
.st-welcome__shortcuts svg {width:18px;height:18px;}
.st-welcome .st-welcome__community {margin:16px 0 0;font-size:12px;line-height:1.7;color:var(--st-muted);}
.st-welcome__community a {color:var(--st-link);text-underline-offset:3px;}
body.hp-stevenage-preview .hp-home>.hp-home-section {padding-block:40px;}
@media(max-width:1100px){.st-welcome__header{grid-template-columns:1fr}.st-welcome__search{max-width:580px!important}.st-welcome__card{flex-direction:column;align-items:flex-start!important;justify-content:center;gap:12px!important}.st-welcome__grid{gap:10px}}
@media(max-width:760px){body.hp-stevenage-preview .hp-home .st-home-start{padding:34px 24px 28px!important}.st-welcome__header{gap:20px;margin-bottom:22px}.st-welcome__header h2{max-width:320px}.st-welcome__header p:not([class]){font-size:14px}.st-welcome__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.hp-stevenage-preview .st-welcome__live{gap:13px;padding:18px 16px;flex-wrap:wrap;border-radius:16px}.st-welcome__live img{width:48px;height:48px}.st-welcome__live-copy{flex:1}.st-welcome__live-copy strong{font-size:21px}.st-welcome__live-copy>span:last-child{font-size:12px}.st-welcome__live-copy .st-welcome__eyebrow{font-size:9px;letter-spacing:.09em}.st-welcome__live-action{width:100%;padding-left:61px;font-size:12px;gap:10px}body.hp-stevenage-preview .st-welcome__card{min-height:132px;padding:16px 14px;gap:10px!important}.st-welcome__icon{width:36px;height:36px;border-radius:11px}.st-welcome__icon svg{width:21px;height:21px}.st-welcome__card-copy strong{font-size:15px}.st-welcome__card-copy>span{font-size:11px}.st-welcome__shortcuts{gap:0 18px;padding:12px 0}.st-welcome__shortcuts a{font-size:12px;min-height:44px}.st-welcome__community{max-width:38em}body.hp-stevenage-preview .hp-home>.hp-home-section{padding-block:28px}.st-welcome{scroll-margin-top:88px}}
@media(prefers-reduced-motion:reduce){.st-welcome__card{transition:none!important}}
/* One shared content edge from the welcome choices through stories and businesses. */
body.hp-stevenage-preview .hp-home>.hp-home-section .hp-home-shell,
body.hp-stevenage-preview .hp-home>.hpbd-discovery{box-sizing:border-box;width:calc(100% - 2 * clamp(28px,5vw,96px));max-width:1488px;margin-inline:auto;padding-inline:0;}
@media(max-width:760px){body.hp-stevenage-preview .hp-home>.hp-home-section .hp-home-shell,body.hp-stevenage-preview .hp-home>.hpbd-discovery{width:calc(100% - 48px);}}
/* Keep both header controls usable on narrow phones, without horizontal overflow. */
@media(max-width:480px){
 body.hp-stevenage-preview .stevenage-preview-name{font-size:clamp(15px,4.8vw,19px);}
 body.hp-stevenage-preview .hp-nav__mobile-menu-toggle{min-width:44px;flex:0 0 44px;}
 body.hp-stevenage-preview .stevenage-appearance-control{flex-basis:72px;width:72px;}
 body.hp-stevenage-preview .stevenage-appearance-control select.stevenage-preview-appearance{width:72px!important;min-width:72px!important;padding-left:10px!important;padding-right:24px!important;}
}