/*
Theme Name: Springboard 2026
Theme URI: https://springboardsuccessrecruitment.com/
Author: Springboard Success
Description: Navy and turquoise block theme for Springboard Success, events and media recruiters in London.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 2.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: springboard
*/

:root {
	--sb-navy: var(--wp--preset--color--navy, #183350);
	--sb-navy-2: var(--wp--preset--color--navy-2, #21426A);
	--sb-teal: var(--wp--preset--color--teal, #57BEC9);
	--sb-teal-ink: var(--wp--preset--color--teal-ink, #1B7683);
	--sb-teal-soft: var(--wp--preset--color--teal-soft, #E6F5F7);
	--sb-mist: var(--wp--preset--color--mist, #F4F7F9);
	--sb-muted: var(--wp--preset--color--muted, #5B6782);
	--sb-line: var(--wp--preset--color--line, #E2E8EE);
	--sb-display: var(--wp--preset--font-family--display, "Poppins", "Segoe UI", system-ui, sans-serif);
	--sb-glow: radial-gradient(50% 60% at 100% 0%, rgba(87,190,201,.18), transparent 60%), radial-gradient(40% 50% at 0% 100%, rgba(87,190,201,.10), transparent 60%);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3 { text-wrap: balance; }
:focus-visible { outline: 2px solid var(--sb-teal); outline-offset: 3px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; animation: none !important; }
}

/* Full-width sections sit flush against each other */
.wp-site-blocks > * { margin-block-start: 0; }
.sb-main > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }

/* Shared bits ------------------------------------------------------------ */
.is-style-kicker {
	display: inline-flex; align-items: center; gap: .6rem;
	font-size: .8rem !important; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
	color: var(--sb-teal-ink);
}
.is-style-kicker::before { content: ""; width: 22px; height: 2px; background: var(--sb-teal); }
.is-style-navy .is-style-kicker, .sb-on-navy .is-style-kicker { color: var(--sb-teal); }

.wp-block-button.is-style-ghost .wp-block-button__link {
	background: transparent; color: var(--sb-navy); border: 1.5px solid var(--sb-line);
}
.wp-block-button.is-style-ghost .wp-block-button__link:hover { border-color: var(--sb-navy); background: transparent; }
.sb-hero .wp-block-button.is-style-ghost .wp-block-button__link,
.sb-on-navy .wp-block-button.is-style-ghost .wp-block-button__link,
.is-style-navy .wp-block-button.is-style-ghost .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.3); }
.sb-hero .wp-block-button.is-style-ghost .wp-block-button__link:hover,
.sb-on-navy .wp-block-button.is-style-ghost .wp-block-button__link:hover,
.is-style-navy .wp-block-button.is-style-ghost .wp-block-button__link:hover { border-color: #fff; }

.is-style-navy, .sb-on-navy { background: var(--sb-glow), var(--sb-navy); color: #fff; }
.is-style-navy a:not(.wp-element-button), .sb-on-navy a:not(.wp-element-button) { color: #fff; }
.is-style-card { background: #fff; border: 1px solid var(--sb-line); border-radius: 14px; padding: 2rem; }

.sb-section { padding-block: clamp(4rem, 8vw, 6.5rem); }
.sb-head { max-width: 640px; margin-bottom: clamp(2rem, 4vw, 3rem) !important; }
.sb-head > * + * { margin-block-start: 1rem; }
.sb-lede, .sb-head p:not(.is-style-kicker) { color: var(--sb-muted); }
.sb-on-navy .sb-head p:not(.is-style-kicker), .sb-on-navy .sb-lede { color: rgba(255,255,255,.72); }

.sb-ph img, img.sb-ph { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 20%; border-radius: 20px; }
.wp-block-image.sb-ph { margin: 0; }

/* Header ----------------------------------------------------------------- */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50;
}
.sb-header {
	background: rgba(24,51,80,.9); backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2);
	border-bottom: 1px solid rgba(255,255,255,.08); color: #fff;
	padding-block: .9rem;
}
.sb-header a { color: #fff; text-decoration: none; }
.sb-brand { gap: .7rem !important; }
.sb-brand .wp-block-site-logo img { width: 48px; height: 48px; border-radius: 50%; }
.sb-brand-text { line-height: 1.2; font-family: var(--sb-display); font-weight: 600; font-size: 1.05rem; margin: 0 !important; white-space: nowrap; }
.sb-brand-text small { display: block; font-family: var(--wp--preset--font-family--body); font-weight: 500; font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.sb-header .wp-block-navigation { font-size: .95rem; font-weight: 500; gap: 2rem; }
.sb-header .wp-block-navigation-item__content { color: rgba(255,255,255,.75) !important; position: relative; }
.sb-header .wp-block-navigation-item__content:hover { color: #fff !important; }
.sb-header .wp-block-navigation-item__content::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: var(--sb-teal); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.sb-header .wp-block-navigation-item__content:hover::after { transform: scaleX(1); }
.sb-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--sb-navy) !important; color: #fff !important; }
.sb-header .wp-block-button__link { padding: .6em 1.15em; font-size: .9rem; }
@media (max-width: 600px) { .sb-header .wp-block-buttons { display: none; } .sb-brand-text small { display: none; } }

/* Hero ------------------------------------------------------------------- */
.sb-hero {
	position: relative; overflow: hidden; color: #fff;
	background:
		radial-gradient(55% 70% at 88% 18%, rgba(87,190,201,.30), transparent 62%),
		radial-gradient(45% 60% at -5% 105%, rgba(87,190,201,.16), transparent 60%),
		linear-gradient(180deg, #132a44, #183350 60%);
}
.sb-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 26px 26px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 40%, #000 70%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 40%, #000 70%, transparent);
}
.sb-hero-grid { position: relative; padding-block: clamp(3.5rem, 8vw, 6.5rem) clamp(4rem, 8vw, 6rem); gap: clamp(2rem, 5vw, 4.5rem) !important; }
.sb-hero h1 { color: #fff; margin-block-start: 1.2rem; }
.sb-hero h1 em { font-style: normal; color: var(--sb-teal); }
.sb-hero .sb-lede { color: rgba(255,255,255,.74); font-size: 1.15rem; max-width: 46ch; }
.sb-hero .wp-block-buttons { margin-block-start: 2rem; }
.sb-hero .wp-block-button:not(.is-style-ghost) .wp-block-button__link { box-shadow: 0 10px 30px -8px rgba(87,190,201,.7); }
.sb-visual { position: relative; isolation: isolate; }
.sb-visual::before {
	content: ""; position: absolute; z-index: -1; left: -26%; bottom: -6%; width: 62%; aspect-ratio: 4 / 3;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cg fill='none' stroke='%2357BEC9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.75'%3E%3Cpath d='M8 280 C40 290 70 250 52 236 C34 222 20 262 50 266 C84 270 98 222 80 210 C62 198 50 240 82 244 C120 248 130 200 112 190 C94 180 84 222 118 226 C190 232 250 160 300 40'/%3E%3Cpath d='M284 52 L302 34 L310 60'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
}
.sb-duo { display: grid !important; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sb-duo > * { margin: 0 !important; }
.sb-duo > :nth-child(2) { margin-top: 3.5rem !important; }
.sb-duo img { box-shadow: 0 40px 70px -30px rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.12); }
.sb-ted-chip {
	position: absolute; left: -1rem; bottom: -1.4rem; margin: 0 !important;
	display: flex !important; align-items: center; gap: .7rem;
	background: #fff; color: var(--sb-navy); border-radius: 999px; padding: .4rem 1.2rem .4rem .4rem;
	box-shadow: 0 18px 36px -16px rgba(24,51,80,.45);
}
.sb-ted-chip .wp-block-image { margin: 0; }
.sb-ted-chip img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; object-position: center 30%; }
.sb-ted-chip p { margin: 0; line-height: 1.2; font-weight: 600; }
.sb-ted-chip small { display: block; font-weight: 400; font-size: .8rem; color: var(--sb-muted); }
@media (max-width: 781px) {
	.sb-ted-chip { left: .8rem; }
	.sb-visual::before { left: -8%; width: 50%; }
}

/* Marquee ---------------------------------------------------------------- */
.sb-marquee {
	position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,.1); padding-block: 1.3rem;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.sb-marquee-track { display: flex !important; flex-wrap: nowrap !important; width: max-content; gap: 0 !important; animation: sb-scroll 45s linear infinite; }
.sb-marquee:hover .sb-marquee-track { animation-play-state: paused; }
.sb-marquee-track p { margin: 0 !important; white-space: nowrap; font-family: var(--sb-display); font-weight: 500; font-size: clamp(1.05rem, 1.8vw, 1.35rem); color: rgba(255,255,255,.82); padding-right: 2.6rem; word-spacing: .1em; }
.sb-marquee-track p span { color: var(--sb-teal); padding-inline: 1.1rem; }
@keyframes sb-scroll { to { transform: translateX(-50%); } }

/* Services --------------------------------------------------------------- */
.sb-services { background: var(--sb-mist); }
.sb-cards { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.sb-cards > * { margin: 0 !important; }
.sb-card { background: #fff; border: 1px solid var(--sb-line); border-radius: 14px; padding: 2rem; transition: transform .25s ease, box-shadow .25s ease, border-color .25s; }
.sb-card:hover { transform: translateY(-4px); border-color: rgba(87,190,201,.6); box-shadow: 0 24px 50px -28px rgba(24,51,80,.45); }
.sb-card::before {
	content: ""; display: block; width: 46px; height: 46px; border-radius: 10px; margin-bottom: 1rem;
	background: var(--sb-teal-soft) no-repeat center / 22px; transition: background-color .25s;
}
.sb-card:hover::before { background-color: var(--sb-teal); }
.sb-card:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B7683' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E"); }
.sb-card:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B7683' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.sb-card:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B7683' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E"); }
.sb-card p { color: var(--sb-muted); font-size: 1rem; }
.sb-chips { display: flex !important; flex-wrap: wrap; gap: .5rem; margin-block-start: 2rem !important; }
.sb-chips p { margin: 0 !important; background: #fff; border: 1px solid var(--sb-line); border-radius: 999px; padding: .4em 1em; font-size: .9rem; font-weight: 500; }
@media (max-width: 880px) { .sb-cards { grid-template-columns: 1fr; } }

/* Story ------------------------------------------------------------------ */
.sb-story p:not(.is-style-kicker) { color: var(--sb-muted); }
.sb-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding-top: 1.5rem; margin-block-start: 1.5rem !important; border-top: 1px solid var(--sb-line); }
.sb-stats p { margin: 0 !important; font-size: .88rem; }
.sb-stats strong { display: block; font-family: var(--sb-display); font-weight: 600; font-size: clamp(1.2rem, 2.4vw, 1.7rem); line-height: 1.15; color: var(--sb-navy); }

/* Jobs ------------------------------------------------------------------- */
.sb-jobs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.sb-jobs > * { margin: 0 !important; }
.sb-job { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 1.8rem; transition: border-color .15s, transform .15s; }
.sb-job:hover { border-color: var(--sb-teal); transform: translateY(-2px); }
.sb-job > * + * { margin-block-start: .7rem !important; }
.sb-job h3 a { text-decoration: none; color: #fff; transition: color .2s; }
.sb-job:hover h3 a { color: var(--sb-teal); }
.sb-job .sb-pay { color: var(--sb-teal); font-weight: 600; font-variant-numeric: tabular-nums; }
.sb-job p { color: rgba(255,255,255,.72); font-size: .98rem; }
.sb-job .sb-meta { font-size: .85rem; color: rgba(255,255,255,.58); }
.sb-jobs-band .wp-block-buttons { margin-block-start: 2.2rem; }
@media (max-width: 760px) { .sb-jobs { grid-template-columns: 1fr; } }

/* Team ------------------------------------------------------------------- */
.sb-team { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.sb-team > * { margin: 0 !important; }
.sb-person > * + * { margin-block-start: .8rem !important; }
.sb-person .wp-block-image { overflow: hidden; border-radius: 20px; margin: 0 0 .4rem; }
.sb-person .wp-block-image img { aspect-ratio: 1 / 1.1; object-fit: cover; object-position: center 20%; border-radius: 0; transition: transform .5s ease; width: 100%; }
.sb-person:hover .wp-block-image img { transform: scale(1.04); }
.sb-role { font-size: .85rem !important; font-weight: 600; color: var(--sb-teal-ink); letter-spacing: .04em; margin-block-start: .2rem !important; }
.sb-bio { color: var(--sb-muted); font-size: .98rem; }
.sb-person-contact { font-size: .92rem; padding-top: .9rem; border-top: 1px solid var(--sb-line); }
.sb-person-contact a { font-weight: 600; text-decoration: none; }
@media (max-width: 880px) { .sb-team { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { .sb-team { grid-template-columns: 1fr; } }

/* Testimonials ----------------------------------------------------------- */
.sb-quotes {
	display: flex !important; flex-wrap: nowrap !important; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory;
	padding-bottom: 1rem; scrollbar-width: thin; scrollbar-color: var(--sb-teal) transparent;
}
.sb-quotes > * { margin: 0 !important; }
.sb-quotes .wp-block-quote {
	flex: 0 0 min(420px, 85%); scroll-snap-align: start; border: 1px solid rgba(255,255,255,.1); border-radius: 18px;
	background: rgba(255,255,255,.04); padding: 2rem; display: flex; flex-direction: column; justify-content: space-between;
}
.sb-quotes .wp-block-quote::before { content: "\201C"; font-family: var(--sb-display); font-size: 3.6rem; line-height: .7; color: var(--sb-teal); }
.sb-quotes .wp-block-quote p { font-family: var(--sb-display); font-size: 1.2rem; line-height: 1.45; color: #fff; letter-spacing: -.01em; }
.sb-quotes .wp-block-quote cite { font-style: normal; font-weight: 600; color: var(--sb-teal); margin-top: 1.4rem; display: block; }
.sb-swipe { font-size: .85rem; color: rgba(255,255,255,.55); }

/* Split CTA -------------------------------------------------------------- */
.sb-split { gap: 1.25rem !important; }
.sb-panel { border-radius: 22px; padding: clamp(1.8rem, 4vw, 2.8rem) !important; position: relative; overflow: hidden; }
.sb-panel > * + * { margin-block-start: 1rem; }
.sb-cand { background: linear-gradient(140deg, #E6F5F7, #CDECF0); }
.sb-cand p:not(.is-style-kicker) { color: var(--sb-muted); }
.sb-client { background: radial-gradient(70% 80% at 100% 0%, rgba(87,190,201,.25), transparent 60%), var(--sb-navy); color: #fff; }
.sb-client p:not(.is-style-kicker) { color: rgba(255,255,255,.72); }
.sb-client .is-style-kicker { color: var(--sb-teal); }
.sb-panel h2 { font-size: clamp(1.6rem, 2.8vw, 2.1rem); }

/* Contact ---------------------------------------------------------------- */
.sb-lines { margin-block-start: 2rem !important; }
.sb-lines p { margin: 0 !important; display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; padding-block: .95rem; border-top: 1px solid var(--sb-line); font-weight: 500; overflow-wrap: anywhere; }
.sb-lines p span { font-weight: 400; font-size: .85rem; color: var(--sb-muted); }
.sb-formcard { background: var(--sb-mist); border-radius: 18px; padding: clamp(1.6rem, 3vw, 2.4rem) !important; }
.sb-formcard > * + * { margin-block-start: 1rem; }
.sb-formcard p { color: var(--sb-muted); }
@media (max-width: 781px) { .sb-lines p { grid-template-columns: 1fr; gap: .1rem; } }

/* Inner page banner ------------------------------------------------------- */
.sb-page-banner { background: var(--sb-glow), var(--sb-navy); color: #fff; padding-block: clamp(3rem, 7vw, 5rem) clamp(2.5rem, 6vw, 4rem); }
.sb-page-banner .wp-block-post-title { color: #fff; font-size: clamp(2.2rem, 5vw, 3.6rem); }
.sb-page-content { padding-block: clamp(3rem, 6vw, 5rem); }
.sb-page-content iframe { width: 100%; border: 0; border-radius: 14px; }

/* Footer ----------------------------------------------------------------- */
.sb-footer { background: var(--sb-navy); color: rgba(255,255,255,.65); padding-block: 3.2rem 2.4rem; font-size: .92rem; }
.sb-footer a { color: rgba(255,255,255,.75); text-decoration: none; }
.sb-footer a:hover { color: #fff; }
.sb-footer .wp-block-site-logo img { width: 56px; height: 56px; border-radius: 50%; }
.sb-footer .sb-brand-text { color: #fff; }
.sb-footer-top { padding-bottom: 2rem; border-bottom: 1px solid rgba(255,255,255,.1); }
.sb-footer .wp-block-navigation { gap: 1.6rem; }
.sb-footer .wp-block-navigation-item__content { color: rgba(255,255,255,.75) !important; }
.sb-legal { margin-block-start: 1.6rem !important; font-size: .85rem; }
.sb-legal p { margin: 0; }

/* Menu: the "Submit Your CV" page becomes the turquoise button */
.sb-header .wp-block-navigation-item a[href*="submit-cv"] {
	background: var(--sb-teal); color: var(--sb-navy) !important; border-radius: 999px; padding: .55em 1.15em; font-weight: 600;
}
.sb-header .wp-block-navigation-item a[href*="submit-cv"]::after { display: none; }
.sb-header .wp-block-navigation-item a[href*="submit-cv"]:hover { background: #74CCD5; }
.sb-header .current-menu-item > a:not([href*="submit-cv"]), .sb-header .wp-block-navigation-item a[aria-current="page"]:not([href*="submit-cv"]) { color: var(--sb-teal) !important; }
.sb-header .wp-block-navigation-item a[aria-current="page"]::after { transform: scaleX(1); }
/* Blog listing: show archive title on archives, "Blog" otherwise */
body.archive .sb-blog-title { display: none; }
body:not(.archive) .wp-block-query-title { display: none; }
.sb-page-banner .wp-block-query-title, .sb-page-banner h1 { color: #fff; }
.sb-section .sb-card .wp-block-post-title a { color: var(--sb-navy); text-decoration: none; }

/* Employers page ---------------------------------------------------------- */
.sb-emp-hero h1 { font-size: clamp(2.4rem, 5vw, 4rem); }
.sb-talk-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 1.8rem; backdrop-filter: blur(6px); }
.sb-talk-card > * + * { margin-block-start: 1rem; }
.sb-talk-title { font-family: var(--sb-display); font-weight: 600; font-size: 1.3rem; margin: 0; }
.sb-talk-sub { color: rgba(255,255,255,.7); font-size: .95rem; margin-block-start: .3rem !important; }
.sb-talk-person { gap: 1rem !important; align-items: center !important; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.1); }
.sb-talk-person .wp-block-image { margin: 0; flex: none; }
.sb-talk-person img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: center 20%; border: 2px solid var(--sb-teal); }
.sb-talk-person p { margin: 0; font-size: .92rem; color: rgba(255,255,255,.75); overflow-wrap: anywhere; }
.sb-talk-person strong { color: #fff; font-size: 1rem; }
.sb-talk-person a { color: rgba(255,255,255,.75) !important; text-decoration: none; }
.sb-steps { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; counter-reset: sbstep; }
.sb-steps > * { margin: 0 !important; }
.sb-step { position: relative; padding-top: 1.4rem; border-top: 2px solid var(--sb-line); counter-increment: sbstep; }
.sb-step::after { content: ""; position: absolute; top: -2px; left: 0; width: 40px; height: 2px; background: var(--sb-teal); }
.sb-step::before { content: counter(sbstep); width: 40px; height: 40px; border-radius: 50%; background: var(--sb-navy); color: var(--sb-teal); display: grid; place-items: center; font-family: var(--sb-display); font-weight: 600; margin-bottom: .8rem; }
.sb-step h3 { font-size: 1.15rem; }
.sb-step p { color: var(--sb-muted); font-size: .98rem; margin-block-start: .5rem; }
@media (max-width: 880px) { .sb-steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .sb-steps { grid-template-columns: 1fr; } }
.sb-form-wrap { gap: clamp(2rem, 5vw, 4.5rem) !important; }
.sb-ticks { list-style: none; padding: 0; margin-block-start: 1.2rem; display: grid; gap: .6rem; }
.sb-ticks li { display: flex; gap: .7rem; align-items: flex-start; color: rgba(255,255,255,.85); }
.sb-ticks li::before { content: ""; flex: none; width: 20px; height: 20px; margin-top: .2rem; border-radius: 50%; background: var(--sb-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23183350' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat; }
.sb-mini-quote { margin-block-start: 1.5rem !important; padding: 1.3rem 1.4rem !important; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1) !important; }
.sb-mini-quote p { font-style: italic; color: rgba(255,255,255,.88); }
.sb-mini-quote cite { display: block; margin-top: .6rem; font-style: normal; font-weight: 600; color: var(--sb-teal); font-size: .92rem; }
.sb-form-card { background: #fff; color: var(--sb-navy); border-radius: 20px; padding: clamp(.8rem, 2vw, 1.4rem); box-shadow: 0 40px 80px -40px rgba(0,0,0,.6); }
.sb-recruitly { display: block; width: 100%; min-height: 900px; border: 0; }
.sb-head-center { margin-inline: auto; text-align: center; }
.sb-head-center .is-style-kicker { justify-content: center; }
.sb-chips-center { justify-content: center; margin-block-start: 0 !important; }
.sb-chips-center p { font-size: 1rem; padding: .55em 1.2em; }

/* Inner page banners ------------------------------------------------------- */
.sb-page-hero-inner { position: relative; padding-block: clamp(3.5rem, 7vw, 5.5rem) clamp(3rem, 6vw, 4.5rem); max-width: 820px; margin-inline: 0 !important; }
.sb-page-hero h1 { font-size: clamp(2.3rem, 5vw, 3.8rem); }
.sb-page-hero .sb-lede { margin-block-start: 1.2rem; }

/* Jobs feed (Recruitly) ---------------------------------------------------- */
.sb-feed .wp-block-post-content > * { max-width: 1180px; }
.sb-feed a { color: var(--sb-teal-ink); }
.sb-feed .elementor-section, .sb-feed .elementor-container { max-width: 100% !important; }

/* Strip -------------------------------------------------------------------- */
.sb-strip-wrap { padding-top: 0; }
.sb-strip { background: linear-gradient(140deg, #E6F5F7, #CDECF0); border-radius: 22px; padding: clamp(1.8rem, 4vw, 2.8rem) !important; gap: 1.5rem; }
.sb-strip h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.sb-strip p { color: var(--sb-muted); margin-block-start: .5rem; }

/* Submit CV ---------------------------------------------------------------- */
.sb-mist-bg { background: var(--sb-mist); }
.sb-content-card { background: #fff; border: 1px solid var(--sb-line); border-radius: 22px; padding: clamp(1.5rem, 4vw, 3rem) !important; box-shadow: 0 30px 60px -40px rgba(24,51,80,.35); }
.sb-content-card iframe { width: 100%; min-height: 1000px; border: 0; }

/* Contact ------------------------------------------------------------------ */
.sb-contact-grid { gap: clamp(2rem, 5vw, 4rem) !important; }
.sb-person-card { gap: 1.1rem !important; align-items: center !important; padding: 1.2rem; border: 1px solid var(--sb-line); border-radius: 16px; margin-block-end: 1rem !important; }
.sb-person-card .wp-block-image { margin: 0; flex: none; }
.sb-person-card img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; object-position: center 20%; }
.sb-person-card p { display: grid; margin: 0; font-size: .95rem; min-width: 0; overflow-wrap: anywhere; }
.sb-person-card strong { font-family: var(--sb-display); font-size: 1.1rem; }
.sb-person-card span { font-size: .85rem; color: var(--sb-teal-ink); font-weight: 600; margin-bottom: .3rem; }
.sb-person-card a { text-decoration: none; color: var(--sb-navy); }
.sb-person-card a:hover { color: var(--sb-teal-ink); }
.sb-contact-grid .sb-lines { margin-block-start: 1.5rem !important; }
.sb-contact-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .sb-contact-form textarea {
	font: inherit; color: var(--sb-navy); background: #fff; border: 1px solid var(--sb-line); border-radius: 8px; padding: .75em .9em; width: 100%;
}
.sb-contact-form input:focus, .sb-contact-form textarea:focus { outline: 2px solid var(--sb-teal); border-color: var(--sb-teal); }
.sb-contact-form label { font-weight: 600; font-size: .9rem; }
.sb-contact-form button, .sb-contact-form .wp-block-button__link { background: var(--sb-teal) !important; color: var(--sb-navy) !important; border: 0 !important; border-radius: 999px !important; padding: .8em 1.6em !important; font-weight: 600; cursor: pointer; }
.sb-content-card > * + * { margin-block-start: 1rem; }
.sb-content-card p { color: var(--sb-muted); }
.sb-content-card .sb-recruitly { margin-block-start: 1.5rem; min-height: 1100px; border-radius: 14px; background: var(--sb-mist); }

/* Submit CV v2 -------------------------------------------------------------- */
.sb-cv-grid { gap: clamp(2rem, 5vw, 4.5rem) !important; align-items: flex-start !important; }
.sb-cv-side { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 100px); }
.sb-cv-side > * + * { margin-block-start: 1.1rem; }
.sb-cv-side p { color: var(--sb-muted); }
.sb-ticks-light li { color: var(--sb-navy); font-weight: 500; }
.sb-cv-help { margin-block-start: 2rem !important; padding: 1.4rem 1.5rem; border-radius: 16px; background: #fff; border: 1px solid var(--sb-line); }
.sb-cv-help p { font-size: .95rem; }
.sb-cv-help p + p { margin-block-start: .8rem; padding-top: .8rem; border-top: 1px solid var(--sb-line); }
.sb-cv-help strong { color: var(--sb-navy); }
.sb-cv-help a { color: var(--sb-teal-ink); font-weight: 600; text-decoration: none; }
.sb-cv-formcard { background: #fff; border-radius: 22px; padding: clamp(1.4rem, 3vw, 2.4rem); box-shadow: 0 40px 80px -45px rgba(24,51,80,.45); border-top: 6px solid var(--sb-teal); }
.sb-cv-formcard h3 { font-size: 1.5rem; }
.sb-cv-formcard > p { color: var(--sb-muted); margin-block-start: .4rem; }
/* Recruitly form wrapper */
.sb-iframe-crop { overflow: hidden; margin-block-start: 1rem; border-radius: 12px; }
.sb-iframe-crop .sb-recruitly { margin: 0 !important; min-height: 1150px; background: transparent; border-radius: 0; }
@media (max-width: 781px) { .sb-cv-side { position: static; } }

/* Google reviews (Trustindex) ------------------------------------------------ */
.sb-google-reviews { margin-block-end: 2.5rem !important; }
.sb-google-reviews > p { padding: 1rem 1.2rem; border: 1px dashed rgba(255,255,255,.3); border-radius: 12px; color: rgba(255,255,255,.7); font-size: .9rem; }


/* ==========================================================================
   Mobile & robustness fixes (v1.7)
   ========================================================================== */
/* Safe fallbacks if WordPress's global styles are missing (e.g. AMP pages) */
body { font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--sb-navy); background: #fff; }
h1, h2, h3, h4 { font-family: var(--sb-display); }
.sb-hero, .sb-on-navy, .is-style-navy, .sb-page-banner { background-color: #183350; color: #fff; }
.sb-hero h1, .sb-hero h2, .sb-on-navy h2, .sb-on-navy h3 { color: #fff; }
.wp-block-button:not(.is-style-ghost) .wp-block-button__link { background-color: var(--sb-teal); color: var(--sb-navy); border-radius: 999px; text-decoration: none; font-weight: 600; }
.wp-block-button__link { display: inline-block; padding: .8em 1.45em; }

/* Header on phones: compact bar, full-screen menu */
@media (max-width: 781px) {
	.sb-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: #183350; padding-block: .6rem; }
	.sb-header .alignwide { flex-wrap: nowrap !important; align-items: center; }
	.sb-brand { gap: .55rem !important; min-width: 0; }
	.sb-brand .wp-block-site-logo, .sb-brand .wp-block-site-logo a { width: 40px !important; flex: none; }
	.sb-brand .wp-block-site-logo img { width: 40px !important; height: 40px !important; }
	.sb-brand-text { font-size: .95rem; }
	.sb-brand-text small { display: none; }
	.sb-header .wp-block-navigation__responsive-container-open { color: #fff; padding: .4rem; }
	.sb-header .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; fill: #fff; }
	.sb-header .wp-block-navigation__responsive-container.is-menu-open {
		position: fixed !important; inset: 0 !important; padding: 5rem 1.5rem 2rem !important; background: #183350 !important; z-index: 100000;
	}
	.sb-header .is-menu-open .wp-block-navigation__responsive-container-close { color: #fff; top: 1.2rem; right: 1.2rem; }
	.sb-header .is-menu-open .wp-block-navigation__responsive-container-close svg { fill: #fff; width: 30px; height: 30px; }
	.sb-header .is-menu-open .wp-block-navigation__container { gap: 1.4rem !important; align-items: flex-start !important; }
	.sb-header .is-menu-open .wp-block-navigation-item__content { font-family: var(--sb-display); font-size: 1.6rem; color: #fff !important; }
	.sb-header .is-menu-open .wp-block-navigation-item__content::after { display: none; }
	.sb-header .is-menu-open a[href*="submit-cv"] { font-size: 1.1rem; margin-top: .6rem; padding: .7em 1.4em; }
}

/* Hero on phones */
@media (max-width: 781px) {
	.sb-hero-grid { padding-block: 2.5rem 3.5rem; }
	.sb-hero h1 { font-size: clamp(2.3rem, 10vw, 3rem); }
	.sb-hero .sb-lede { font-size: 1.02rem; }
	.sb-hero .wp-block-buttons { gap: .6rem; }
	.sb-visual { margin-top: 1rem; }
	.sb-visual::before { display: none; }
	.sb-duo { gap: .7rem; }
	.sb-duo > :nth-child(2) { margin-top: 2rem !important; }
	.sb-duo img { aspect-ratio: 4 / 5; }
	.sb-ted-chip { left: .6rem; bottom: -1rem; padding: .3rem 1rem .3rem .3rem; }
	.sb-ted-chip img { width: 44px; height: 44px; }
	.sb-marquee-track p { font-size: 1rem; padding-right: 1.6rem; }
	.sb-marquee-track p span { padding-inline: .7rem; }
	.sb-page-hero-inner { padding-block: 2.5rem 2.8rem; }
	.sb-section { padding-block: 3.2rem; }
	.sb-head { margin-bottom: 1.8rem !important; }
	.sb-card, .sb-job, .sb-panel, .sb-formcard, .sb-cv-formcard, .sb-content-card { padding: 1.4rem !important; }
	.sb-quotes .wp-block-quote { flex-basis: 86%; padding: 1.5rem; }
	.sb-quotes .wp-block-quote p { font-size: 1.05rem; }
	.sb-lines p { grid-template-columns: 1fr; }
	.sb-talk-card { padding: 1.4rem; }
	.sb-strip { flex-direction: column; align-items: flex-start !important; }
	.sb-footer .sb-footer-top { flex-direction: column; align-items: flex-start !important; }
	.sb-stats { grid-template-columns: 1fr 1fr 1fr; gap: .6rem; }
	.sb-stats strong { font-size: 1.15rem; }
}
.wp-block-button.is-style-ghost .wp-block-button__link { border-radius: 999px; text-decoration: none; font-weight: 600; border-style: solid; border-width: 1.5px; }

/* ==========================================================================
   v1.9: hero call line, closing CTA, Services page
   ========================================================================== */
.sb-hero-call { margin-block-start: 1.4rem !important; font-size: .95rem; color: rgba(255,255,255,.65); display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .4rem; }
.sb-hero-call::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #3DDC97; box-shadow: 0 0 0 4px rgba(61,220,151,.18); margin-right: .3rem; }
.sb-hero-call a { color: #fff !important; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(87,190,201,.6); }

/* Closing CTA */
.sb-final { position: relative; overflow: hidden; color: #fff; background:
	radial-gradient(50% 70% at 0% 0%, rgba(87,190,201,.22), transparent 60%),
	radial-gradient(40% 60% at 100% 100%, rgba(87,190,201,.18), transparent 60%), #183350; }
.sb-final::after { content: ""; position: absolute; right: -60px; top: -60px; width: 340px; height: 340px; opacity: .14; pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cg fill='none' stroke='%2357BEC9' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 280 C40 290 70 250 52 236 C34 222 20 262 50 266 C84 270 98 222 80 210 C62 198 50 240 82 244 C120 248 130 200 112 190 C94 180 84 222 118 226 C190 232 250 160 300 40'/%3E%3Cpath d='M284 52 L302 34 L310 60'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; }
.sb-final-grid { position: relative; z-index: 1; gap: clamp(2rem, 6vw, 5rem) !important; }
.sb-final-copy > * + * { margin-block-start: 1.2rem; }
.sb-final .is-style-kicker { color: var(--sb-teal); }
.sb-final-title { color: #fff; font-size: clamp(2.2rem, 4.6vw, 3.6rem) !important; line-height: 1.08; letter-spacing: -.03em; }
.sb-final-title em { font-style: normal; color: var(--sb-teal); }
.sb-final .sb-lede { color: rgba(255,255,255,.75); font-size: 1.15rem; max-width: 46ch; }
.sb-final .wp-block-buttons { margin-block-start: 2rem !important; }
.sb-final .wp-block-button:not(.is-style-ghost) .wp-block-button__link { box-shadow: 0 10px 30px -8px rgba(87,190,201,.7); }
.sb-final .is-style-ghost .wp-block-button__link { color: #fff !important; border-color: rgba(255,255,255,.35) !important; }
.sb-founders-card { background: #fff; color: var(--sb-navy); border-radius: 22px; padding: clamp(1.4rem, 3vw, 2rem); box-shadow: 0 40px 80px -40px rgba(0,0,0,.6); }
.sb-founders-title { font-family: var(--sb-display); font-weight: 600; font-size: 1.25rem; margin: 0 0 .4rem; }
.sb-founder { display: flex !important; flex-wrap: nowrap; gap: 1rem !important; align-items: center !important; padding-block: 1rem; border-top: 1px solid var(--sb-line); margin: 0 !important; }
.sb-founder .wp-block-image { margin: 0; flex: none; }
.sb-founder img { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; object-position: center 20%; border: 2px solid var(--sb-teal); }
.sb-founder p { display: grid; margin: 0; font-size: .95rem; min-width: 0; overflow-wrap: anywhere; }
.sb-founder strong { font-family: var(--sb-display); font-size: 1.05rem; }
.sb-founder span { font-size: .82rem; color: var(--sb-teal-ink); font-weight: 600; margin-bottom: .2rem; }
.sb-founder a { color: var(--sb-navy) !important; text-decoration: none; }
.sb-founder a[href^="tel"] { font-weight: 600; font-size: 1.05rem; }
.sb-founder a:hover { color: var(--sb-teal-ink) !important; }
.sb-founders-foot { font-size: .88rem; color: var(--sb-muted); padding-top: 1rem; border-top: 1px solid var(--sb-line); margin: 0 !important; overflow-wrap: anywhere; }
.sb-founders-foot a { color: var(--sb-teal-ink); font-weight: 600; text-decoration: none; }

/* Services hero */
.sb-svc-hero h1 { font-size: clamp(2.3rem, 5vw, 3.8rem); }
.sb-glance { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 1.6rem; backdrop-filter: blur(6px); }
.sb-glance p { margin: 0 !important; }
.sb-glance-title { font-size: .78rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sb-teal); padding-bottom: .6rem; }
.sb-glance a { display: grid; gap: .15rem; padding: 1rem 2.4rem 1rem 0; border-top: 1px solid rgba(255,255,255,.1); color: #fff !important; text-decoration: none; position: relative; }
.sb-glance a::after { content: "→"; position: absolute; right: .3rem; top: 50%; translate: 0 -50%; color: var(--sb-teal); transition: transform .2s; }
.sb-glance a:hover::after { transform: translateX(4px); }
.sb-glance strong { font-family: var(--sb-display); font-size: 1.1rem; font-weight: 600; }
.sb-glance span { font-size: .9rem; color: rgba(255,255,255,.65); }

/* Services rows */
.sb-svc-detail > .alignwide > * + * { margin-block-start: clamp(3rem, 7vw, 5.5rem) !important; }
.sb-svc-row { gap: clamp(2rem, 6vw, 5rem) !important; scroll-margin-top: 110px; }
.sb-svc-flip { flex-direction: row-reverse; }
.sb-svc-tag { font-size: .8rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sb-teal-ink); }
.sb-svc-row h2 { margin-block-start: .6rem; }
.sb-svc-row .wp-block-column > p:last-child { color: var(--sb-muted); font-size: 1.08rem; margin-block-start: 1.1rem; max-width: 58ch; }
.sb-bestfor { background: radial-gradient(70% 80% at 100% 0%, rgba(87,190,201,.25), transparent 60%), #183350; color: #fff; border-radius: 22px; padding: clamp(1.6rem, 3vw, 2.2rem); box-shadow: 0 40px 70px -40px rgba(24,51,80,.6); }
.sb-bestfor-title { font-size: .78rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sb-teal); margin: 0; }
.sb-bestfor .sb-ticks { margin-block-start: 1rem; }
.sb-bestfor .wp-block-buttons { margin-block-start: 1.6rem; }
@media (max-width: 781px) { .sb-svc-flip { flex-direction: column; } }

/* Roles tiles */
.sb-role-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.sb-role-grid > * { margin: 0 !important; }
.sb-role-tile { background: #fff; border: 1px solid var(--sb-line); border-radius: 16px; padding: 1.6rem 1.6rem 1.8rem; position: relative; overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; }
.sb-role-tile::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--sb-teal), transparent); }
.sb-role-tile:hover { transform: translateY(-4px); border-color: rgba(87,190,201,.6); box-shadow: 0 24px 50px -28px rgba(24,51,80,.45); }
.sb-role-tile h3 { font-size: 1.2rem; }
.sb-role-tile p { color: var(--sb-muted); font-size: .97rem; margin-block-start: .5rem; }
@media (max-width: 880px) { .sb-role-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .sb-role-grid { grid-template-columns: 1fr; } }

/* ---- Steps: connected timeline ---- */
.sb-steps { position: relative; }
.sb-steps::before { content: ""; position: absolute; left: 20px; right: 20px; top: 20px; height: 2px; background: linear-gradient(90deg, var(--sb-teal), rgba(87,190,201,.15)); }
.sb-step { border-top: 0 !important; padding-top: 0 !important; }
.sb-step::after { display: none; }
.sb-step::before { position: relative; z-index: 1; box-shadow: 0 0 0 6px #fff; }
@media (max-width: 880px) { .sb-steps::before { display: none; } }

/* ==========================================================================
   v2.3: mobile fixes from Tom's review
   ========================================================================== */

/* 1. Side padding everywhere.
   Fallbacks for WordPress's own layout rules, so text never runs into the
   edge of the phone even if those rules don't load. Zero-specificity (:where)
   so WordPress's real rules still win whenever they are present. */
:root {
	--wp--style--root--padding-left: clamp(16px, 4vw, 40px);
	--wp--style--root--padding-right: clamp(16px, 4vw, 40px);
}
:where(.has-global-padding) {
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
}
:where(.has-global-padding) :where(.has-global-padding:not(.wp-block-block)) { padding-left: 0; padding-right: 0; }
:where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 820px; margin-left: auto; margin-right: auto; }
:where(.is-layout-constrained) > :where(.alignwide) { max-width: 1180px; }
@media (max-width: 781px) {
	.sb-hero-grid, .sb-hero .wp-block-column { min-width: 0; }
	.sb-hero .sb-lede, .sb-hero h1 { overflow-wrap: break-word; }
}

/* 2. Header: logo, name and burger on one centred line */
.sb-header > .alignwide { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 1rem; }
.sb-brand { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; margin: 0 !important; }
.sb-brand .wp-block-site-logo { margin: 0 !important; line-height: 0; }
.sb-brand .wp-block-site-logo a { display: block; line-height: 0; }
.sb-brand-text a { display: block; }
.sb-header .wp-block-navigation { display: flex; align-items: center; margin: 0 !important; }
@media (max-width: 599px) {
	.sb-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex; align-items: center; justify-content: center;
		width: 44px; height: 44px; margin: 0 -8px 0 0; padding: 0 !important; background: none; border: 0;
	}
}

/* 3. Open menu: centred, evenly spaced, button with proper padding */
@media (max-width: 781px) {
	.sb-header .wp-block-navigation__responsive-container.is-menu-open {
		--navigation-layout-justification-setting: center;
		--navigation-layout-justify: center;
		--navigation-layout-align: center;
		display: flex !important; flex-direction: column;
		padding: 0 clamp(16px, 4vw, 40px) !important;
		overflow-y: auto;
	}
	.sb-header .is-menu-open .wp-block-navigation__responsive-close { width: 100%; max-width: none; flex: 1; display: flex; flex-direction: column; }
	.sb-header .is-menu-open .wp-block-navigation__responsive-dialog { flex: 1; display: flex; flex-direction: column; margin: 0 !important; }
	.sb-header .is-menu-open .wp-block-navigation__responsive-container-close {
		position: absolute; top: .6rem !important; right: calc(clamp(16px, 4vw, 40px) - 8px) !important;
		width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
	}
	.sb-header .is-menu-open .wp-block-navigation__responsive-container-content {
		flex: 1; display: flex !important; flex-direction: column;
		align-items: center !important; justify-content: center !important;
		width: 100%; padding: 5rem 0 3rem !important; text-align: center;
	}
	.sb-header .is-menu-open .wp-block-navigation__container {
		align-items: center !important; justify-content: center !important;
		width: 100%; gap: 1.5rem !important; text-align: center;
	}
	.sb-header .is-menu-open .wp-block-navigation-item { justify-content: center !important; align-items: center !important; width: 100%; }
	.sb-header .is-menu-open .wp-block-navigation-item__content { font-size: clamp(1.4rem, 6.5vw, 1.7rem); line-height: 1.2; }
	.sb-header .is-menu-open .current-menu-item > a:not([href*="submit-cv"]),
	.sb-header .is-menu-open a[aria-current="page"]:not([href*="submit-cv"]) { color: var(--sb-teal) !important; }
	.sb-header .is-menu-open .wp-block-navigation-item a[href*="submit-cv"] {
		display: inline-flex !important; align-items: center; justify-content: center;
		margin-top: 1rem; padding: .95em 2.2em !important; min-height: 52px;
		font-family: var(--wp--preset--font-family--body, "DM Sans", sans-serif);
		font-size: 1.05rem !important; line-height: 1.2; white-space: nowrap;
		color: var(--sb-navy) !important; background: var(--sb-teal); border-radius: 999px;
	}
}

/* 4. Footer: logo + name on one line, links lined up underneath */
.sb-footer .sb-brand { gap: .8rem !important; }
.sb-footer .sb-brand-text { line-height: 1.25; }
@media (max-width: 781px) {
	.sb-footer .sb-footer-top { display: flex !important; flex-direction: column; align-items: flex-start !important; gap: 1.4rem !important; }
	.sb-footer .wp-block-navigation, .sb-footer .wp-block-navigation__container {
		display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important;
		gap: .7rem 1.4rem !important; margin: 0 !important; padding: 0; list-style: none;
	}
	.sb-footer .wp-block-navigation-item__content { font-size: .95rem; padding: .2rem 0; display: inline-block; }
	.sb-legal { display: flex !important; flex-direction: column; align-items: flex-start !important; gap: .4rem; }
}

/* 5. Never show the AMP "Exit mobile version" link */
#amp-mobile-version-switcher { display: none !important; }

/* 6. Blog page cards */
.sb-blog-list .wp-block-post-template { gap: 1.25rem; padding: 0; list-style: none; }
.sb-post-card { height: 100%; background: #fff; border: 1px solid var(--sb-line); border-radius: 14px; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s; }
.sb-post-card:hover { transform: translateY(-4px); border-color: rgba(87,190,201,.6); box-shadow: 0 24px 50px -28px rgba(24,51,80,.45); }
.sb-post-card .wp-block-post-featured-image { margin: 0; }
.sb-post-card .wp-block-post-featured-image img { width: 100%; object-fit: cover; }
.sb-post-card-body { padding: 1.4rem 1.5rem 1.6rem; }
.sb-post-card-body > * + * { margin-block-start: .6rem; }
.sb-post-date { font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--sb-teal-ink); }
.sb-post-card .wp-block-post-title { font-size: 1.2rem; }
.sb-post-card .wp-block-post-title a { color: var(--sb-navy); text-decoration: none; }
.sb-post-card .wp-block-post-excerpt__excerpt { color: var(--sb-muted); font-size: .97rem; }
.sb-post-card .wp-block-post-excerpt__more-link { font-weight: 600; color: var(--sb-teal-ink); text-decoration: none; }
.sb-blog-list .wp-block-query-pagination { margin-block-start: 2.5rem; }
.sb-page-banner h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
.sb-page-banner .sb-lede { color: rgba(255,255,255,.74); margin-block-start: 1rem; max-width: 52ch; }
@media (max-width: 880px) { .sb-blog-list .wp-block-post-template { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 580px) { .sb-blog-list .wp-block-post-template { grid-template-columns: 1fr !important; } }