/* Shared service surfaces. Preserve backend forms, provider buttons and status semantics. */
body.hp-stevenage-preview {
 --hp-color-primary-200:#c7d5ff; --hp-color-primary-300:#a7baff;
 --hp-primary:#123ce9; --hp-accent:#123ce9; --hp-purple:#123ce9;
 accent-color:#123ce9;
}
body.hp-stevenage-preview :is(.hp-utility-masthead,.hp-content-surface__body,.hp-directorist-dashboard-shell) {background:transparent!important;color:var(--st-text)}
body.hp-stevenage-preview .hp-utility-masthead {padding:32px 0 24px;border-bottom:1px solid var(--st-line);margin-bottom:28px}
body.hp-stevenage-preview .hp-utility-masthead h1 {font-family:var(--hp-font-heading);font-size:clamp(32px,4vw,52px);letter-spacing:-.055em;line-height:1.08;color:var(--st-text)}
body.hp-stevenage-preview :is(.hp-utility-masthead__eyebrow,.hp-account-hub__card-icon) {color:var(--st-link)}
body.hp-stevenage-preview :is(.hp-utility-masthead__subtitle,.hp-section__note,.hp-account-hub__muted,.hp-account-hub__status) {color:var(--st-muted)}
body.hp-stevenage-preview :is(.hp-c-card,.hp-community-box,.hp-dashboard-empty,.hp-dashboard-actions__tile,.hp-auth-content,.directorist-user-dashboard__nav,.directorist-user-dashboard__tab-content,.directorist-authentication) {
 background:var(--st-panel)!important;color:var(--st-text)!important;border:1px solid var(--st-line)!important;border-radius:22px;box-shadow:0 8px 28px #071a3605;
}
body.hp-stevenage-preview :is(.hp-account-hub,.hp-inbox,.hp-contributions,.hp-cv-dashboard,.hp-employer-jobs,.hp-my-job-applications,.hp-hertsoffers-wallet) :is(h2,h3,h4,legend,strong) {color:var(--st-text)}
body.hp-stevenage-preview :is(.hp-account-hub,.hp-inbox,.hp-contributions,.hp-cv-dashboard,.hp-employer-jobs,.hp-my-job-applications) :is(p,li,label,small) {color:var(--st-muted)}
body.hp-stevenage-preview .hp-account-hub__header {
 background:radial-gradient(ellipse at 100% 0%,#536dff 0%,transparent 65%),#123ce9!important;
 color:white;border:0;border-radius:24px;padding:clamp(22px,4vw,36px);box-shadow:0 16px 35px #123ce91c;
}
body.hp-stevenage-preview .hp-account-hub__header :is(h2,h3,p,.hp-account-hub__eyebrow) {color:#fff!important}
body.hp-stevenage-preview .hp-account-hub__avatar {background:#ffffff22;border-color:#ffffff44;color:#fff}
body.hp-stevenage-preview .hp-account-hub__grid {gap:20px}
body.hp-stevenage-preview .hp-account-hub .hp-c-card {padding:clamp(20px,3vw,28px)}
body.hp-stevenage-preview .hp-account-hub__shortcuts a {color:var(--st-text);min-height:48px;border-color:var(--st-line)}
body.hp-stevenage-preview .hp-account-hub__shortcuts a:hover {color:var(--st-link);background:var(--st-soft)}
body.hp-stevenage-preview .hp-account-hub__choices label,
body.hp-stevenage-preview .hp-account-hub__towns label {background:var(--st-page);border:1px solid var(--st-line);border-radius:12px;padding:12px;gap:9px;min-height:48px;align-items:flex-start;cursor:pointer}
body.hp-stevenage-preview .hp-account-hub__choices label:has(input:checked),
body.hp-stevenage-preview .hp-account-hub__towns label:has(input:checked) {background:var(--st-soft);border-color:var(--st-link)}
body.hp-stevenage-preview :is(input[type=checkbox],input[type=radio]) {accent-color:#123ce9;flex-shrink:0}
body.hp-stevenage-preview :is(.hp-account-hub__form,.hp-community-form) :is(input[type=checkbox],input[type=radio]) {width:18px;height:18px;min-height:0;margin:2px 7px 0 0;vertical-align:middle}
body.hp-stevenage-preview :is(.hp-community-form,.hp-portal-login,.hp-auth-page,.hp-cv-dashboard,.hp-employer-jobs,.hp-contributions,.hp-hertsoffers-wallet) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]):not([type=file]),select,textarea) {
 border:1px solid var(--st-line)!important;border-radius:14px!important;background:var(--st-page)!important;color:var(--st-text)!important;padding:12px 14px;min-height:48px;max-width:100%;font-size:16px;box-shadow:none;
}
body.hp-stevenage-preview :is(input,select,textarea)::placeholder {color:var(--st-muted);opacity:1}
body.hp-stevenage-preview :is(a,button,input,select,textarea):focus-visible {outline:3px solid #7894ff;outline-offset:3px}
body.hp-stevenage-preview :is(.hp-btn--primary,.hp-button-primary,.hp-portal-login input[type=submit],.hp-auth-page input[type=submit],.hp-auth-page .directorist-btn-primary) {
 background:#123ce9!important;border:1px solid #123ce9!important;color:#fff!important;border-radius:999px!important;min-height:48px;padding:12px 22px;font-weight:650;
}
body.hp-stevenage-preview :is(.hp-btn--secondary,.hp-c-btn--secondary) {background:var(--st-panel);color:var(--st-link);border-color:var(--st-line);border-radius:999px;min-height:44px}
body.hp-stevenage-preview :is(.hp-btn--primary,.hp-c-btn--primary):hover {filter:brightness(1.08)}
body.hp-stevenage-preview :is(button,input[type=submit]):disabled {opacity:.5;cursor:not-allowed}
body.hp-stevenage-preview .hp-portal-login {max-width:600px;margin:0 auto;padding:20px 0 48px}
body.hp-stevenage-preview .hp-portal-login form {background:var(--st-panel);border:1px solid var(--st-line);border-radius:24px;padding:clamp(22px,4vw,36px)}
body.hp-stevenage-preview .hp-portal-login :is(.login-username,.login-password) label {display:block;margin-bottom:8px;font-weight:600}
body.hp-stevenage-preview .hp-portal-login :is(input[type=text],input[type=password]) {width:100%}
body.hp-stevenage-preview .hp-portal-login .login-remember label {display:flex;align-items:center;gap:9px}
body.hp-stevenage-preview .hp-portal-login .login-submit input {width:100%}
body.hp-stevenage-preview .hp-auth-page :is(.directorist-authentication__form,.directorist-authentication__form__btn) {color:var(--st-text)}
body.hp-stevenage-preview.hp-auth-page :is(.directorist-form-group label,.directorist-authentication__form__toggle-area) {color:var(--st-text)}
body.hp-stevenage-preview.hp-auth-page :is(.directorist-authentication,.directorist-authentication__form) {background:var(--st-panel)!important;color:var(--st-text)}
body.hp-stevenage-preview.hp-auth-page .directorist-btn {border-radius:999px}
body.hp-stevenage-preview.hp-auth-page input[type=submit] {background:#123ce9!important;color:white!important;border-color:#123ce9!important}
body.hp-stevenage-preview .hp-inbox {max-width:920px;margin:auto}
body.hp-stevenage-preview .hp-inbox > .hp-community-form {display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0 32px}
body.hp-stevenage-preview .hp-inbox > .hp-community-form label {flex:1 1 210px;display:grid;gap:8px;font-weight:600}
body.hp-stevenage-preview .hp-inbox > .hp-community-form button {flex:0 0 auto}
body.hp-stevenage-preview .hp-inbox .hp-community-box {padding:clamp(22px,4vw,32px);margin:20px 0}
body.hp-stevenage-preview .hp-inbox fieldset {min-width:0;border:1px solid var(--st-line);border-radius:16px;padding:16px;margin:18px 0}
body.hp-stevenage-preview .hp-inbox fieldset > div {display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--st-line)}
body.hp-stevenage-preview .hp-inbox fieldset > div:last-child {border:0}
body.hp-stevenage-preview .hp-inbox fieldset > div > strong {flex:1 1 190px}
body.hp-stevenage-preview .hp-inbox fieldset label {display:inline-flex;align-items:center;min-height:38px;gap:5px}
body.hp-stevenage-preview .hp-inbox legend {padding:0 8px;font-weight:650;font-size:14px}
body.hp-stevenage-preview .hp-dashboard-empty {padding:44px 24px;margin:24px 0;text-align:center}
body.hp-stevenage-preview .hp-dashboard-actions__tile {padding:22px;transition:border-color .15s ease}
body.hp-stevenage-preview .hp-dashboard-actions__tile:hover {border-color:var(--st-link)!important}
body.hp-stevenage-preview .directorist-user-dashboard {--directorist-color-primary:#123ce9;--directorist-color-dark:var(--st-text);--directorist-color-body:var(--st-muted);--directorist-color-border:var(--st-line)}
body.hp-stevenage-preview .directorist-user-dashboard :is(.directorist-user-dashboard__nav,.directorist-user-dashboard__tab-content,.directorist-user-dashboard-area,.directorist-user-dashboard-tabcontent,.directorist-table,.components-card,.components-card__header,.components-card__body,.dataviews-wrapper) {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
body.hp-stevenage-preview .directorist-user-dashboard :is(th,td,.directorist-tab__nav__link,.directorist-form-group label) {color:var(--st-text)!important;border-color:var(--st-line)!important}
body.hp-stevenage-preview .directorist-user-dashboard :is(.directorist-tab__nav__active,.directorist-tab__nav__link:hover) {background:var(--st-soft)!important;color:var(--st-link)!important}
body.hp-stevenage-preview .directorist-user-dashboard :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {background:var(--st-page);color:var(--st-text);border-color:var(--st-line)}
body.hp-stevenage-preview .directorist-table-responsive {overflow-x:auto}
body.hp-stevenage-preview .hp-footer {background:#071426!important;color:#c8d5e8;border-top:1px solid #263c56}
body.hp-stevenage-preview .hp-footer .hp-footer__logo {display:inline-flex!important;align-items:center;gap:12px;width:auto!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0;margin-bottom:22px}
body.hp-stevenage-preview .hp-footer .stevenage-preview-name {color:#fff!important}
body.hp-stevenage-preview .hp-footer :is(p,a,.hp-footer__heading) {color:#c8d5e8}
body.hp-stevenage-preview .hp-footer a:hover {color:#d9f64b}
body.hp-stevenage-preview :is(.hp-mobile-menu,.hp-account-panel) {color:var(--st-text);background:var(--st-page)}
body.hp-stevenage-preview .hp-mobile-menu__title {font-size:24px;letter-spacing:-.04em}
body.hp-stevenage-preview .hp-mobile-menu__header {border-bottom:1px solid var(--st-line);padding-bottom:18px;margin-bottom:20px}
body.hp-stevenage-preview .hp-mobile-menu__primary a {min-height:50px;border-radius:12px;color:var(--st-text)}
body.hp-stevenage-preview .hp-mobile-menu__primary a:is(:hover,[aria-current=page]) {background:var(--st-soft);color:var(--st-link)}
body.hp-stevenage-preview .hp-mobile-menu__search {border-color:var(--st-line);background:var(--st-panel);border-radius:16px}
body.hp-stevenage-preview .hp-mobile-menu__search-input {font-size:16px;color:var(--st-text);background:transparent}
body.hp-stevenage-preview .hp-mobile-menu__inner {padding-bottom:calc(40px + env(safe-area-inset-bottom));overscroll-behavior:contain}
body.hp-stevenage-preview.error404 .hp-home-hero {background:transparent!important;padding:clamp(36px,6vw,80px) 24px;color:var(--st-text)}
body.hp-stevenage-preview.error404 .hp-home-hero h1 {font-size:clamp(40px,6vw,72px);line-height:1.04;letter-spacing:-.055em;color:var(--st-text)}
body.hp-stevenage-preview.error404 .hp-home-search {max-width:700px;margin-top:30px}
body.hp-stevenage-preview.error404 .hp-home-quicklinks a {background:var(--st-panel);color:var(--st-text);border:1px solid var(--st-line);border-radius:18px}
/* Welcome is a deliberately quiet entry point using the same identity and appearance choice. */
body.hp-stevenage-preview.hp-welcome-shell {background:var(--st-page);color:var(--st-text);color-scheme:light}
html.hp-experience-dark body.hp-stevenage-preview.hp-welcome-shell {color-scheme:dark}
body.hp-stevenage-preview .hp-welcome {--welcome-purple:var(--st-link);font-family:var(--hp-font-body);color:var(--st-text);background:radial-gradient(ellipse at 15% 15%,#3864ff0c,transparent 50%)}
body.hp-stevenage-preview .hp-welcome :is(h1,h2,h3) {color:var(--st-text);font-family:var(--hp-font-heading)}
body.hp-stevenage-preview .hp-welcome :is(.hp-welcome__intro,.hp-welcome__small,.hp-welcome__card p,.hp-welcome__section-heading p,.hp-welcome__community p:last-child,.hp-welcome__footer) {color:var(--st-muted)}
body.hp-stevenage-preview .hp-welcome :is(.hp-welcome__eyebrow,.hp-welcome__card-link,.hp-welcome__card-top,h1 span) {color:var(--st-link)}
body.hp-stevenage-preview .hp-welcome :is(.hp-welcome__card,.hp-welcome__community) {background:var(--st-panel);border:1px solid var(--st-line);border-radius:24px}
body.hp-stevenage-preview .hp-welcome .hp-welcome__button {background:#123ce9;color:#fff;border-radius:999px}
body.hp-stevenage-preview .hp-welcome__involved {background:#0c2450;border-radius:24px}
body.hp-stevenage-preview .hp-welcome__involved h2 {color:#fff}
body.hp-stevenage-preview .hp-welcome__involved .hp-welcome__eyebrow {color:#d9f64b}
body.hp-stevenage-preview .hp-welcome__header,.hp-stevenage-preview .hp-welcome__footer {border-color:var(--st-line)}
body.hp-stevenage-preview .hp-welcome__header .stevenage-preview-appearance {width:auto;min-width:74px;flex:none;margin:0}
@media(max-width:600px) {
 body.hp-stevenage-preview .hp-utility-masthead {padding-top:24px}
 body.hp-stevenage-preview .hp-account-hub__grid {gap:16px}
 body.hp-stevenage-preview .hp-inbox > .hp-community-form {display:grid;grid-template-columns:1fr}
 body.hp-stevenage-preview .hp-inbox fieldset > div {gap:5px 14px}
 body.hp-stevenage-preview .hp-inbox fieldset > div > strong {flex-basis:100%}
 body.hp-stevenage-preview .hp-inbox fieldset label {font-size:14px}
 body.hp-stevenage-preview .hp-community-form button[type=submit] {width:100%}
 body.hp-stevenage-preview .hp-portal-login {padding:0 0 32px}
 body.hp-stevenage-preview .hp-welcome__header .hp-nav__logo {min-width:0}
}
@media(prefers-reduced-motion:reduce) {body.hp-stevenage-preview .hp-dashboard-actions__tile {transition:none}}
/* Plugin authentication owns one form card; leave its outer shell open to the page canvas. */
html body.hp-stevenage-preview.hp-auth-page .directorist-authentication {border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
html body.hp-stevenage-preview.hp-auth-page .directorist-authentication__form {border:1px solid var(--st-line)!important;border-radius:24px!important;box-shadow:0 12px 36px #071a3608}
html body.hp-stevenage-preview .directorist-authentication__form__btn {background:#123ce9!important;border-color:#123ce9!important;color:#fff!important;border-radius:999px!important;min-height:48px;font-weight:650}
html body.hp-stevenage-preview :is(.hp-portal-login,.directorist-authentication) input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]) {background:var(--st-page)!important;border:1px solid var(--st-line)!important;border-radius:14px!important;color:var(--st-text)!important;-webkit-text-fill-color:var(--st-text)!important;box-shadow:none!important}
html body.hp-stevenage-preview :is(input,select,textarea) {-webkit-text-fill-color:currentColor;caret-color:var(--st-link)}
html body.hp-stevenage-preview input[type=submit] {-webkit-text-fill-color:#fff!important}
html body.hp-stevenage-preview select.stevenage-preview-appearance {background:var(--st-panel)!important;color:var(--st-text)!important;-webkit-text-fill-color:var(--st-text)!important;box-shadow:none!important}
html body.hp-stevenage-preview :is(.hp-nav__mobile-menu-toggle,.hp-mobile-menu__close) {background:var(--st-panel)!important;color:var(--st-link)!important;border-color:var(--st-line)!important}
html body.hp-stevenage-preview :is(input,select,textarea):-webkit-autofill {box-shadow:0 0 0 1000px var(--st-panel) inset!important;-webkit-text-fill-color:var(--st-text)!important;caret-color:var(--st-link)}
/* Bridge the existing Partner Hub and community token systems as well as theme components. */
html body.hp-stevenage-preview {
 --hp-purple-700:var(--st-link);--hp-purple-600:#123ce9;--hp-purple-500:#537cff;--hp-purple-300:#b6c7ff;--hp-purple-800:#1032c7;--hp-purple-secondary-ink:var(--st-link);
 --hp-black:var(--st-text);--hp-white:var(--st-panel);--hp-gray-50:var(--st-page);--hp-gray-100:var(--st-soft);--hp-gray-500:var(--st-muted);--hp-gray-700:var(--st-text);--hp-panel-dark:#071426;--hp-on-accent:#fff;
 --hpp-surface:var(--st-panel);--hpp-tint:var(--st-soft);--hpp-field:var(--st-page);--hpp-ink:var(--st-text);--hpp-body:var(--st-text);--hpp-muted:var(--st-muted);--hpp-border:var(--st-line);--hpp-border-strong:var(--st-line);
 --hpp-accent:var(--st-link);--hpp-accent-bg:#123ce9;--hpp-accent-bg-hover:#1032c7;--hpp-accent-strong:var(--st-link);--hpp-accent-soft:#b6c7ff;--hpp-brand:#123ce9;--hpp-brand-soft:#537cff;--hpp-on-accent:#fff;
}
html body.hp-stevenage-preview .hp-customer-workspace {--hp-portal-ink:var(--st-text);--hp-portal-muted:var(--st-muted);--hp-portal-purple:var(--st-link)}
html body.hp-stevenage-preview .hp-customer-workspace :is(.hp-workspace-overview,.hp-customer-post-card,.hp-customer-tools,.hp-delivered-list>div,.hp-onboarding-form__group,.hp-onboarding-asset-list li,.hp-workspace-empty) {background:var(--st-panel);color:var(--st-text);border-color:var(--st-line);border-radius:20px}
html body.hp-stevenage-preview .hp-customer-workspace .hp-workspace-hero {background:radial-gradient(ellipse at 100% 0,#537cff,transparent 70%),#123ce9;color:white;border-radius:24px}
html body.hp-stevenage-preview .hp-customer-workspace .hp-workspace-hero :is(h1,p,small,.hp-workspace-eyebrow) {color:#fff}
html body.hp-stevenage-preview .hp-customer-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {background:var(--st-page);color:var(--st-text);border-color:var(--st-line);border-radius:12px}
html body.hp-stevenage-preview .hp-customer-workspace .hp-onboarding-asset-list a {color:var(--st-link)}
html body.hp-stevenage-preview .hp-join__title {font-weight:800;letter-spacing:-.045em}
/* Directorist's dashboard has its own legacy dark selectors; keep its outer canvas fluid. */
html body.hp-stevenage-preview .directorist-user-dashboard,
html body.hp-stevenage-preview .directorist-user-dashboard__contents,
html body.hp-stevenage-preview .directorist-user-dashboard__toggle {background:transparent!important}
html body.hp-stevenage-preview .directorist-user-dashboard :is(.directorist-user-dashboard-tab,.directorist-user-dashboard-tabcontent,.directorist-listing-table,.directorist-user-dashboard-search,.directorist-user-dashboard__nav,.directorist-tab__nav__wrapper) {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
html body.hp-stevenage-preview .directorist-user-dashboard :is(input[type=search],input[type=text],input[type=email],input[type=password],select,textarea) {background:var(--st-page)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
html body.hp-stevenage-preview .directorist-user-dashboard :is(.directorist-user-dashboard__toggle__link,.directorist-dashboard__nav__close) {background:var(--st-panel)!important;border-color:var(--st-line)!important;color:var(--st-link)!important}
/* Long privacy actions must wrap inside small account cards. */
body.hp-stevenage-preview .hp-account-hub__privacy-actions button {white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0;height:auto;line-height:1.4}
html.hp-experience-dark body.hp-stevenage-preview.directorist-content-active .directorist-user-dashboard,
html.hp-experience-dark body.hp-stevenage-preview.directorist-content-active .directorist-user-dashboard .directorist-container-fluid {background:transparent!important}
html body.hp-stevenage-preview.directorist-content-active .directorist-user-dashboard :is(.directorist-user-dashboard-tab__nav,table tr,table td,table th) {background:var(--st-panel)!important;border-color:var(--st-line)!important;color:var(--st-text)!important}
html body.hp-stevenage-preview.directorist-content-active .directorist-user-dashboard input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {background:var(--st-page)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
html body.hp-stevenage-preview .hp-account-hub .hp-account-hub__shortcuts a {color:var(--st-link)!important;text-decoration:none}
@media(max-width:600px) {
 html body.hp-stevenage-preview .directorist-user-dashboard-tab__nav {gap:12px;padding:14px!important}
 html body.hp-stevenage-preview .directorist-user-dashboard-tab__nav ul {display:flex!important;flex-flow:row wrap!important;gap:5px!important;width:100%}
 html body.hp-stevenage-preview .directorist-user-dashboard-tab__nav li {width:auto!important;flex:0 0 auto!important;margin:0!important}
 html body.hp-stevenage-preview .directorist-user-dashboard-tab__nav li a {padding:8px 10px!important;font-size:13px;border-radius:10px;min-height:40px}
}
/* Profile/preferences and the React package/order tabs render additional vendor cards.
   The content ID intentionally outranks legacy dark rules without changing plugin CSS. */
body.hp-stevenage-preview #content .directorist-user-dashboard :is(.directorist-card,.directorist-image-profile-wrap,.directorist-favourirte-items,.components-surface,.components-card,.components-card__header,.components-card__body,.dataviews-wrapper,.dataviews__view-actions,table,thead,tbody,tr,th,td,.wp-editor-container,.quicktags-toolbar) {background:var(--st-panel)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
body.hp-stevenage-preview #content .directorist-user-dashboard :is(.directorist-card,.directorist-image-profile-wrap,.directorist-favourirte-items) {border:1px solid var(--st-line);border-radius:20px}
body.hp-stevenage-preview #content .directorist-user-dashboard :is(.directorist-card h2,.directorist-card h3,.directorist-card label,.components-heading,.components-text) {color:var(--st-text)!important}
body.hp-stevenage-preview #content .directorist-user-dashboard :is(textarea,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.components-input-control__container) {background:var(--st-page)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
body.hp-stevenage-preview #content .directorist-user-dashboard :is(.ez-media-uploader,.components-button:not(.is-primary):not(.is-destructive)) {background:var(--st-soft)!important;color:var(--st-text)!important;border-color:var(--st-line)!important}
body.hp-stevenage-preview #content .directorist-user-dashboard .ezmu__input-label {background:#123ce9!important;color:#fff!important;border-radius:999px}

/* One continuous canvas; billing identity stays clear without a full-width colour block. */
body.hp-stevenage-preview .stevenage-operator-note {max-width:1100px;margin:24px auto;padding:20px 24px;border:1px solid var(--st-line);border-radius:22px;background:var(--st-panel);color:var(--st-text);box-shadow:0 10px 30px #071a3608;}
body.hp-stevenage-preview .stevenage-operator-note p {margin:8px 0 0;color:var(--st-muted);font-size:14px;line-height:1.6;}
body.hp-stevenage-preview .stevenage-creator-credit {font-size:12px;letter-spacing:.02em;margin-top:-10px;}

body.hp-stevenage-preview main#main-content {background:transparent!important;}

/* Remaining public contribution and local-help forms share the same controls. */
body.hp-stevenage-preview :is(.hp-help-hub,.hp-wizard-form) :is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search],select,textarea){background:var(--st-panel)!important;color:var(--st-text)!important;border:1px solid var(--st-line)!important;border-radius:12px;box-shadow:none;max-width:100%;font-size:16px;padding:11px 14px;}
body.hp-stevenage-preview :is(.hp-help-hub,.hp-wizard-form) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select){min-height:48px;height:48px;}
body.hp-stevenage-preview .hp-help__filters{padding:20px;border:1px solid var(--st-line);border-radius:22px;background:var(--st-panel);}
body.hp-stevenage-preview :is(.hp-help-hub,.hp-wizard-form) :is(label,h2,h3){color:var(--st-text);}
body.hp-stevenage-preview :is(.hp-help-hub,.hp-wizard-form) :is(input,select,textarea):focus-visible{outline:3px solid var(--st-link);outline-offset:3px;}
@media(max-width:600px){body.hp-stevenage-preview .hp-help__filters label{flex:1 1 auto;gap:8px;}}

/* October 28: finish the existing community surfaces in the Stevenage palette. */
body.hp-stevenage-preview .hp-nav__heartbeat{padding:6px;width:46px;height:46px;min-width:46px;min-height:46px;justify-content:center;gap:0;box-sizing:border-box;}
body.hp-stevenage-preview .hp-nav__heartbeat-icon{flex:none;margin:0;}
body.hp-stevenage-preview :is(.hp-heartbeat-feed__item,.hp-pulse-filters input,.hp-discovery__filter){background:var(--st-panel)!important;border-color:var(--st-line)!important;color:var(--st-text)!important;}
body.hp-stevenage-preview .hp-heartbeat-feed__item{box-shadow:0 8px 24px #071a3608;}
body.hp-stevenage-preview .hp-heartbeat-feed__item :is(h3,a){color:var(--st-text);}
body.hp-stevenage-preview .hp-heartbeat-feed__item :is(p,small){color:var(--st-muted);}
body.hp-stevenage-preview .hp-heartbeat-feed__head p span{color:var(--st-link);}
body.hp-stevenage-preview .hp-heartbeat-feed__item small{border-color:var(--st-line);}
body.hp-stevenage-preview .hp-pulse-filters button{background:var(--st-soft)!important;border-color:var(--st-line)!important;color:var(--st-text)!important;}
body.hp-stevenage-preview .hp-pulse-filters button[aria-pressed=true]{background:#123ce9!important;border-color:#123ce9!important;color:#fff!important;}
body.hp-stevenage-preview .hp-pulse-filters output{color:var(--st-muted);}
body.hp-stevenage-preview .hpbd{--bd-bg:var(--st-panel);--bd-soft:var(--st-soft);--bd-ink:var(--st-text);--bd-muted:var(--st-muted);--bd-line:var(--st-line);--bd-brand:var(--st-link);--bd-tint:var(--st-soft);}
body.hp-stevenage-preview .hpbd-button:not(.hpbd-secondary){background:#123ce9;border-color:#123ce9;color:#fff!important;}
body.hp-stevenage-preview .hpbd-promoted{border-color:var(--st-line);}
body.hp-stevenage-preview .hpbd-badge{background:#123ce9;}
body.hp-stevenage-preview .hpbd :is(a,button,input,select):focus-visible{outline-color:var(--st-link);}
/* Google intentionally renders a wider iframe with negative margins. Do not clamp it. */
body.hp-stevenage-preview .g_id_signin iframe{max-width:none!important;}
@media(max-width:420px){
 body.hp-stevenage-preview.hp-auth-page .directorist-authentication__form{padding:20px 10px;}
 body.hp-stevenage-preview.hp-auth-page .directorist-authentication{padding:0;}
}

/* Fit the existing header without horizontal scrolling on small phones. */
@media(max-width:360px){
 body.hp-stevenage-preview .hp-nav__inner{gap:6px;}
 body.hp-stevenage-preview .stevenage-appearance-control{flex:0 0 64px;width:64px;}
 body.hp-stevenage-preview .stevenage-appearance-control select.stevenage-preview-appearance{width:64px!important;min-width:64px!important;padding:0 24px 0 10px!important;}
 body.hp-stevenage-preview .stevenage-appearance-arrow{right:10px;}
}

@media(max-width:360px){body.hp-stevenage-preview .hp-tabbar{width:100%;max-width:100%;min-width:0;box-sizing:border-box;}body.hp-stevenage-preview .hp-tabbar__item{min-width:0;}}