/* Work claim page — "Safety Signs" design (AS 1319 sign colours). Everything is scoped to main.wcs. */
.wcs {
	--wcs-ink: #0B1A2E;
	--wcs-body: #3C4657;
	--wcs-muted: #566175;
	--wcs-line: #E1E7F0;
	--wcs-white: #FFFFFF;
	--wcs-grey: #F4F6FA;
	--wcs-card: #FFFFFF;
	--wcs-board: #FFFFFF;
	--wcs-board-ink: #111111;
	--wcs-board-body: #3C4657;
	--wcs-blue: #1D63FF;
	--wcs-char: #1C2026;
	--wcs-yellow: #FFC20E;
	--wcs-sign-blue: #005EB8;
	--wcs-sign-green: #00843D;
	--wcs-sign-red: #D0021B;
	--wcs-amber-text: #7A5C00;
	--wcs-sign: 'Overpass', 'Arial Narrow', sans-serif;
	--wcs-display: 'Inter Tight', 'Inter', system-ui, sans-serif;
	--wcs-text: 'Inter', system-ui, sans-serif;
	display: block;
	background: var(--wcs-white);
	color: var(--wcs-ink);
	font-family: var(--wcs-text);
	-webkit-font-smoothing: antialiased;
}
.wcs *, .wcs *::before, .wcs *::after { box-sizing: border-box; }
.wcs h1, .wcs h2, .wcs h3, .wcs h4, .wcs p, .wcs ul, .wcs ol { margin: 0; }
.wcs ul, .wcs ol { padding: 0; list-style: none; }
.wcs li::before, .wcs li::marker { content: none; }
.wcs a { color: inherit; }
.wcs .wcs-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.wcs .wcs-sign, .wcs .wcs-ico { display: block; flex: none; }

.wcs .wcs-wrap { width: min(1280px, calc(100% - 160px)); margin: 0 auto; }
.wcs .wcs-stack { display: flex; flex-direction: column; gap: 36px; }
.wcs .wcs-side { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 64px; align-items: start; }
.wcs .wcs-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }

/* ---------- type ---------- */
.wcs .wcs-head { display: flex; flex-direction: column; gap: 12px; }
.wcs .wcs-head--narrow { max-width: 820px; }
.wcs .wcs-head--center { align-items: center; text-align: center; }
.wcs .wcs-eyebrow { font-family: var(--wcs-sign); font-size: 15px; line-height: 1.3; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wcs-muted); }
.wcs .wcs-eyebrow--red { color: var(--wcs-sign-red); }
.wcs .wcs-eyebrow--amber { color: var(--wcs-amber-text); }
.wcs .wcs-eyebrow--blue { color: var(--wcs-sign-blue); }
.wcs .wcs-eyebrow--green { color: var(--wcs-sign-green); }
.wcs .wcs-eyebrow--sky { color: #7FB2FF; }
.wcs .wcs-h2 { font-family: var(--wcs-display); font-size: 42px; line-height: 1.08; font-weight: 800; letter-spacing: -0.02em; color: var(--wcs-ink); text-wrap: balance; }
.wcs .wcs-h3 { font-family: var(--wcs-display); font-size: 26px; line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; color: var(--wcs-ink); }
.wcs .wcs-lede, .wcs .wcs-lede p { font-size: 17px; line-height: 1.6; color: var(--wcs-body); }
.wcs .wcs-lede p + p { margin-top: 10px; }
.wcs .wcs-lede a, .wcs .wcs-card__d a, .wcs .wcs-faq__a a, .wcs .wcs-hero__intro a { text-decoration: underline; text-underline-offset: 3px; }
.wcs .wcs-lede a, .wcs .wcs-card__d a, .wcs .wcs-faq__a a { color: var(--wcs-blue); }
.wcs .wcs-fine { font-size: 15px; line-height: 1.55; color: var(--wcs-muted); }

/* ---------- bands ---------- */
.wcs .wcs-band { padding: 88px 0; }
.wcs .wcs-band--white { background: var(--wcs-white); }
.wcs .wcs-band--grey { background: var(--wcs-grey); }
.wcs .wcs-band--dark { background: var(--wcs-char); }
.wcs .wcs-band--dark .wcs-h2 { color: #FFFFFF; }
.wcs .wcs-band--flush { padding-top: 0; }
.wcs .wcs-stripe { flex: none; height: 16px; background: repeating-linear-gradient(-45deg, var(--wcs-yellow) 0 16px, #111111 16px 32px); }

/* ---------- tags ---------- */
.wcs .wcs-tag { display: inline-flex; align-items: center; min-height: 26px; padding: 2px 10px 0; border-radius: 5px; font-family: var(--wcs-sign); font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
.wcs .wcs-tag--green { background: var(--wcs-sign-green); color: #FFFFFF; }
.wcs .wcs-tag--blue { background: var(--wcs-sign-blue); color: #FFFFFF; }
.wcs .wcs-tag--on-green { background: #FFFFFF; color: var(--wcs-sign-green); }
.wcs .wcs-tag--on-blue { background: #FFFFFF; color: var(--wcs-sign-blue); }

/* ---------- boards (a sign on a white panel with a coloured header band) ---------- */
.wcs .wcs-board { display: flex; flex-direction: column; border-radius: 14px; background: var(--wcs-board); box-shadow: 0 0 0 3px #111111; overflow: hidden; color: var(--wcs-board-ink); }
.wcs .wcs-board__band { display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 20px 5px; }
.wcs .wcs-board__band span { font-family: var(--wcs-sign); font-size: 20px; line-height: 1; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #FFFFFF; }
.wcs .wcs-board--notice .wcs-board__band { background: var(--wcs-sign-blue); }
.wcs .wcs-board--green .wcs-board__band { background: var(--wcs-sign-green); }
.wcs .wcs-board--blue .wcs-board__band { background: var(--wcs-sign-blue); }
.wcs .wcs-board--danger .wcs-board__band { background: #111111; }
.wcs .wcs-board--danger .wcs-board__band span { display: inline-flex; align-items: center; min-height: 38px; padding: 4px 24px 0; border-radius: 999px; background: var(--wcs-sign-red); letter-spacing: 0.1em; }
.wcs .wcs-board__body { display: flex; flex-direction: column; gap: 16px; padding: 26px 28px 28px; }
.wcs .wcs-board .wcs-h3 { color: #111111; }
.wcs .wcs-board__kicker { font-family: var(--wcs-sign); font-size: 14px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #566175; }
.wcs .wcs-board__line { font-family: var(--wcs-sign); font-size: 20px; line-height: 1.25; font-weight: 700; }
.wcs .wcs-board--green .wcs-board__line { color: var(--wcs-sign-green); }
.wcs .wcs-board--blue .wcs-board__line { color: var(--wcs-sign-blue); }
.wcs .wcs-board__timing { padding: 14px 16px; border-radius: 10px; background: #F4F6FA; font-size: 15px; line-height: 1.5; font-weight: 600; color: #0B1A2E; }

.wcs .wcs-checks { display: flex; flex-direction: column; gap: 10px; }
.wcs .wcs-checks li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; font-size: 16px; line-height: 1.5; color: var(--wcs-body); }
.wcs .wcs-board .wcs-checks li { color: var(--wcs-board-body); }
.wcs .wcs-checks .wcs-ico { margin-top: 2px; }
.wcs .wcs-checks--green .wcs-ico { color: var(--wcs-sign-green); }
.wcs .wcs-checks--blue .wcs-ico { color: var(--wcs-sign-blue); }

/* ---------- hero ---------- */
.wcs .wcs-hero { position: relative; display: flex; flex-direction: column; background: var(--wcs-char); color: #FFFFFF; padding-top: 28px; }
.wcs .wcs-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; color: #B8C0CC; }
.wcs .wcs-crumbs li { display: flex; align-items: center; gap: 8px; }
.wcs .wcs-crumbs li + li::before { content: ""; width: 7px; height: 7px; border-right: 2px solid #6B7480; border-top: 2px solid #6B7480; transform: rotate(45deg); margin-right: 2px; }
.wcs .wcs-crumbs a { color: #B8C0CC; text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; gap: 4px; }
.wcs .wcs-crumbs a .wcs-ico { display: none; }
.wcs .wcs-crumbs [aria-current] { color: #FFFFFF; font-weight: 600; }
.wcs .wcs-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 64px; align-items: start; padding-top: 32px; }
.wcs .wcs-hero__copy { display: flex; flex-direction: column; gap: 20px; padding-bottom: 64px; }
.wcs .wcs-kicker { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; min-height: 36px; padding: 4px 14px 2px 6px; border-radius: 6px; background: var(--wcs-yellow); }
.wcs .wcs-kicker span { font-family: var(--wcs-sign); font-size: 15px; line-height: 1.2; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #111111; }
.wcs .wcs-kicker .wcs-sign { margin-top: -2px; }
.wcs .wcs-h1 { display: flex; flex-direction: column; gap: 14px; font-family: var(--wcs-display); color: #FFFFFF; }
.wcs .wcs-h1__main { font-size: 58px; line-height: 1.02; font-weight: 800; letter-spacing: -0.03em; text-wrap: balance; }
.wcs .wcs-h1--m .wcs-h1__main { font-size: 46px; line-height: 1.06; }
.wcs .wcs-h1--s .wcs-h1__main { font-size: 38px; line-height: 1.1; letter-spacing: -0.02em; }
.wcs .wcs-h1__sub { font-size: 22px; line-height: 1.35; font-weight: 600; letter-spacing: 0; color: var(--wcs-yellow); text-wrap: pretty; }
.wcs .wcs-hero__intro, .wcs .wcs-hero__intro p { max-width: 660px; font-size: 18px; line-height: 1.6; color: #C3CCDA; }
.wcs .wcs-hero__intro p + p { margin-top: 10px; }
.wcs .wcs-hero__intro strong { color: #FFFFFF; }
.wcs .wcs-hero__intro a { color: #FFFFFF; }
.wcs .wcs-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 4px; }
.wcs .wcs-btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px !important; padding: 0 22px; border-radius: 12px; font-size: 17px; font-weight: 700; text-decoration: none; }
.wcs .wcs-btn--primary { background: var(--wcs-blue); color: #FFFFFF; min-width: 320px; }
.wcs .wcs-btn--primary:hover { background: #1450D6; color: #FFFFFF; }
.wcs .wcs-btn--ghost { border: 1px solid rgba(255,255,255,0.3); color: #FFFFFF; justify-content: flex-start; gap: 10px; min-width: 240px; }
.wcs .wcs-btn--ghost:hover { background: rgba(255,255,255,0.08); color: #FFFFFF; }
.wcs .wcs-btn--call { justify-content: center; gap: 10px; background: var(--wcs-yellow); color: #111111; }
.wcs .wcs-btn--call:hover { background: #FFD24A; color: #111111; }
.wcs .wcs-btn--big { min-height: 60px !important; font-size: 18px; }
.wcs .wcs-facts { display: flex; flex-wrap: wrap; gap: 10px 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.14); }
.wcs .wcs-facts li { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: #DCE4F0; }
.wcs .wcs-facts .wcs-ico { color: var(--wcs-yellow); }
.wcs .wcs-hero__sign { padding-bottom: 48px; }

/* the NOTICE board of time limits */
.wcs .wcs-notice__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wcs .wcs-notice__title { font-family: var(--wcs-sign); font-size: 24px; line-height: 1.15; font-weight: 800; color: #111111; }
.wcs .wcs-notice__tag { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 9px 0; border-radius: 5px; background: var(--wcs-yellow); font-family: var(--wcs-sign); font-size: 13px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #111111; white-space: nowrap; }
.wcs .wcs-notice__note, .wcs .wcs-limits__note { padding: 12px 14px; border-radius: 10px; background: #FFF4DB; font-size: 15px; line-height: 1.5; font-weight: 600; color: #5C3B00; }
.wcs .wcs-notice__more { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 15px; font-weight: 700; color: var(--wcs-sign-blue); text-decoration: underline; text-underline-offset: 3px; }
.wcs .wcs-notice__more:hover { text-decoration-thickness: 2px; }
.wcs .wcs-limits { display: flex; flex-direction: column; }
.wcs .wcs-limit { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px; align-items: baseline; padding: 14px 0; border-top: 2px solid #111111; }
.wcs .wcs-limit--first { border-top: 0; }
.wcs .wcs-limit__n { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; font-family: var(--wcs-sign); color: #111111; }
.wcs .wcs-limit__n b { font-size: 46px; line-height: 1; font-weight: 800; }
.wcs .wcs-limit__n span { font-size: 17px; font-weight: 700; }
.wcs .wcs-limit__copy { display: flex; flex-direction: column; gap: 3px; }
.wcs .wcs-limit__t { font-family: var(--wcs-sign); font-size: 21px; line-height: 1.2; font-weight: 800; color: #111111; }
.wcs .wcs-limit__d { font-size: 15px; line-height: 1.5; color: #3C4657; }
.wcs .wcs-limits--sign .wcs-limit { grid-template-columns: 196px minmax(0, 1fr); gap: 14px; padding: 12px 0; align-items: center; }
.wcs .wcs-limits--sign .wcs-limit__n b { font-size: 42px; }
.wcs .wcs-limits--sign .wcs-limit__t { font-size: 19px; }
.wcs .wcs-limits-sec { scroll-margin-top: 170px; }

/* ---------- the Notice of Assessment (DANGER board) ---------- */
.wcs .wcs-fork__lead { display: flex; align-items: center; gap: 22px; }
.wcs .wcs-fork__lead > div { display: flex; flex-direction: column; gap: 6px; }
.wcs .wcs-fork__sign { font-family: var(--wcs-sign); font-size: 30px; line-height: 1.1; font-weight: 800; color: #111111; }
.wcs .wcs-fork__p { font-size: 16px; line-height: 1.55; color: #3C4657; }
.wcs .wcs-fork__rows li { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; padding: 14px 0; border-top: 2px solid #111111; }
.wcs .wcs-fork__rows li:first-child { border-top: 0; }
.wcs .wcs-fork__a { font-family: var(--wcs-sign); font-size: 26px; line-height: 1.1; font-weight: 800; color: #111111; }
.wcs .wcs-fork__a--red { color: var(--wcs-sign-red); }
.wcs .wcs-fork__b { font-size: 17px; line-height: 1.55; color: #0B1A2E; }
.wcs .wcs-fork__call { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.wcs .wcs-fork__call .wcs-btn { min-width: 220px; }
.wcs .wcs-fork__call span { font-size: 16px; font-weight: 700; color: #0B1A2E; }

/* ---------- scenarios ---------- */
.wcs .wcs-cards { display: grid; gap: 18px; }
.wcs .wcs-cards--1 { grid-template-columns: minmax(0, 560px); }
.wcs .wcs-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wcs .wcs-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wcs .wcs-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wcs .wcs-card { display: flex; flex-direction: column; gap: 14px; padding: 24px; border-radius: 16px; background: var(--wcs-card); box-shadow: 0 0 0 1px var(--wcs-line); }
.wcs .wcs-card__t { font-family: var(--wcs-display); font-size: 21px; line-height: 1.2; font-weight: 800; color: var(--wcs-ink); }
.wcs .wcs-card__d, .wcs .wcs-card__d p { font-size: 15px; line-height: 1.55; color: var(--wcs-body); }
.wcs .wcs-card__d p + p { margin-top: 8px; }
.wcs .wcs-card__d strong { color: var(--wcs-ink); }
.wcs .wcs-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }

/* ---------- straight after the injury ---------- */
.wcs .wcs-now__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; }
.wcs .wcs-now__item { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.wcs .wcs-now__t { font-family: var(--wcs-sign); font-size: 22px; line-height: 1.2; font-weight: 800; color: #FFFFFF; }
.wcs .wcs-now__d { max-width: 250px; font-size: 15px; line-height: 1.55; color: #C3CCDA; }

/* ---------- what you can claim ---------- */
.wcs .wcs-list { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 28px; border-radius: 16px; background: var(--wcs-grey); }

/* ---------- steps: green safe-condition panels ---------- */
.wcs .wcs-steps__list { display: flex; flex-direction: column; gap: 12px; }
.wcs .wcs-step { display: grid; grid-template-columns: 200px minmax(0, 1fr) 240px; gap: 24px; align-items: center; padding: 18px 22px; border-radius: 12px; background: var(--wcs-sign-green); box-shadow: inset 0 0 0 3px var(--wcs-sign-green), inset 0 0 0 6px #FFFFFF; }
.wcs .wcs-step__n { display: flex; align-items: center; gap: 12px; }
.wcs .wcs-step__n b { font-family: var(--wcs-sign); font-size: 22px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #FFFFFF; padding-top: 3px; }
.wcs .wcs-step__copy { display: flex; flex-direction: column; gap: 4px; }
.wcs .wcs-step__t { font-family: var(--wcs-sign); font-size: 23px; line-height: 1.2; font-weight: 800; color: #FFFFFF; }
.wcs .wcs-step__d { font-size: 15px; line-height: 1.5; color: #E4F3EC; }
.wcs .wcs-step__tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }

/* ---------- costs ---------- */
.wcs .wcs-costs__nwnf { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
.wcs .wcs-costs__badge { font-family: var(--wcs-sign); font-size: 30px; line-height: 1.1; font-weight: 800; color: #111111; }
.wcs .wcs-costs__scope { font-size: 15px; font-weight: 700; color: #566175; }
.wcs .wcs-costs__p { font-size: 17px; line-height: 1.6; color: #3C4657; }
.wcs .wcs-costs__points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.wcs .wcs-costs__points li { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border-radius: 14px; background: #F4F6FA; }
.wcs .wcs-costs__t { font-family: var(--wcs-display); font-size: 19px; line-height: 1.25; font-weight: 800; color: #0B1A2E; }
.wcs .wcs-costs__points p { font-size: 15px; line-height: 1.5; color: #3C4657; }

/* ---------- FAQ ---------- */
.wcs .wcs-faq__list { border-top: 1px solid var(--wcs-line); }
.wcs .wcs-faq__item { border-bottom: 1px solid var(--wcs-line); }
.wcs .wcs-faq__q button { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 64px; padding: 16px 0; border: 0; background: none; cursor: pointer; text-align: left; font-family: var(--wcs-display); font-size: 19px; line-height: 1.3; font-weight: 700; color: var(--wcs-ink); }
.wcs .wcs-faq__q button .wcs-ico { color: var(--wcs-blue); transition: transform 0.2s ease; }
.wcs .wcs-faq__q button[aria-expanded="true"] .wcs-ico { transform: rotate(45deg); }
.wcs .wcs-faq__a { padding: 0 44px 22px 0; font-size: 16px; line-height: 1.65; color: var(--wcs-body); }
.wcs .wcs-faq__a p + p { margin-top: 10px; }
.wcs .wcs-faq__a strong { color: var(--wcs-ink); }

/* ---------- guides ---------- */
.wcs .wcs-guides__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.wcs .wcs-guide { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px; border-radius: 16px; background: var(--wcs-card); box-shadow: 0 0 0 1px var(--wcs-line); }
.wcs .wcs-guide__cat { font-family: var(--wcs-sign); font-size: 13px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wcs-sign-blue); }
.wcs .wcs-guide__t { font-family: var(--wcs-display); font-size: 20px; line-height: 1.25; font-weight: 800; color: var(--wcs-ink); }
.wcs .wcs-guide__t a { text-decoration: none; }
.wcs .wcs-guide__t a::after { content: ""; position: absolute; inset: 0; border-radius: 16px; }
.wcs .wcs-guide__t a:hover { text-decoration: underline; text-underline-offset: 3px; }
.wcs .wcs-guide__d { font-size: 15px; line-height: 1.55; color: var(--wcs-body); }
.wcs .wcs-guide__more { display: flex; align-items: center; gap: 6px; margin-top: auto; font-size: 15px; font-weight: 700; color: var(--wcs-blue); }

/* ---------- call to action ---------- */
.wcs .wcs-cta { display: flex; flex-direction: column; background: var(--wcs-char); }
.wcs .wcs-cta__grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: center; padding: 72px 0 36px; }
.wcs .wcs-cta__copy { display: flex; align-items: center; gap: 28px; }
.wcs .wcs-cta__copy > div { display: flex; flex-direction: column; gap: 10px; }
.wcs .wcs-cta__h { font-family: var(--wcs-display); font-size: 44px; line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; color: #FFFFFF; }
.wcs .wcs-cta__p { font-size: 18px; line-height: 1.55; color: #C3CCDA; }
.wcs .wcs-cta__actions { display: flex; flex-direction: column; gap: 12px; }
.wcs .wcs-cta__actions .wcs-btn { width: 100%; min-width: 0; }
.wcs .wcs-cta__fine { padding: 0 0 40px; font-size: 13px; line-height: 1.6; color: #9AA6B8; }

.wcs a:focus-visible, .wcs button:focus-visible { outline: 3px solid var(--wcs-blue); outline-offset: 3px; }
.wcs .wcs-hero a:focus-visible, .wcs .wcs-cta a:focus-visible, .wcs .wcs-band--dark a:focus-visible { outline-color: var(--wcs-yellow); }

/* ---------- tablet ---------- */
@media (max-width: 1100px) {
	.wcs .wcs-wrap { width: calc(100% - 64px); }
	.wcs .wcs-hero__grid { grid-template-columns: 1fr; gap: 8px; }
	.wcs .wcs-hero__copy { padding-bottom: 16px; }
	.wcs .wcs-hero__sign { max-width: 560px; }
	.wcs .wcs-side { grid-template-columns: 1fr; gap: 24px; }
	.wcs .wcs-cards--3, .wcs .wcs-cards--4, .wcs .wcs-now__list, .wcs .wcs-guides__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wcs .wcs-step { grid-template-columns: 170px minmax(0, 1fr); }
	.wcs .wcs-step__tags { grid-column: 2; justify-content: flex-start; }
	.wcs .wcs-costs__points { grid-template-columns: 1fr; }
	.wcs .wcs-cta__grid { grid-template-columns: 1fr; gap: 24px; }
}

/* ---------- phone ---------- */
@media (max-width: 760px) {
	.wcs .wcs-wrap { width: calc(100% - 40px); }
	.wcs .wcs-stack { gap: 26px; }
	.wcs .wcs-band { padding: 52px 0; }
	.wcs .wcs-band--flush { padding-top: 0; }
	.wcs .wcs-h2 { font-size: 30px; line-height: 1.1; }
	.wcs .wcs-h3 { font-size: 23px; }
	.wcs .wcs-lede, .wcs .wcs-lede p { font-size: 16px; }
	.wcs .wcs-eyebrow { font-size: 13px; }
	.wcs .wcs-two { grid-template-columns: 1fr; gap: 20px; }

	.wcs .wcs-hero { padding-top: 12px; }
	.wcs .wcs-crumbs li { display: none; }
	.wcs .wcs-crumbs li.wcs-crumbs__up { display: flex; }
	.wcs .wcs-crumbs li.wcs-crumbs__up::before { display: none; }
	.wcs .wcs-crumbs li.wcs-crumbs__up a { min-height: 44px; }
	.wcs .wcs-crumbs a .wcs-ico { display: block; }
	.wcs .wcs-hero__grid { padding-top: 4px; }
	.wcs .wcs-hero__copy { gap: 16px; }
	.wcs .wcs-kicker span { font-size: 13px; }
	.wcs .wcs-h1__main, .wcs .wcs-h1--m .wcs-h1__main { font-size: 36px; line-height: 1.05; letter-spacing: -0.025em; }
	.wcs .wcs-h1--s .wcs-h1__main { font-size: 29px; line-height: 1.12; }
	.wcs .wcs-h1__sub { font-size: 18px; }
	.wcs .wcs-hero__intro, .wcs .wcs-hero__intro p { font-size: 16px; }
	.wcs .wcs-hero__actions { flex-direction: column; }
	.wcs .wcs-btn, .wcs .wcs-btn--primary, .wcs .wcs-btn--ghost { width: 100%; min-width: 0; justify-content: center; }
	.wcs .wcs-facts { display: none; }
	.wcs .wcs-hero__sign { padding-bottom: 32px; }

	.wcs .wcs-board { border-radius: 12px; }
	.wcs .wcs-board__band { min-height: 48px; }
	.wcs .wcs-board__band span { font-size: 17px; }
	.wcs .wcs-board__body { padding: 20px 18px 22px; gap: 14px; }
	.wcs .wcs-notice__head { flex-wrap: wrap; }
	.wcs .wcs-notice__title { font-size: 21px; }
	.wcs .wcs-limit, .wcs .wcs-limits--sign .wcs-limit { grid-template-columns: 1fr; gap: 4px; padding: 12px 0; }
	.wcs .wcs-limit__n b, .wcs .wcs-limits--sign .wcs-limit__n b { font-size: 36px; }
	.wcs .wcs-limit__t, .wcs .wcs-limits--sign .wcs-limit__t { font-size: 19px; }
	.wcs .wcs-limits--sign .wcs-limit { grid-template-columns: 124px minmax(0, 1fr); gap: 12px; align-items: center; }
	.wcs .wcs-limits--sign .wcs-limit__n { flex-wrap: wrap; gap: 0 5px; white-space: normal; }
	.wcs .wcs-limits--sign .wcs-limit__n span { font-size: 15px; }

	.wcs .wcs-fork__lead { flex-direction: column; align-items: flex-start; gap: 14px; }
	.wcs .wcs-fork__lead .wcs-sign { width: 72px; height: 72px; }
	.wcs .wcs-fork__sign { font-size: 24px; }
	.wcs .wcs-fork__rows li { grid-template-columns: 1fr; gap: 4px; }
	.wcs .wcs-fork__a { font-size: 24px; }
	.wcs .wcs-fork__b { font-size: 16px; }
	.wcs .wcs-fork__call .wcs-btn { width: 100%; }

	.wcs .wcs-cards--2, .wcs .wcs-cards--3, .wcs .wcs-cards--4 { grid-template-columns: 1fr; gap: 0; border-bottom: 1px solid var(--wcs-line); }
	.wcs .wcs-card { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 6px 14px; padding: 18px 0; border-radius: 0; box-shadow: none; border-top: 1px solid var(--wcs-line); background: transparent; }
	.wcs .wcs-card .wcs-sign { width: 64px; height: 64px; grid-row: 1 / span 3; }
	.wcs .wcs-card__t { font-size: 19px; padding-top: 6px; }
	.wcs .wcs-card__tags { padding-top: 6px; }

	.wcs .wcs-now__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
	.wcs .wcs-now__item .wcs-sign { width: 76px; height: 76px; }
	.wcs .wcs-now__t { font-size: 19px; }
	.wcs .wcs-now__d { font-size: 14px; }
	.wcs .wcs-head--center { align-items: flex-start; text-align: left; }

	.wcs .wcs-list { padding: 22px 20px; }
	.wcs .wcs-step { grid-template-columns: 1fr; gap: 10px; padding: 18px 18px 20px; }
	.wcs .wcs-step__tags { grid-column: auto; }
	.wcs .wcs-step__n b { font-size: 19px; }
	.wcs .wcs-step__t { font-size: 21px; }

	.wcs .wcs-costs__badge { font-size: 26px; }
	.wcs .wcs-costs__p { font-size: 16px; }

	.wcs .wcs-faq__q button { font-size: 17px; min-height: 60px; padding: 14px 0; }
	.wcs .wcs-faq__a { padding: 0 0 18px; font-size: 15px; }
	.wcs .wcs-guides__list { grid-template-columns: 1fr; }

	.wcs .wcs-cta__grid { padding: 44px 0 24px; }
	.wcs .wcs-cta__copy { flex-direction: column; align-items: flex-start; gap: 16px; }
	.wcs .wcs-cta__copy .wcs-sign { width: 72px; height: 72px; }
	.wcs .wcs-cta__h { font-size: 32px; }
	.wcs .wcs-cta__p { font-size: 16px; }
	.wcs .wcs-stripe { height: 12px; }
}

/* ---------- dark mode: the page greys go dark; the signs and boards keep their colours ---------- */
html[data-ccl-theme="dark"] .wcs {
	--wcs-ink: #E8EDF5;
	--wcs-body: #C3CCDA;
	--wcs-muted: #9AA6B8;
	--wcs-line: #26324A;
	--wcs-white: #0B1220;
	--wcs-grey: #0F1829;
	--wcs-card: #131E33;
	--wcs-blue: #5B8CFF;
	--wcs-char: #161A20;
	--wcs-amber-text: #F6C85F;
}
html[data-ccl-theme="dark"] .wcs .wcs-eyebrow--blue { color: #7FB2FF; }
html[data-ccl-theme="dark"] .wcs .wcs-eyebrow--green { color: #5FD3A8; }
html[data-ccl-theme="dark"] .wcs .wcs-eyebrow--red { color: #FF7A7A; }
html[data-ccl-theme="dark"] .wcs .wcs-checks--green .wcs-ico { color: #5FD3A8; }
html[data-ccl-theme="dark"] .wcs .wcs-checks--blue .wcs-ico { color: #7FB2FF; }
html[data-ccl-theme="dark"] .wcs .wcs-board { box-shadow: 0 0 0 3px #3A4659; }
html[data-ccl-theme="dark"] .wcs .wcs-board .wcs-checks--green .wcs-ico { color: var(--wcs-sign-green); }
html[data-ccl-theme="dark"] .wcs .wcs-board .wcs-checks--blue .wcs-ico { color: var(--wcs-sign-blue); }
html[data-ccl-theme="dark"] .wcs .wcs-btn--primary:hover { background: #3D74F5; }
html[data-ccl-theme="dark"] .wcs .wcs-guide__cat { color: #7FB2FF; }