/*
 * Assess v3 (owner brief, 17 Oct 2026): the 13 check pages. Loaded instead of look-checks.css while v3 is on
 * (SH_ASSESS_LOOK_V3); every rule is scoped to body.sh-sa-look-checks and the v3 article (.sk-v3).
 *
 * The page is composed on the server in reading order (assess/look/v3-check.php), so nothing here reorders content.
 * The forms, results and explanations come from the protected renderers, which print inline styles and global rules of
 * their own: a few overrides need !important, each scoped. Class names added on these pages never contain "result".
 *
 * Bands, top to bottom: hero (tinted) · result (tone-tinted) · explanation (white) · what next (sky) · the bench
 * (white, the form is the one raised card) · keep going (tinted) · learn (white) · help (rose).
 */

/* ---------- page frame ---------- */
body.sh-sa-look-checks main.single-hub-page { width: 100%; max-width: none; margin: 0; padding: 0; color: var(--sk-copy); }
body.sh-sa-look-checks .sh-breadcrumbs-slot { width: min(var(--sk-max), 100% - 2 * var(--sk-gutter)); margin: 0 auto; padding-top: 18px; }
body.sh-sa-look-checks .sk-v3 { position: relative; margin: 0; font: 400 17px/1.6 var(--sk-text); color: var(--sk-copy); -webkit-font-smoothing: antialiased; }
body.sh-sa-look-checks .sk-v3, body.sh-sa-look-checks .sk-v3 *, body.sh-sa-look-checks .sk-v3 *::before, body.sh-sa-look-checks .sk-v3 *::after { box-sizing: border-box; }
body.sh-sa-look-checks .sk-v3 :where(h1, h2, h3) { text-wrap: balance; }
body.sh-sa-look-checks .sk-v3 h1 { margin: 0; font: 800 clamp(2.4rem, 1.4rem + 3.4vw, 4.2rem)/1 var(--sk-display); letter-spacing: -0.035em; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 h2 { margin: 0; font: 800 clamp(1.6rem, 1.15rem + 1.5vw, 2.35rem)/1.08 var(--sk-display); letter-spacing: -0.028em; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 h3 { margin: 0; font: 700 clamp(1.08rem, 1rem + .3vw, 1.22rem)/1.25 var(--sk-display); letter-spacing: -0.012em; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 [id] { scroll-margin-top: 104px; }
body.sh-sa-look-checks .sk-v3 :focus-visible { outline: 2px solid #122c3a !important; outline-offset: 3px !important; box-shadow: 0 0 0 5px #fff !important; }
body.sh-sa-look-checks .sk-v3 [hidden] { display: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-eyebrow { color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .sk-eyebrow .sk-i { width: 17px; height: 17px; }
body.sh-sa-look-checks .sk-v3 .sk-check-layout, body.sh-sa-look-checks .sk-v3 .sk-check-main, body.sh-sa-look-checks .sk-v3 .sk-assess { display: block; width: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
body.sh-sa-look-checks .sk-v3 .sk-stage { position: relative; }
/* assessment-ux.css gives every block holding a food grid a top margin (:has(.rf-grid)); the page's own frames keep none */
body.sh-sa-look-checks .sk-v3 :is(.sk-check-layout, .sk-check-main, .sk-assess, .sk-stage) { margin: 0 !important; }
body.sh-sa-look-checks .sk-v3 .sk-stage > .sk-wrap { margin: 0 auto !important; }

/* ---------- hero (kept from v2: title, purpose, facts, emblem, the journey line) ---------- */
body.sh-sa-look-checks .sk-v3 .sk-check-hero { position: relative; padding: clamp(22px, 3.5vw, 44px) 0 clamp(20px, 2.6vw, 28px); background: radial-gradient(55% 80% at 88% 10%, color-mix(in srgb, var(--tone, var(--sk-assess)) 14%, transparent), transparent 70%), linear-gradient(180deg, #f6fbfd, #fff); border-bottom: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-check-hero-inner { display: grid; gap: 22px; align-items: center; }
body.sh-sa-look-checks .sk-v3 .sk-check-hero-copy { display: grid; gap: 14px; justify-items: start; }
body.sh-sa-look-checks .sk-v3 .sk-check-hero .sk-lead { max-width: 58ch; }
body.sh-sa-look-checks .sk-v3 .sk-check-facts { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 2px; }
body.sh-sa-look-checks .sk-v3 .sk-check-facts li { grid-template-columns: 20px auto; font-size: 15.5px; }
body.sh-sa-look-checks .sk-v3 .sk-check-facts .sk-i { width: 18px; height: 18px; color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .sk-check-emblem { display: none; }
body.sh-sa-look-checks .sk-v3 .sk-check-emblem .sk-node { width: 112px; height: 112px; background-color: var(--tone, var(--sk-assess)); box-shadow: 0 0 0 10px rgba(255, 255, 255, .9), 0 0 0 11px color-mix(in srgb, var(--tone, var(--sk-assess)) 20%, transparent), 0 24px 40px -18px rgba(11, 58, 70, .5); }
body.sh-sa-look-checks .sk-v3 .sk-check-emblem .sk-node .sk-i { width: 56px; height: 56px; }
@media (min-width: 768px) {
	body.sh-sa-look-checks .sk-v3 .sk-check-hero-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 40px; }
	body.sh-sa-look-checks .sk-v3 .sk-check-emblem { display: grid; place-items: center; width: 160px; height: 160px; }
}
body.sh-sa-look-checks .sk-v3 .sk-check-progress { margin-top: clamp(18px, 2.4vw, 26px); }
body.sh-sa-look-checks .sk-v3 .sk-check-progress .sk-journey { max-width: 760px; }
body.sh-sa-look-checks .sk-v3 .sk-journey-step > a { color: inherit; text-decoration: none; }
body.sh-sa-look-checks .sk-v3 .sk-journey-step > a:hover .sk-journey-label { color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-journey-step.is-todo .sk-journey-node { opacity: .75; }

/* ---------- shared pieces ---------- */
body.sh-sa-look-checks .sk-v3 .sk-band-head { display: grid; gap: 10px; max-width: 62ch; margin-bottom: clamp(20px, 2.6vw, 30px); }
body.sh-sa-look-checks .sk-v3 .sk-band-head p:not(.sk-eyebrow) { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-dl { display: grid; gap: 0; margin: 0; }
body.sh-sa-look-checks .sk-v3 .sk-dl > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-dl > div:last-child { border-bottom: 0; }
body.sh-sa-look-checks .sk-v3 .sk-dl dt { margin: 0; font-size: 15px; line-height: 1.4; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-dl dd { margin: 0; font: 700 15.5px/1.35 var(--sk-text); color: var(--sk-ink); text-align: right; font-variant-numeric: tabular-nums; }
/* how the rating was reached: each line is a sentence, so the term sits above it, not squeezed beside it */
body.sh-sa-look-checks .sk-v3 .sk-basis .sk-dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
body.sh-sa-look-checks .sk-v3 .sk-basis .sk-dl dt { font: 700 13px/1.3 var(--sk-text); letter-spacing: .02em; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-basis .sk-dl dd { font: 500 15px/1.5 var(--sk-text); color: var(--sk-copy); text-align: left; }

/* ======================================================================== the result (centrepiece) */
body.sh-sa-look-checks .sk-v3 .sk-stage--outcome { padding: clamp(28px, 4vw, 56px) 0 clamp(18px, 2.4vw, 28px); background: radial-gradient(60% 90% at 12% 0%, color-mix(in srgb, var(--tone, var(--sk-assess)) 16%, transparent), transparent 70%), linear-gradient(180deg, #f3faf8 0%, #f7fbfd 60%, #fff 100%); }
body.sh-sa-look-checks .sk-v3 .sk-outcome { position: relative; display: grid; gap: clamp(18px, 2.4vw, 28px); padding: clamp(22px, 3.4vw, 44px); border-radius: 30px; background: #fff; border: 1px solid var(--sk-line-soft); box-shadow: 0 40px 80px -56px rgba(18, 44, 58, .55), 0 2px 0 rgba(18, 44, 58, .02); overflow: hidden; outline: none; }
body.sh-sa-look-checks .sk-v3 .sk-outcome::before { content: ""; position: absolute; inset: 0 0 auto; height: 6px; background: var(--sk-sneaky-line); }
body.sh-sa-look-checks .sk-v3 .sk-outcome-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 22px; }
body.sh-sa-look-checks .sk-v3 .sk-outcome-head h2 { font-size: clamp(1.25rem, 1.05rem + .7vw, 1.6rem); flex: 1 1 100%; order: 0; }
body.sh-sa-look-checks .sk-v3 .sk-outcome-kicker { display: inline-flex; align-items: center; gap: 9px; margin: 0; font: 800 13px/1 var(--sk-text); letter-spacing: .14em; text-transform: uppercase; color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .sk-outcome-kicker .sk-i { width: 18px; height: 18px; }
body.sh-sa-look-checks .sk-v3 .sk-outcome-when { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-size: 14px; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-outcome-when .sk-i { width: 16px; height: 16px; }
body.sh-sa-look-checks .sk-v3 .sk-outcome-main { display: grid; gap: clamp(18px, 3vw, 40px); align-items: center; }
@media (min-width: 900px) { body.sh-sa-look-checks .sk-v3 .sk-outcome-main { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } }
/* the figure: the number, its unit, the label */
body.sh-sa-look-checks .sk-v3 .sk-figure { display: grid; gap: 10px; justify-items: start; }
body.sh-sa-look-checks .sk-v3 .sk-figure-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-figure-num { font: 800 clamp(4rem, 2.6rem + 6vw, 7.2rem)/.86 var(--sk-display); letter-spacing: -0.05em; font-variant-numeric: tabular-nums; }
body.sh-sa-look-checks .sk-v3 .sk-figure-unit { font: 700 clamp(1.05rem, .95rem + .5vw, 1.4rem)/1.1 var(--sk-text); color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-figure-value--text { font: 800 clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem)/1.15 var(--sk-display); letter-spacing: -0.02em; }
body.sh-sa-look-checks .sk-v3 .sk-figure-note { margin: -2px 0 0; font-size: 14px; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-verdict { position: relative; display: inline-block; margin: 6px 0 0; padding-bottom: 6px; font: 800 clamp(1.5rem, 1.15rem + 1.3vw, 2.25rem)/1.1 var(--sk-display); letter-spacing: -0.02em; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-verdict::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; border-radius: 5px; background: var(--tone, var(--sk-assess)); opacity: .9; }
body.sh-sa-look-checks .sk-v3 .sk-verdict.is-flag::after { background: #b8740a; }
body.sh-sa-look-checks .sk-v3 .sk-figure-sentence { margin: 2px 0 0; max-width: 44ch; font-size: 16px; line-height: 1.5; color: var(--sk-copy); }
/* at a glance, and the check's labels in order */
body.sh-sa-look-checks .sk-v3 .sk-glance-wrap { display: grid; gap: 20px; align-content: center; }
body.sh-sa-look-checks .sk-v3 .sk-glance { margin: 0; font: 600 clamp(1.05rem, .98rem + .35vw, 1.22rem)/1.5 var(--sk-text); color: var(--sk-ink); max-width: 46ch; }
body.sh-sa-look-checks .sk-v3 .sk-scale-wrap { display: grid; gap: 10px; }
body.sh-sa-look-checks .sk-v3 .sk-scale-title { margin: 0; font: 800 12px/1.2 var(--sk-text); letter-spacing: .12em; text-transform: uppercase; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-scale { display: grid; grid-template-columns: repeat(var(--sk-steps, 5), minmax(0, 1fr)); gap: 6px; margin: 0; padding: 26px 0 0; list-style: none; }
body.sh-sa-look-checks .sk-v3 .sk-scale li { position: relative; display: grid; gap: 8px; justify-items: center; margin: 0; text-align: center; }
body.sh-sa-look-checks .sk-v3 .sk-scale-bar { display: block; width: 100%; height: 12px; border-radius: 999px; background: #e7eff3; }
body.sh-sa-look-checks .sk-v3 .sk-scale li.is-yours .sk-scale-bar { background: var(--tone, var(--sk-assess)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tone, var(--sk-assess)) 22%, transparent); }
body.sh-sa-look-checks .sk-v3 .sk-scale-label { font-size: 13px; line-height: 1.25; color: var(--sk-muted); overflow-wrap: anywhere; }
body.sh-sa-look-checks .sk-v3 .sk-scale li.is-yours .sk-scale-label { font-weight: 800; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-scale-you { position: absolute; top: -26px; left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 6px; background: var(--sk-ink); color: #fff; font: 800 11px/1.2 var(--sk-text); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
/* six or seven labels on a narrow screen: one row per label */
@media (max-width: 559px) {
	body.sh-sa-look-checks .sk-v3 .sk-scale { grid-template-columns: minmax(0, 1fr); gap: 6px; padding-top: 0; }
	body.sh-sa-look-checks .sk-v3 .sk-scale li { grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; justify-items: start; gap: 12px; text-align: left; }
	body.sh-sa-look-checks .sk-v3 .sk-scale-bar { height: 10px; }
	body.sh-sa-look-checks .sk-v3 .sk-scale-you { position: static; transform: none; }
	body.sh-sa-look-checks .sk-v3 .sk-scale-label { font-size: 14.5px; }
}
/* details: left and right, what was recorded, how the rating was reached */
body.sh-sa-look-checks .sk-v3 .sk-outcome-details { display: grid; gap: 18px 28px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); padding-top: clamp(18px, 2.4vw, 26px); border-top: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-outcome-details h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 10px; font: 800 12.5px/1.2 var(--sk-text); letter-spacing: .1em; text-transform: uppercase; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-outcome-details h3 .sk-i { width: 18px; height: 18px; color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .sk-pair-list { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
body.sh-sa-look-checks .sk-v3 .sk-pair { margin: 0; }
body.sh-sa-look-checks .sk-v3 .sk-pair-name { margin: 0 0 6px; font: 700 15px/1.3 var(--sk-text); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-pair-sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.sh-sa-look-checks .sk-v3 .sk-side { display: grid; gap: 4px; margin: 0; padding: 12px 14px; border-radius: 16px; background: #f5f9fb; }
body.sh-sa-look-checks .sk-v3 .sk-side-label { font-size: 13.5px; line-height: 1.3; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-side-value { font: 800 clamp(1.1rem, 1rem + .4vw, 1.35rem)/1.2 var(--sk-display); color: var(--sk-ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.sh-sa-look-checks .sk-v3 .sk-side-bar { display: block; height: 8px; margin-top: 4px; border-radius: 999px; background: #e3edf2; overflow: hidden; }
body.sh-sa-look-checks .sk-v3 .sk-side-bar > span { display: block; width: var(--w, 0%); height: 100%; border-radius: inherit; background: var(--tone, var(--sk-assess)); }
body.sh-sa-look-checks .sk-v3 .sk-pair-lower { margin: 6px 0 0; font-size: 14px; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-pairs-note { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--sk-muted); }
/* flags and the limits */
body.sh-sa-look-checks .sk-v3 .sk-flags { padding: 16px 18px; border-radius: 18px; background: #fff8eb; border: 1.5px solid #efd9a6; color: #5d4a12; }
body.sh-sa-look-checks .sk-v3 .sk-flags h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 6px; color: #5d4a12; font-size: 1.05rem; }
body.sh-sa-look-checks .sk-v3 .sk-flags ul { margin: 0 0 6px; padding-left: 20px; }
body.sh-sa-look-checks .sk-v3 .sk-flags :is(p, li) { margin: 0; font-size: 15.5px; line-height: 1.5; color: #5d4a12; }
body.sh-sa-look-checks .sk-v3 .sk-limits { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 4px 12px; padding: 16px 18px; border-radius: 18px; background: #f6f8f9; }
body.sh-sa-look-checks .sk-v3 .sk-limits h3 { grid-column: 1 / -1; display: flex; align-items: center; gap: 9px; margin: 0 0 4px; font: 800 12.5px/1.2 var(--sk-text); letter-spacing: .1em; text-transform: uppercase; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-limits h3 .sk-i { width: 18px; height: 18px; color: #8a5a06; }
body.sh-sa-look-checks .sk-v3 .sk-limits ul { grid-column: 1 / -1; display: grid; gap: 6px; margin: 0; padding-left: 20px; }
body.sh-sa-look-checks .sk-v3 .sk-limits li { margin: 0; font-size: 15px; line-height: 1.5; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-outcome-more { margin: -6px 0 0; }
body.sh-sa-look-checks .sk-v3 .sk-worked-toggle, body.sh-sa-look-checks .sk-v3 .sk-worked-toggle:hover, body.sh-sa-look-checks .sk-v3 .sk-worked-toggle:focus {
	display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 0 16px; border: 1.5px solid var(--sk-line); border-radius: 999px;
	background: #fff; color: var(--sk-ink); font: 700 15px/1.2 var(--sk-text); letter-spacing: 0; text-transform: none; text-align: left; white-space: normal; box-shadow: none; cursor: pointer;
}
body.sh-sa-look-checks .sk-v3 .sk-worked-toggle:hover { border-color: var(--sk-teal); }
body.sh-sa-look-checks .sk-v3 .sk-worked-toggle::after { content: ""; width: 12px; height: 12px; flex: none; color: var(--tone-ink, var(--sk-teal)); background: linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 12px no-repeat; transition: transform .2s var(--sk-ease); }
body.sh-sa-look-checks .sk-v3 .sk-worked-toggle[aria-expanded="true"]::after { transform: rotate(45deg); }
@media (prefers-reduced-motion: no-preference) {
	body.sh-sa-look-checks .sk-v3 .sk-outcome.is-revealing .sk-figure-num { animation: sk-rise .7s var(--sk-ease) both; }
	body.sh-sa-look-checks .sk-v3 .sk-outcome.is-revealing .sk-verdict { animation: sk-rise .6s var(--sk-ease) .2s both; }
	body.sh-sa-look-checks .sk-v3 .sk-outcome.is-revealing .sk-verdict::after { animation: sk-grow .8s var(--sk-ease) .35s both; transform-origin: 0 50%; }
	body.sh-sa-look-checks .sk-v3 .sk-outcome.is-revealing .sk-scale li.is-yours .sk-scale-bar { animation: sk-grow .7s var(--sk-ease) .45s both; }
	body.sh-sa-look-checks .sk-v3 .sk-outcome.is-revealing .sk-side-bar > span { animation: sk-grow .8s var(--sk-ease) .5s both; transform-origin: 0 50%; }
	body.sh-sa-look-checks .sk-v3 .sk-outcome.is-revealing :is(.sk-glance, .sk-outcome-details, .sk-limits) { animation: sk-rise .6s var(--sk-ease) .5s both; }
}
@keyframes sk-grow { from { transform: scaleX(.15); opacity: .35; } to { transform: none; opacity: 1; } }

/* ======================================================================== the renderer's box after a result */
body.sh-sa-look-checks .sk-v3 .sk-stage--box { padding: clamp(6px, 1vw, 12px) 0 clamp(28px, 4vw, 52px); background: #fff; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box > .sk-wrap { display: grid; gap: 22px; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box [class^="single-test-"] { display: grid !important; gap: 22px; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font: inherit !important; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box [class^="single-test-"] > * { order: 0 !important; }
/* the calculator's own breakdown: the renderer's panel, folded until its button opens it */
body.sh-sa-look-checks .sk-v3.sk-js .sk-stage--box [class^="single-test-"] > .sk-fold { display: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box [class^="single-test-"] > [class*="-result"]:not(.reanimate-red-flags) { margin: 0 !important; padding: clamp(18px, 2.4vw, 26px) !important; border-radius: 22px !important; border: 1px solid var(--sk-line-soft) !important; border-left-width: 1px !important; background: #fbfdfe !important; box-shadow: none !important; color: var(--sk-copy); animation: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box [class^="single-test-"] > [class*="-result"] :is(h3, h4) { margin: 0 0 8px !important; font: 800 17px/1.3 var(--sk-display) !important; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box [class^="single-test-"] > [class*="-result"] :is(p, li, span, strong) { color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box [class^="single-test-"] > [class*="-result"] p { font-size: 16px !important; line-height: 1.55 !important; }
body.sh-sa-look-checks .sk-v3 .sk-stage--box [class^="single-test-"] > [class*="-result"] [style*="grid-template-columns"] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)) !important; }
/* the renderer's own "Worth checking with a doctor" notice: right under the result, never below a form */
body.sh-sa-look-checks .sk-v3 .reanimate-red-flags { margin: 0 !important; padding: 18px 20px !important; border-radius: 20px !important; background: #fff8eb !important; border: 1.5px solid #efd9a6 !important; border-left-width: 1.5px !important; color: #5d4a12 !important; }
body.sh-sa-look-checks .sk-v3 .reanimate-red-flags :is(p, li, strong) { color: #5d4a12 !important; font-size: 16px; line-height: 1.55; }
/* the lists printed with a result are not shown on this page: they are not chosen from the result (owner brief 17 Oct,
   recommendation integrity); health-results.js still reads and keeps them */
body.sh-sa-look-checks .sk-v3 [id$="-recommendations-container"] { display: none !important; }
body.sh-sa-look-checks .sk-v3 [data-rhr-unfinished-explanation] { display: none !important; }
body.sh-sa-look-checks .sk-v3 [class$="-ai-spinner"], body.sh-sa-look-checks .sk-v3 [class*="-ai-spinner "] { display: none !important; }

/* ======================================================================== the written explanation: a reading view */
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] { position: relative; display: grid; gap: 14px; margin: 0; padding: clamp(22px, 3vw, 40px); border-radius: 28px; background: linear-gradient(180deg, #fdf6f9, #fff 46%); border: 1px solid #f1d8e4; box-shadow: 0 30px 60px -50px rgba(123, 36, 75, .45); }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"]:empty { display: none; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] :is([class$="-ai-report"], [class*="-ai-report "], .sk-explain) { width: 100%; max-width: 660px !important; margin: 0 auto !important; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; animation: none !important; font: inherit !important; color: inherit !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] h2 { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; font: 800 clamp(1.35rem, 1.1rem + .9vw, 1.85rem)/1.15 var(--sk-display) !important; letter-spacing: -0.02em; color: var(--sk-ink) !important; text-align: left !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] h2::before { content: "AI"; display: inline-grid; place-items: center; min-width: 34px; height: 28px; padding: 0 8px; border-radius: 8px; background: #fbe9f0; color: #9b1f4d; font: 800 12.5px/1 var(--sk-text); letter-spacing: .08em; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] h2:focus { outline: none !important; box-shadow: none !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] h2:focus-visible { outline: 2px solid #122c3a !important; }
/* the offer */
body.sh-sa-look-checks .sk-v3 .sk-explain { display: grid; gap: 12px; justify-items: start; }
body.sh-sa-look-checks .sk-v3 .sk-explain-lead { margin: 0 !important; max-width: 60ch; font-size: 16.5px !important; line-height: 1.55 !important; color: var(--sk-copy) !important; }
body.sh-sa-look-checks .sk-v3 .sk-explain-actions { margin: 4px 0 0 !important; }
body.sh-sa-look-checks .sk-v3 .sk-explain-btn, body.sh-sa-look-checks .sk-v3 .sk-explain-btn:hover, body.sh-sa-look-checks .sk-v3 .sk-explain-btn:focus {
	display: inline-flex; align-items: center; gap: 12px; min-height: 54px; margin: 0; padding: 0 8px 0 24px; border: 0; border-radius: 999px;
	background: var(--sk-plum); color: #fff; font: 700 16.5px/1.1 var(--sk-text); letter-spacing: 0; text-transform: none; white-space: normal; text-align: left;
	box-shadow: 0 16px 30px -18px rgba(123, 36, 75, .9); cursor: pointer; transform: none;
}
body.sh-sa-look-checks .sk-v3 .sk-explain-btn:hover { background: var(--sk-plum-deep); }
body.sh-sa-look-checks .sk-v3 .sk-explain-btn:not(:has(.sk-explain-cost)) { padding-right: 24px; }
body.sh-sa-look-checks .sk-v3 .sk-explain-cost { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border-radius: 999px; background: rgba(255, 255, 255, .16); font: 700 13.5px/1 var(--sk-text); white-space: nowrap; }
body.sh-sa-look-checks .sk-v3 .sk-explain-note { margin: 0 !important; font-size: 14px !important; color: var(--sk-muted) !important; }
body.sh-sa-look-checks .sk-v3 [class*="-ai-loading"] > p { margin: 0 !important; max-width: 60ch; color: var(--sk-muted) !important; text-align: left !important; font-size: 15.5px !important; }
/* waiting */
body.sh-sa-look-checks .sk-v3 .sk-explain-wait { display: flex; align-items: center; gap: 14px; margin: 0 !important; color: var(--sk-copy) !important; text-align: left !important; }
body.sh-sa-look-checks .sk-v3 .sk-explain-dots { width: 40px; height: 14px; flex: none; fill: var(--sk-plum); }
@media (prefers-reduced-motion: no-preference) {
	body.sh-sa-look-checks .sk-v3 .sk-explain-dots circle { animation: sk-dot 1.2s ease-in-out infinite; }
	body.sh-sa-look-checks .sk-v3 .sk-explain-dots circle:nth-child(2) { animation-delay: .15s; }
	body.sh-sa-look-checks .sk-v3 .sk-explain-dots circle:nth-child(3) { animation-delay: .3s; }
	body.sh-sa-look-checks .sk-v3 .sk-explain--done .sk-explain-body { animation: sk-rise .6s var(--sk-ease) both; }
}
@keyframes sk-dot { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }
body.sh-sa-look-checks .sk-v3 .sk-explain-problem { margin: 0 !important; padding: 12px 14px; border-radius: 14px; background: #fbf6ea; color: #5d4a12 !important; font-size: 15.5px !important; }
/* the explanation itself: a comfortable measure, the model's own section headings, a quiet disclaimer */
body.sh-sa-look-checks .sk-v3 .sk-explain-body, body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] [class$="-ai-report"]:not(.sk-explain) { display: grid; gap: 12px; width: 100%; max-width: none; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] :is(h3, h4) { margin: 14px 0 0 !important; padding: 14px 0 0 !important; border: 0 !important; border-top: 1px solid #f1dbe5 !important; font: 800 clamp(1.08rem, 1rem + .35vw, 1.25rem)/1.3 var(--sk-display) !important; letter-spacing: -0.01em; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] :is(h3, h4):first-child { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] :is(p, li) { margin: 0 !important; font-size: 17px !important; line-height: 1.7 !important; color: var(--sk-copy) !important; text-align: left !important; }
body.sh-sa-look-checks .sk-v3 .sk-explain-body > :is(h3, h4):first-child + p, body.sh-sa-look-checks .sk-v3 .sk-explain-body > p:first-child { font-size: clamp(1.08rem, 1rem + .4vw, 1.25rem) !important; line-height: 1.6 !important; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] :is(ul, ol) { display: grid; gap: 8px; margin: 0 !important; padding-left: 22px !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] strong { color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] [class$="-disclaimer"] { margin: 12px 0 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid #f1dbe5 !important; border-radius: 0 !important; background: none !important; }
body.sh-sa-look-checks .sk-v3 [id$="-ai-report-container"] [class$="-disclaimer"] :is(p, strong) { font-size: 13.5px !important; line-height: 1.5 !important; color: var(--sk-muted) !important; }
/* its reading aids (look-v3.js, outside the box) */
body.sh-sa-look-checks .sk-v3 .sk-read-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; width: min(100%, 660px); margin: 0 auto; }
body.sh-sa-look-checks .sk-v3 .sk-read-nav-title { margin: 0; font: 800 12px/1.2 var(--sk-text); letter-spacing: .12em; text-transform: uppercase; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-read-nav ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
body.sh-sa-look-checks .sk-v3 .sk-read-nav button, body.sh-sa-look-checks .sk-v3 .sk-read-nav button:hover, body.sh-sa-look-checks .sk-v3 .sk-read-nav button:focus { min-height: 40px; margin: 0; padding: 0 14px; border: 1.5px solid #f1cadb; border-radius: 999px; background: #fff; color: var(--sk-ink); font: 700 14px/1 var(--sk-text); letter-spacing: 0; text-transform: none; box-shadow: none; cursor: pointer; }
body.sh-sa-look-checks .sk-v3 .sk-read-nav button:hover { border-color: var(--sk-plum); }
/* assessment-ux.css sets every paragraph in a block holding a food grid to margin 0 0 14px (:has(.rf-grid) > p) */
body.sh-sa-look-checks .sk-v3 .sk-read-back { width: min(100%, 660px); margin: -8px auto 0 !important; font-size: 15px; }
body.sh-sa-look-checks .sk-v3 .sk-read-back a { color: var(--sk-ink); font-weight: 650; text-decoration: underline; text-decoration-color: var(--sk-sky); text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* ---------- a member's saved results (history), after a result or on its own band ---------- */
body.sh-sa-look-checks .sk-v3 .rhr-history { margin: 0; padding: clamp(18px, 2.4vw, 26px); border-radius: 24px; background: #fff; border: 1px solid var(--sk-line-soft); box-shadow: none; font-family: var(--sk-text) !important; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .rhr-history :is(h2, h3) { font-family: var(--sk-display) !important; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .rhr-history-header h2 { margin: 0; font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); }
body.sh-sa-look-checks .sk-v3 .rhr-title-toggle, body.sh-sa-look-checks .sk-v3 .rhr-title-toggle:hover, body.sh-sa-look-checks .sk-v3 .rhr-title-toggle:focus { min-height: 44px; background: none; color: var(--sk-ink); font: inherit; letter-spacing: inherit; text-transform: none; box-shadow: none; }
body.sh-sa-look-checks .sk-v3 .rhr-history-header > span { font-size: 14px; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .rhr-saved-item { font-size: 15px; }
body.sh-sa-look-checks .sk-v3 .rhr-delete-result, body.sh-sa-look-checks .sk-v3 .rhr-delete-result:hover { min-height: 40px; border-radius: 999px; }
/* the lists kept with a saved result are not shown here either (same reason as above) */
body.sh-sa-look-checks .sk-v3 .rhr-saved-recommendations { display: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-saved { padding: clamp(28px, 4vw, 52px) 0; background: #f7fbfd; border-top: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-saved .sk-wrap { display: grid; gap: 14px; }
body.sh-sa-look-checks .sk-v3 .sk-saved-body { display: grid; gap: 14px; }

/* ======================================================================== what you can do next */
body.sh-sa-look-checks .sk-v3 .sk-next { padding: clamp(32px, 4.4vw, 60px) 0; background: linear-gradient(180deg, var(--sk-sky-soft), #f8fcfd); border-block: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-next-head { display: grid; gap: 10px; margin-bottom: clamp(18px, 2.4vw, 28px); }
body.sh-sa-look-checks .sk-v3 .sk-next-grid { display: grid; gap: 22px; align-items: start; }
@media (min-width: 960px) { body.sh-sa-look-checks .sk-v3 .sk-next-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 32px; } }
body.sh-sa-look-checks .sk-v3 .sk-next-main { display: grid; gap: 16px; }
/* the result's own next step (inc/sneaky-journeys.php): one primary, two at most beside it */
body.sh-sa-look-checks .sk-v3 .sh-next { position: relative; display: grid; gap: 16px; margin: 0; padding: clamp(20px, 2.6vw, 30px); border-radius: 26px; background: #fff; border: 1px solid var(--sk-line-soft); box-shadow: 0 30px 60px -48px rgba(18, 44, 58, .55); }
body.sh-sa-look-checks .sk-v3 .sh-next-kicker { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.sh-sa-look-checks .sk-v3 .sh-next-context { margin: 0; font: 600 clamp(1.05rem, 1rem + .3vw, 1.18rem)/1.5 var(--sk-text); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sh-next-actions { display: grid; gap: 12px; justify-items: start; }
body.sh-sa-look-checks .sk-v3 .sh-next-primary, body.sh-sa-look-checks .sk-v3 .sh-next-primary:visited { display: inline-flex; align-items: center; gap: 10px; min-height: 54px; padding: 0 26px; border-radius: 999px; background: var(--sk-teal); color: #fff !important; font: 700 16.5px/1.1 var(--sk-text); text-decoration: none !important; box-shadow: 0 14px 28px -16px rgba(36, 107, 95, .9); transition: transform .16s var(--sk-ease), background-color .16s ease; }
body.sh-sa-look-checks .sk-v3 .sh-next-primary::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--sk-down) center / contain no-repeat; mask: var(--sk-down) center / contain no-repeat; transform: rotate(-90deg); }
body.sh-sa-look-checks .sk-v3 .sh-next-primary:hover { background: var(--sk-teal-deep); transform: translateY(-2px); }
body.sh-sa-look-checks .sk-v3 .sh-next-secondary { display: flex; flex-wrap: wrap; gap: 10px; }
body.sh-sa-look-checks .sk-v3 .sh-next-secondary a, body.sh-sa-look-checks .sk-v3 .sh-next-secondary a:visited { display: inline-flex; align-items: center; min-height: 46px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--sk-line); background: #fff; color: var(--sk-ink) !important; font: 700 15px/1.1 var(--sk-text); text-decoration: none !important; }
body.sh-sa-look-checks .sk-v3 .sh-next-secondary a:hover { border-color: var(--sk-teal); }
body.sh-sa-look-checks .sk-v3 .sh-next-note { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--sk-muted); }
@media (max-width: 479px) { body.sh-sa-look-checks .sk-v3 :is(.sh-next-primary, .sh-next-secondary a) { width: 100%; justify-content: center; } body.sh-sa-look-checks .sk-v3 .sh-next-actions, body.sh-sa-look-checks .sk-v3 .sh-next-secondary { width: 100%; justify-items: stretch; } }
/* more steps, each only where it is true for the check */
body.sh-sa-look-checks .sk-v3 .sk-more { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); margin: 0; padding: 0; list-style: none; }
body.sh-sa-look-checks .sk-v3 .sk-more-link, body.sh-sa-look-checks .sk-v3 .sk-more-link:visited { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; height: 100%; padding: 14px 16px; border-radius: 18px; background: #fff; border: 1px solid var(--sk-line-soft); color: var(--sk-ink); text-decoration: none; transition: border-color .16s ease, transform .16s var(--sk-ease); }
body.sh-sa-look-checks .sk-v3 .sk-more-link:hover { border-color: var(--tone, var(--sk-teal)); transform: translateY(-2px); }
body.sh-sa-look-checks .sk-v3 .sk-more-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--tone, var(--sk-assess)); color: #fff; }
body.sh-sa-look-checks .sk-v3 .sk-more-icon .sk-i { width: 21px; height: 21px; }
body.sh-sa-look-checks .sk-v3 .sk-more-link strong { display: block; font: 700 16px/1.3 var(--sk-display); }
body.sh-sa-look-checks .sk-v3 .sk-more-link small { display: block; margin-top: 3px; font-size: 14px; line-height: 1.45; color: var(--sk-copy); }
/* keeping it: retest (members) or sign in (guests) */
body.sh-sa-look-checks .sk-v3 .sk-next-side { display: grid; gap: 16px; }
body.sh-sa-look-checks .sk-v3 .sk-keep { display: grid; gap: 12px; padding: clamp(18px, 2.4vw, 24px); border-radius: 24px; background: #fff; border: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-keep-lead { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; margin: 0; font-size: 15.5px; line-height: 1.5; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-keep-lead .sk-i { width: 22px; height: 22px; margin-top: 1px; color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .sk-keep-lead strong { color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-keep-actions { margin: 0; }
body.sh-sa-look-checks .sk-v3 .rhr-retest-actions { display: grid; gap: 10px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
body.sh-sa-look-checks .sk-v3 .rhr-retest-actions h3 { margin: 0; font: 800 12.5px/1.2 var(--sk-text) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--sk-muted) !important; }
body.sh-sa-look-checks .sk-v3 .rhr-retest-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
body.sh-sa-look-checks .sk-v3 .rhr-retest-button, body.sh-sa-look-checks .sk-v3 .rhr-retest-button:hover, body.sh-sa-look-checks .sk-v3 .rhr-retest-button:focus { display: inline-flex; align-items: center; min-height: 46px; margin: 0; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--sk-line); background: #fff; color: var(--sk-ink); font: 700 15px/1.1 var(--sk-text); letter-spacing: 0; text-transform: none; white-space: nowrap; box-shadow: none; cursor: pointer; }
body.sh-sa-look-checks .sk-v3 .rhr-retest-button:hover { border-color: var(--sk-teal); }
/* Support's strip with a result */
body.sh-sa-look-checks .sk-v3 .sh-sc-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0; padding: 16px 18px; border-radius: 22px; background: var(--sk-rose); border: 1px solid #f1cadb; box-shadow: none; }
body.sh-sa-look-checks .sk-v3 .sh-sc-cta-copy { flex: 1 1 220px; min-width: 0; }
body.sh-sa-look-checks .sk-v3 .sh-sc-cta-link, body.sh-sa-look-checks .sk-v3 .sh-sc-cta-link:visited { display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px; border-radius: 999px; border: 1.5px solid var(--sk-plum); background: #fff; color: var(--sk-plum) !important; font: 700 15px/1.1 var(--sk-text); text-decoration: none !important; }
body.sh-sa-look-checks .sk-v3 .sh-sc-cta-link:hover { background: var(--sk-plum); color: #fff !important; }

/* ======================================================================== the bench: before you start, and the check */
body.sh-sa-look-checks .sk-v3 .sk-stage--bench { padding: clamp(28px, 4vw, 56px) 0 clamp(36px, 5vw, 72px); background: #fff; }
body.sh-sa-look-checks .sk-v3[data-sk-state="result"] .sk-stage--bench { border-top: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-bench-head { display: grid; gap: 10px; max-width: 62ch; margin-bottom: clamp(20px, 2.8vw, 32px); }
body.sh-sa-look-checks .sk-v3 .sk-bench-head p:not(.sk-eyebrow) { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-bench-grid { display: grid; gap: 24px; align-items: start; }
@media (min-width: 1024px) {
	body.sh-sa-look-checks .sk-v3 .sk-bench-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 44px; }
	body.sh-sa-look-checks .sk-v3 .sk-bench--quick .sk-bench-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
}
body.sh-sa-look-checks .sk-v3 .sk-bench-form { display: grid; gap: 18px; min-width: 0; }
/* before you start: a rail, not a box; safety is a callout and never folded */
body.sh-sa-look-checks .sk-v3 .sk-prepare { display: grid; gap: 16px; margin: 0; padding: 0; }
body.sh-sa-look-checks .sk-v3 .sk-prepare > h3 { font-size: clamp(1.2rem, 1.05rem + .5vw, 1.45rem); }
body.sh-sa-look-checks .sk-v3 .sk-prep-facts { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.sh-sa-look-checks .sk-v3 .sk-prep-facts li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; margin: 0; font-size: 16px; line-height: 1.5; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-prep-facts li strong { display: block; font: 800 12px/1.3 var(--sk-text); letter-spacing: .1em; text-transform: uppercase; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-prep-facts .sk-i { width: 22px; height: 22px; margin-top: 2px; color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .sk-prep-safe { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; padding: 14px 16px; border-radius: 18px; background: #fff8eb; border: 1.5px solid #f2deb0; }
body.sh-sa-look-checks .sk-v3 .sk-prep-safe .sk-i { width: 22px; height: 22px; margin-top: 2px; color: #8a5a06; }
body.sh-sa-look-checks .sk-v3 .sk-prep-safe p { margin: 0; font-size: 15.5px; line-height: 1.5; color: #4f3e0e; }
body.sh-sa-look-checks .sk-v3 .sk-prep-safe strong { display: block; font: 800 12px/1.3 var(--sk-text); letter-spacing: .1em; text-transform: uppercase; color: #6d4d08; }
body.sh-sa-look-checks .sk-v3 .sk-prep-how-title, body.sh-sa-look-checks .sk-v3 .sk-prep-how > summary { margin: 0 0 10px; font: 800 12px/1.3 var(--sk-text); letter-spacing: .1em; text-transform: uppercase; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 details.sk-prep-how > summary { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--sk-line); background: #fff; color: var(--sk-ink); font: 700 15px/1.2 var(--sk-text); letter-spacing: 0; text-transform: none; cursor: pointer; list-style: none; }
body.sh-sa-look-checks .sk-v3 details.sk-prep-how > summary::-webkit-details-marker { display: none; }
body.sh-sa-look-checks .sk-v3 details.sk-prep-how > summary::after { content: ""; width: 11px; height: 11px; color: var(--tone-ink, var(--sk-teal)); background: linear-gradient(currentColor, currentColor) center / 11px 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 11px no-repeat; transition: transform .2s var(--sk-ease); }
body.sh-sa-look-checks .sk-v3 details.sk-prep-how[open] > summary { margin-bottom: 12px; border-color: var(--sk-teal); }
body.sh-sa-look-checks .sk-v3 details.sk-prep-how[open] > summary::after { transform: rotate(45deg); }
body.sh-sa-look-checks .sk-v3 .sk-steps { position: relative; display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: sk-step; }
body.sh-sa-look-checks .sk-v3 .sk-steps::before { content: ""; position: absolute; left: 13px; top: 14px; bottom: 14px; width: 2px; border-radius: 2px; background: color-mix(in srgb, var(--tone, var(--sk-assess)) 28%, #fff); }
body.sh-sa-look-checks .sk-v3 .sk-steps li { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0; counter-increment: sk-step; font-size: 16px; line-height: 1.5; color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-steps li::before { content: counter(sk-step); position: relative; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--tone-ink, var(--sk-teal)); color: #fff; font: 800 13px/1 var(--sk-text); box-shadow: 0 0 0 4px #fff; }
/* the check's own measurement tips (girth, calipers), kept with the steps */
body.sh-sa-look-checks .sk-v3 .sk-prep-tips .form-instructions { margin: 0 !important; padding: 12px 14px !important; border: 0 !important; border-left: 0 !important; border-radius: 14px !important; background: #f3f8fa !important; }
body.sh-sa-look-checks .sk-v3 .sk-prep-tips .form-instructions p { margin: 0 !important; font-size: 14.5px !important; line-height: 1.5 !important; color: var(--sk-copy) !important; font-style: normal !important; }

/* the check itself: the renderer's form is the one raised card on the page */
body.sh-sa-look-checks .sk-v3 .sk-bench-form [class^="single-test-"] { display: grid !important; gap: 18px; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font: inherit !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form [class^="single-test-"] > * { order: 0 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form:not([data-rghp-form]) { position: relative; display: grid; gap: 18px; margin: 0 !important; padding: clamp(22px, 3vw, 34px) !important; border-radius: 28px !important; background: #fff !important; border: 1px solid var(--sk-line) !important; box-shadow: 0 40px 80px -56px rgba(18, 44, 58, .6), 0 1px 0 rgba(18, 44, 58, .03) !important; animation: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form:not([data-rghp-form])::before { content: ""; position: absolute; inset: 0 0 auto; height: 6px; border-radius: 28px 28px 0 0; background: var(--tone, var(--sk-assess)); }
body.sh-sa-look-checks .sk-v3 .sk-bench .form-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench .form-header :is(h2, h3) { margin: 0 !important; padding: 0 !important; border: 0 !important; font: 800 clamp(1.3rem, 1.1rem + .6vw, 1.6rem)/1.15 var(--sk-display) !important; letter-spacing: -0.02em; color: var(--sk-ink) !important; background: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench :is(.form-grid, .form-grid-2col) { display: grid !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench .form-grid-2col { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench :is(.form-row, .form-row-2col, .form-row-3col) { display: grid !important; gap: 14px 16px !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important; margin: 0 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench :is(.form-field, .form-group) { display: grid !important; gap: 7px !important; align-content: start; margin: 0 !important; min-width: 0; }
body.sh-sa-look-checks .sk-v3 .sk-bench form:not([data-rghp-form]) label:not(.radio-option):not(.rghp-field):not(.sk-sex label) { display: block; margin: 0 !important; font: 700 15px/1.3 var(--sk-text) !important; color: var(--sk-ink) !important; text-transform: none; letter-spacing: 0; }
body.sh-sa-look-checks .sk-v3 .sk-bench form :is(input[type="number"], input[type="text"], input[type="date"], select) {
	width: 100%; min-height: 54px; margin: 0; padding: 0 16px !important; border: 1.5px solid var(--sk-line) !important; border-radius: 16px !important;
	background: #fff !important; color: var(--sk-ink) !important; font: 500 17px/1.2 var(--sk-text) !important; box-shadow: none !important; transition: border-color .15s ease;
}
body.sh-sa-look-checks .sk-v3 .sk-bench form select { padding-right: 40px !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form :is(input, select):hover { border-color: #9ab8c9 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form :is(input, select):focus { border-color: var(--sk-teal) !important; outline: none; }
body.sh-sa-look-checks .sk-v3 .sk-bench form :is(input, select):focus-visible { outline: 2px solid #122c3a !important; outline-offset: 2px !important; box-shadow: 0 0 0 4px #fff !important; }
/* a date field hands keyboard focus on to its own day/month/year parts (then only :focus-within matches): keep the ring */
body.sh-sa-look-checks .sk-v3 .sk-bench form :is(input[type="date"]:focus, input[type="date"]:focus-within) { outline: 2px solid #122c3a !important; outline-offset: 2px !important; box-shadow: 0 0 0 4px #fff !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form :is(input, select)[aria-invalid="true"] { border-color: #b3261e !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form :is(small, .help-text, .form-help, .field-help) { display: block; margin: 0 !important; font-size: 14px !important; line-height: 1.45; color: var(--sk-muted) !important; font-style: normal !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form input[type="radio"] { width: 20px; height: 20px; accent-color: var(--sk-teal); }
body.sh-sa-look-checks .sk-v3 .sk-bench form .required { color: #b3261e !important; }
/* the walk and water forms keep their own short instructions inside the form */
body.sh-sa-look-checks .sk-v3 .sk-bench form .form-instructions { margin: 0 !important; padding: 12px 14px !important; border: 0 !important; border-left: 0 !important; border-radius: 14px !important; background: #f3f8fa !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench form .form-instructions p { margin: 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: var(--sk-copy) !important; font-style: normal !important; }
/* calipers: the method choice as two cards */
body.sh-sa-look-checks .sk-v3 .sk-bench .test-type-selector { display: grid; gap: 10px; margin: 0 !important; padding: 0 !important; background: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench .test-type-selector h4 { margin: 0 !important; font: 700 15px/1.3 var(--sk-text) !important; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench .radio-group { display: grid !important; gap: 10px !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench .radio-option { display: flex !important; align-items: center; gap: 12px; min-height: 56px; margin: 0 !important; padding: 12px 16px !important; border-radius: 16px !important; border: 1.5px solid var(--sk-line) !important; background: #fff !important; font: 400 15px/1.35 var(--sk-text) !important; color: var(--sk-ink) !important; cursor: pointer; }
body.sh-sa-look-checks .sk-v3 .sk-bench .radio-option:has(input:checked) { border-color: var(--sk-teal) !important; background: #f2f8f6 !important; }
/* the calculate button, its note, the pending state and the error summary */
body.sh-sa-look-checks .sk-v3 .sk-bench form button[type="submit"],
body.sh-sa-look-checks .sk-v3 .sk-bench form button[type="submit"]:hover,
body.sh-sa-look-checks .sk-v3 .sk-bench form button[type="submit"]:focus {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; width: auto; margin: 0; padding: 0 30px !important;
	border: 0 !important; border-radius: 999px !important; background: var(--sk-teal) !important; color: #fff !important;
	font: 700 17px/1.1 var(--sk-text) !important; letter-spacing: 0; text-transform: none; white-space: normal; box-shadow: 0 14px 28px -16px rgba(36, 107, 95, .9), inset 0 1px 0 rgba(255, 255, 255, .18) !important; cursor: pointer; transform: none;
}
body.sh-sa-look-checks .sk-v3 .sk-bench form button[type="submit"]:hover { background: var(--sk-teal-deep) !important; }
body.sh-sa-look-checks .sk-v3 .sk-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; padding-top: 6px; border-top: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-form-foot button[type="submit"] { margin-top: 12px !important; }
body.sh-sa-look-checks .sk-v3 .sk-form-note { flex: 1 1 220px; margin: 12px 0 0; font-size: 14.5px; line-height: 1.45; color: var(--sk-muted); max-width: 46ch; }
@media (max-width: 479px) { body.sh-sa-look-checks .sk-v3 .sk-bench form button[type="submit"] { width: 100%; } }
body.sh-sa-look-checks .sk-v3 form button[type="submit"].is-pending { pointer-events: none; opacity: .94; }
body.sh-sa-look-checks .sk-v3 .sk-calc { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; }
@media (prefers-reduced-motion: no-preference) {
	body.sh-sa-look-checks .sk-v3 .is-pending .sk-calc-bar { transform-box: fill-box; transform-origin: 50% 100%; animation: sk-calc 1.1s ease-in-out infinite; }
	body.sh-sa-look-checks .sk-v3 .is-pending .sk-calc-bar:nth-of-type(2) { animation-delay: .15s; }
	body.sh-sa-look-checks .sk-v3 .is-pending .sk-calc-bar:nth-of-type(3) { animation-delay: .3s; }
}
@keyframes sk-calc { 0%, 100% { transform: scaleY(.35); } 50% { transform: scaleY(1); } }
body.sh-sa-look-checks .sk-v3 .sk-errors { display: grid; gap: 8px; padding: 16px 18px; border-radius: 16px; background: #fdf1f0; border: 1.5px solid #e2a29d; color: #5c1712; }
body.sh-sa-look-checks .sk-v3 .sk-errors h3 { margin: 0; font: 800 16px/1.3 var(--sk-text); color: #8c1d18; }
body.sh-sa-look-checks .sk-v3 .sk-errors ul { margin: 0; padding-left: 20px; }
body.sh-sa-look-checks .sk-v3 .sk-errors a { color: #8c1d18; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
/* a refusal (a missing detail, an entry out of range, an implausible pair): above the form, said plainly */
body.sh-sa-look-checks .sk-v3 .sk-bench-form :is(.reanimate-profile-required, .reanimate-input-invalid) { margin: 0 !important; padding: 16px 18px !important; border-radius: 18px !important; font-size: 16px; line-height: 1.55; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form .reanimate-profile-required { border: 1.5px solid #efd9a6 !important; background: #fbf6ea !important; color: #5d4a12 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form .reanimate-profile-required :is(p, strong, a) { color: #5d4a12 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form .reanimate-profile-required a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form .reanimate-input-invalid { background: #fdf1f0 !important; border: 1.5px solid #e2a29d !important; color: #5c1712 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form .reanimate-input-invalid :is(p, li, strong) { color: #5c1712 !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form [class^="single-test-"] > .sk-refusal { margin: 0 !important; padding: 16px 18px !important; border-radius: 18px !important; border: 1.5px solid #efd9a6 !important; background: #fbf6ea !important; color: #5d4a12 !important; box-shadow: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench-form :is(.sk-notice, .sk-refusal):focus { outline: 2px solid #122c3a; outline-offset: 3px; }

/* the age-and-sex card, inside the form: a flat part of it, never a card in a card */
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-card { margin: 0 !important; padding: 16px 0 0 !important; border: 0 !important; border-top: 1px solid var(--sk-line-soft) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-assessment-title { margin: 0 0 6px !important; font: 800 16px/1.3 var(--sk-display) !important; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-card p { font-size: 15px; line-height: 1.5; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-card[data-rghp-logged-in="0"] :is(.rghp-assessment-login-note, .rghp-assessment-actions) { display: none; }
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-assessment-prompt > p { margin: 0; font: 600 15px/1.45 var(--sk-text); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-identity-grid { display: grid; gap: 14px 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); margin-top: 12px; }
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-field > span { display: block; margin-bottom: 7px; font: 700 15px/1.3 var(--sk-text); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-bench .rghp-field input[type="date"] { width: 100%; min-height: 54px; padding: 0 14px; border: 1.5px solid var(--sk-line); border-radius: 16px; background: #fff; font: 500 17px/1.2 var(--sk-text); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-sex { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
body.sh-sa-look-checks .sk-v3 .sk-sex legend { padding: 0; margin-bottom: 7px; font: 700 15px/1.3 var(--sk-text); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-sex-row { display: flex; flex-wrap: wrap; gap: 8px; }
body.sh-sa-look-checks .sk-v3 .sk-sex label { position: relative; display: inline-flex; cursor: pointer; }
body.sh-sa-look-checks .sk-v3 .sk-sex input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
body.sh-sa-look-checks .sk-v3 .sk-sex span { display: inline-flex; align-items: center; min-height: 48px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--sk-line); background: #fff; font: 650 15px/1 var(--sk-text); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-sex input:checked + span { background: var(--sk-teal); border-color: var(--sk-teal); color: #fff; }
body.sh-sa-look-checks .sk-v3 .sk-sex input:focus-visible + span { outline: 2px solid #122c3a; outline-offset: 3px; }
body.sh-sa-look-checks .sk-v3 .rghp-field.sk-has-sex > :is(input[type="range"], .rghp-gender-labels, span) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.sh-sa-look-checks .sk-v3 .rghp-field.sk-has-sex ~ .rghp-identity-help { display: none; }
body.sh-sa-look-checks .sk-v3 .rghp-button, body.sh-sa-look-checks .sk-v3 .rghp-button:hover, body.sh-sa-look-checks .sk-v3 .rghp-button:focus { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border-radius: 999px; font: 700 15px/1.1 var(--sk-text); text-decoration: none; box-shadow: none; }
body.sh-sa-look-checks .sk-v3 .rghp-button-primary, body.sh-sa-look-checks .sk-v3 .rghp-button-primary:hover { background: var(--sk-ink); border: 0; color: #fff; }
body.sh-sa-look-checks .sk-v3 .rghp-button-secondary, body.sh-sa-look-checks .sk-v3 .rghp-button-secondary:hover { background: #fff; border: 1.5px solid var(--sk-line); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 :is(.rghp-actions, .rghp-assessment-actions) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }

/* ======================================================================== a copy this device kept */
body.sh-sa-look-checks .sk-v3 .sk-last { padding: clamp(28px, 4vw, 52px) 0; background: linear-gradient(180deg, #f7fbfd, #fff); border-bottom: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-last .sk-wrap { display: grid; gap: 16px; }
body.sh-sa-look-checks .sk-v3 .sk-last-head { display: grid; gap: 14px 32px; align-items: end; }
@media (min-width: 900px) { body.sh-sa-look-checks .sk-v3 .sk-last-head { grid-template-columns: minmax(0, 1fr) auto; } }
body.sh-sa-look-checks .sk-v3 .sk-last-copy { display: grid; gap: 8px; }
body.sh-sa-look-checks .sk-v3 .sk-last-actions { margin: 0; }
body.sh-sa-look-checks .sk-v3 .sk-last-note { margin: 0; max-width: 62ch; font-size: 16px; line-height: 1.55; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-last-body { display: grid; gap: 14px; }
/* the kept copy is the calculator's own box (legacy markup with inline styles): shown as one quiet v3 result card */
body.sh-sa-look-checks .sk-v3 .sk-last-body [data-sk-restored] { display: grid !important; gap: 14px; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font: inherit !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not(.reanimate-red-flags):not([data-sk-restored]) { position: relative; margin: 0 !important; padding: clamp(20px, 2.6vw, 30px) clamp(20px, 2.8vw, 34px) !important; border: 1px solid var(--sk-line-soft) !important; border-radius: 26px !important; background: #fff !important; box-shadow: 0 26px 56px -44px rgba(18, 48, 61, .5) !important; animation: none !important; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not(.reanimate-red-flags):not([data-sk-restored])::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; border-radius: 26px 26px 0 0; background: linear-gradient(90deg, var(--sk-teal), var(--sk-sky), var(--sk-plum)); opacity: .55; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) :is(h2, h3, h4) { margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; font: 800 12.5px/1.3 var(--sk-text) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--sk-teal-deep, #173d39) !important; background: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) :is(p, li, span, strong, div) { color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) p { margin: 4px 0 !important; font-size: 16px !important; line-height: 1.5 !important; }
/* the large figure the calculator printed (inline font-size 1.5rem and up) */
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) :is([style*="font-size: 2"], [style*="font-size:2"], [style*="font-size: 3"], [style*="font-size:3"], [style*="font-size: 1.5"], [style*="font-size:1.5"], [style*="font-size: 1.8"], [style*="font-size:1.8"]) { margin: 2px 0 6px !important; font: 800 clamp(38px, 3.6vw, 54px)/1 var(--sk-display) !important; letter-spacing: -0.03em !important; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) strong { font-weight: 800 !important; }
/* the reference part under a rule: quieter, compact */
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) [style*="border-top"] { margin-top: 14px !important; padding-top: 12px !important; border-top: 1px solid var(--sk-line-soft) !important; color: var(--sk-muted) !important; font-size: 14.5px !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) ul { display: grid; gap: 3px; margin: 6px 0 0 !important; padding: 0 !important; list-style: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [class*="-result"]:not([data-sk-restored]) li { margin: 0 !important; font-size: 14.5px !important; line-height: 1.5 !important; color: var(--sk-copy) !important; }
body.sh-sa-look-checks .sk-v3 .sk-last-body [style*="grid-template-columns"] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)) !important; }
/* the explanation from the last visit, folded, in the v3 reading style */
body.sh-sa-look-checks .sk-v3 .sk-kept-explain { border: 1px solid #f1d8e4; border-radius: 22px; background: linear-gradient(180deg, #fdf6f9, #fff 60%); }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 60px; padding: 14px 22px; font: 800 16.5px/1.3 var(--sk-display); color: var(--sk-ink); cursor: pointer; list-style: none; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain > summary::-webkit-details-marker { display: none; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain > summary::before { content: "AI"; display: inline-grid; place-items: center; min-width: 32px; height: 26px; margin-right: 2px; padding: 0 8px; border-radius: 8px; background: #fbe9f0; color: #9b1f4d; font: 800 12px/1 var(--sk-text); letter-spacing: .08em; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain > summary::after { content: ""; flex: none; margin-left: auto; width: 10px; height: 10px; border-right: 2.5px solid #9b1f4d; border-bottom: 2.5px solid #9b1f4d; transform: translateY(-3px) rotate(45deg); }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain[open] > summary::after { transform: translateY(3px) rotate(-135deg); }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain > summary:focus-visible { outline: 2px solid #122c3a !important; outline-offset: 3px !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain :is([class$="-ai-report"], [class*="-ai-report "], .sk-explain) { display: grid !important; gap: 12px; width: 100%; max-width: 660px !important; margin: 0 auto !important; padding: 0 22px 24px !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; animation: none !important; font: inherit !important; color: var(--sk-copy) !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain :is([class$="-ai-report"], .sk-explain) h2 { display: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain .sk-explain-body, body.sh-sa-look-checks .sk-v3 .sk-kept-explain [class$="-ai-report"] > div { display: grid !important; gap: 12px; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain :is(h3, h4) { margin: 10px 0 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid #f1dbe5 !important; font: 800 17px/1.3 var(--sk-display) !important; color: var(--sk-ink) !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain :is(p, li) { margin: 0 !important; font-size: 16px !important; line-height: 1.65 !important; color: var(--sk-copy) !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain :is(ul, ol) { display: grid; gap: 6px; margin: 0 !important; padding-left: 22px !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain [class$="-disclaimer"] { margin: 8px 0 0 !important; padding: 10px 0 0 !important; border: 0 !important; border-top: 1px solid #f1dbe5 !important; border-radius: 0 !important; background: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-kept-explain [class$="-disclaimer"] :is(p, strong) { font-size: 13px !important; line-height: 1.5 !important; color: var(--sk-muted) !important; }

/* ======================================================================== keep going */
body.sh-sa-look-checks .sk-v3 .sk-stage--onward { padding: clamp(40px, 5.4vw, 80px) 0; background: radial-gradient(70% 90% at 90% 0%, rgba(110, 196, 232, .14), transparent 70%), #f6fafb; border-top: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-onward-head { display: grid; gap: 10px; max-width: 760px; margin-bottom: clamp(20px, 2.8vw, 32px); }
body.sh-sa-look-checks .sk-v3 .sk-onward-grid { display: grid; gap: 22px; align-items: start; }
@media (min-width: 1024px) { body.sh-sa-look-checks .sk-v3 .sk-onward-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 32px; } }
body.sh-sa-look-checks .sk-v3 .sk-onward-why { margin: 0 0 10px; font: 800 12px/1.3 var(--sk-text); letter-spacing: .12em; text-transform: uppercase; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-ocards { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
body.sh-sa-look-checks .sk-v3 .sk-ocard { margin: 0; }
body.sh-sa-look-checks .sk-v3 .sk-ocard a, body.sh-sa-look-checks .sk-v3 .sk-ocard a:visited { display: grid; grid-template-columns: 52px minmax(0, 1fr) 28px; gap: 16px; align-items: center; padding: 16px 18px; border-radius: 22px; background: #fff; border: 1px solid var(--sk-line-soft); color: var(--sk-ink); text-decoration: none; box-shadow: 0 24px 48px -44px rgba(18, 44, 58, .5); transition: border-color .16s ease, transform .16s var(--sk-ease); }
body.sh-sa-look-checks .sk-v3 .sk-ocard a:hover { border-color: var(--tone, var(--sk-teal)); transform: translateY(-2px); }
body.sh-sa-look-checks .sk-v3 .sk-ocard-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--tone, var(--sk-assess)); color: #fff; box-shadow: 0 0 0 5px color-mix(in srgb, var(--tone, var(--sk-assess)) 14%, transparent); }
body.sh-sa-look-checks .sk-v3 .sk-ocard-icon .sk-i { width: 26px; height: 26px; }
body.sh-sa-look-checks .sk-v3 .sk-ocard-main { display: grid; gap: 3px; min-width: 0; }
body.sh-sa-look-checks .sk-v3 .sk-ocard-main strong { font: 700 17px/1.25 var(--sk-display); color: var(--sk-ink); }
body.sh-sa-look-checks .sk-v3 .sk-ocard-main > span { font-size: 14.5px; line-height: 1.45; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-ocard-main .sk-ocard-time { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 13.5px; color: var(--sk-muted); }
body.sh-sa-look-checks .sk-v3 .sk-ocard-time .sk-i { width: 15px; height: 15px; }
body.sh-sa-look-checks .sk-v3 .sk-ocard-go { color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .sk-ocard-go .sk-i { width: 22px; height: 22px; }
body.sh-sa-look-checks .sk-v3 .sk-onward-sets { display: grid; gap: 14px; }
body.sh-sa-look-checks .sk-v3 .sk-set-card { display: grid; gap: 10px; justify-items: start; padding: clamp(18px, 2.4vw, 26px); border-radius: 24px; background: #fff; border: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-set-card p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-set-kicker { font: 800 12px/1 var(--sk-text) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--tone-ink, var(--sk-teal)) !important; }
body.sh-sa-look-checks .sk-v3 .sk-set-card--full { background: #0f2230 linear-gradient(160deg, #10313a, #0f2230); border-color: #0f2230; }
body.sh-sa-look-checks .sk-v3 .sk-set-card--full h3 { color: #f2f8fb; }
body.sh-sa-look-checks .sk-v3 .sk-set-card--full p { color: #c3d4dd; }
body.sh-sa-look-checks .sk-v3 .sk-set-card--full .sk-set-kicker { color: #8fd3ef !important; }
body.sh-sa-look-checks .sk-v3 .sk-set-card--full :focus-visible { outline: 3px solid #e6a817 !important; box-shadow: none !important; }
body.sh-sa-look-checks .sk-v3 .sk-onward-all { margin: clamp(18px, 2.4vw, 26px) 0 0; }

/* ======================================================================== learn: the reading and the questions */
body.sh-sa-look-checks .sk-v3 .sk-learn { padding: clamp(40px, 5.4vw, 80px) 0; background: #fff; border-top: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 .sk-learn-head { display: grid; gap: 10px; max-width: 62ch; margin-bottom: clamp(20px, 2.8vw, 32px); }
body.sh-sa-look-checks .sk-v3 .sk-learn-head p:not(.sk-eyebrow) { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-learn-grid { display: grid; gap: clamp(28px, 4vw, 48px); align-items: start; }
@media (min-width: 1024px) { body.sh-sa-look-checks .sk-v3 .sk-learn-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
body.sh-sa-look-checks .sk-v3 .sk-read-lead { margin-bottom: 12px; }
body.sh-sa-look-checks .sk-v3 .sk-read-lead :is(p, li) { font-size: 16.5px; line-height: 1.65; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 :is(.sk-reads, .rhr-faq-list) { display: grid; gap: 0; border-top: 1px solid var(--sk-line-soft); }
body.sh-sa-look-checks .sk-v3 :is(.sk-read, .rhr-faq-item) { margin: 0; border: 0; border-bottom: 1px solid var(--sk-line-soft); border-radius: 0; background: none; }
body.sh-sa-look-checks .sk-v3 :is(.sk-read, .rhr-faq-item) > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; padding: 16px 4px; font: 700 16.5px/1.4 var(--sk-text); color: var(--sk-ink); cursor: pointer; list-style: none; }
body.sh-sa-look-checks .sk-v3 :is(.sk-read, .rhr-faq-item) > summary::-webkit-details-marker { display: none; }
body.sh-sa-look-checks .sk-v3 :is(.sk-read, .rhr-faq-item) > summary::after { content: ""; width: 14px; height: 14px; flex: none; color: var(--tone-ink, var(--sk-teal)); background: linear-gradient(currentColor, currentColor) center / 14px 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 14px no-repeat; transition: transform .2s var(--sk-ease); }
body.sh-sa-look-checks .sk-v3 :is(.sk-read, .rhr-faq-item)[open] > summary::after { transform: rotate(45deg); }
body.sh-sa-look-checks .sk-v3 :is(.sk-read, .rhr-faq-item) > summary:hover { color: var(--sk-teal-deep); }
body.sh-sa-look-checks .sk-v3 .sk-read-body { display: grid; gap: 10px; padding: 0 4px 20px; }
body.sh-sa-look-checks .sk-v3 .sk-read-body :is(p, li) { margin: 0; font-size: 16px; line-height: 1.65; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .sk-read-body :is(ul, ol) { display: grid; gap: 6px; margin: 0; padding-left: 20px; }
body.sh-sa-look-checks .sk-v3 .sk-read-plain :is(h2, h3) { margin: 16px 0 6px; font: 800 1.15rem/1.3 var(--sk-display); }
body.sh-sa-look-checks .sk-v3 .sk-read-plain :is(p, li) { font-size: 16px; line-height: 1.65; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .rhr-faq { display: grid; gap: 16px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
body.sh-sa-look-checks .sk-v3 .rhr-faq-header { display: grid; gap: 6px; padding: 0; border: 0; }
body.sh-sa-look-checks .sk-v3 .rhr-faq-header span { font: 800 12px/1 var(--sk-text); letter-spacing: .12em; text-transform: uppercase; color: var(--tone-ink, var(--sk-teal)); }
body.sh-sa-look-checks .sk-v3 .rhr-faq-header h2 { font-size: clamp(1.2rem, 1.05rem + .6vw, 1.5rem); }
body.sh-sa-look-checks .sk-v3 .rhr-faq-header p { margin: 0; font-size: 15.5px; line-height: 1.55; font-weight: 400; color: var(--sk-copy); }
body.sh-sa-look-checks .sk-v3 .rhr-faq-item p { margin: 0; padding: 0 4px 18px; font-size: 16px; line-height: 1.65; font-weight: 400; color: var(--sk-copy); max-width: 70ch; }

/* ======================================================================== help: Support's card at the foot of the page */
body.sh-sa-look-checks .sk-v3 .sk-check-side { position: static; display: block; width: 100%; margin: 0; padding: clamp(28px, 4vw, 48px) 0; background: #fdf6f9; border-top: 1px solid #f3dde7; }
body.sh-sa-look-checks .sk-v3 .sk-check-side .sh-sc-widget { max-width: none; margin: 0; }
/* the band is page-wide: the card reads across it (mark, words, actions) instead of sitting in its left half */
@media (min-width: 900px) {
	body.sh-sa-look-checks .sk-v3 .sk-check-side .sh-sc-widget--card { padding: 24px 28px; }
	body.sh-sa-look-checks .sk-v3 .sk-check-side .sh-sc-widget--card .sh-sc-widget-inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px 28px; }
	body.sh-sa-look-checks .sk-v3 .sk-check-side .sh-sc-widget--card .sh-sc-widget-mark { width: 52px; height: 52px; }
	body.sh-sa-look-checks .sk-v3 .sk-check-side .sh-sc-widget--card .sh-sc-widget-actions { display: grid; justify-items: center; gap: 10px; width: auto; }
}

/* ---------- the emblem: one short movement on arrival ---------- */
@media (prefers-reduced-motion: no-preference) {
	body.sh-sa-look-checks .sk-v3 .sk-check-emblem .sk-node { animation: sk-emblem-in .7s var(--sk-spring) both; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--heart .sk-i { animation: sk-beat 1s ease-in-out .7s 3; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--scale .sk-i { animation: sk-settle 1.4s var(--sk-ease) .7s 1; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--ruler .sk-i { animation: sk-slide 1.2s var(--sk-ease) .7s 1; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--drop .sk-i { animation: sk-drop 1.1s var(--sk-ease) .7s 2; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--walk .sk-i { animation: sk-step .55s ease-in-out .7s 4; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--balance .sk-i { animation: sk-sway 1.6s ease-in-out .7s 2; transform-origin: 50% 90%; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--stretch .sk-i { animation: sk-reach 1.6s ease-in-out .7s 1; transform-origin: 30% 80%; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--core .sk-i { animation: sk-hold 1.8s ease-in-out .7s 1; }
	body.sh-sa-look-checks .sk-v3 .sk-emblem--strength .sk-i { animation: sk-press .7s ease-in-out .7s 3; }
}
@keyframes sk-emblem-in { from { opacity: 0; transform: scale(.7); } to { opacity: 1; transform: none; } }
@keyframes sk-beat { 0%, 100% { transform: scale(1); } 20% { transform: scale(1.14); } 40% { transform: scale(1); } 55% { transform: scale(1.08); } }
@keyframes sk-settle { 0% { transform: rotate(-14deg); } 55% { transform: rotate(6deg); } 100% { transform: rotate(0); } }
@keyframes sk-slide { 0% { transform: translateX(-18%); opacity: .4; } 100% { transform: none; opacity: 1; } }
@keyframes sk-drop { 0% { transform: translateY(-14%); } 60% { transform: translateY(6%); } 100% { transform: none; } }
@keyframes sk-step { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6%); } }
@keyframes sk-sway { 0%, 100% { transform: rotate(0); } 30% { transform: rotate(-6deg); } 70% { transform: rotate(6deg); } }
@keyframes sk-reach { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(8deg); } }
@keyframes sk-hold { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.06); } }
@keyframes sk-press { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(.86); } }

/* ---------- the site's floating buttons never cover a field or a result on these pages ---------- */
@media (max-width: 1023px) { body.sh-sa-look-checks.sk-form-active #helper-hub-button { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } }

@media print {
	body.sh-sa-look-checks .sk-v3 :is(.sk-check-progress, .sk-check-emblem, .sk-check-side, .sk-form-foot, .sh-sc-cta, .sk-stage--bench, .sk-stage--onward, .sk-read-nav, .sk-worked-toggle) { display: none !important; }
	body.sh-sa-look-checks .sk-v3 .sk-fold { display: block !important; }
	body.sh-sa-look-checks .sk-v3 :is(.sk-read, .rhr-faq-item) > :not(summary) { display: block !important; }
}