/* Education: Corporate website page (/education/websites), prefix eduw. Motion in src/js/edu-websites.js.
   The first-look test mock is a screenshot of a made-up client site ("Your Academy"), so it stays light in
   both themes, like the landing page story. Sizes inside the mock use container units of .eduw-site, so the
   whole page scales as one piece. */

/* ---------- Hero */
.eduw-hero__t em { font-style: normal; color: #b13a0a; }
:root[data-theme="dark"] .eduw-hero__t em { color: var(--sun); }
.eduw-for { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.eduw-for li { padding: 8px 12px; border-radius: 9999px; background: rgba(255, 255, 255, 0.6); color: var(--ink); font: 600 13px/1 var(--font-body); box-shadow: inset 0 0 0 1px rgba(22, 24, 29, 0.08); }
:root[data-theme="dark"] .eduw-for li { background: rgba(255, 255, 255, 0.06); box-shadow: inset 0 0 0 1px var(--line-2); }

.eduw-hv { display: grid; gap: 12px; min-width: 0; }
.eduw-hv__stage { position: relative; display: grid; gap: 14px; }
.eduw-hv__stage::before { content: ""; position: absolute; left: 31px; top: 46px; bottom: 46px; border-left: 2px dashed var(--gold-line); opacity: 0.7; }
.eduw-hv__card { position: relative; display: grid; gap: 10px; justify-items: start; padding: 16px 18px 18px; border-radius: var(--radius-card); background: var(--panel); color: var(--ink); box-shadow: 0 0 0 1px var(--line); min-width: 0; }
.eduw-hv__find { width: 94%; }
.eduw-hv__trust { width: 76%; justify-self: end; }
.eduw-hv__book { width: 84%; margin-left: 3%; }
.eduw-hv__lbl { display: inline-flex; align-items: center; gap: 8px; font: 700 11.5px/1 var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-text); }
.eduw-hv__lbl b { display: inline-grid; place-items: center; min-width: 28px; height: 28px; border-radius: 9999px; background: var(--gold-grad); color: var(--gold-ink); font: 700 11.5px/1 var(--font-body); letter-spacing: 0.02em; }
.eduw-serp__q { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 9px 14px; border-radius: 9999px; background: var(--chip); font: 500 14px/1.2 var(--font-body); color: var(--ink); }
.eduw-serp__q .psg-ic { font-size: 16px; color: var(--muted); }
.eduw-caret { display: inline-block; width: 1.5px; height: 1.1em; margin-left: -5px; background: var(--ink); }
.eduw-serp__site { display: flex; align-items: center; gap: 10px; font: 600 13.5px/1.25 var(--font-body); color: var(--ink); }
.eduw-serp__site small { display: block; font: 400 12px/1.35 var(--font-body); color: var(--muted); }
.eduw-crest { width: 22px; height: 25px; flex: none; }
.eduw-serp__t { font: 600 17px/1.3 var(--font-body); letter-spacing: -0.01em; color: var(--link); }
.eduw-serp__d { font: 400 13.5px/1.5 var(--font-body); color: var(--ink-2); }
.eduw-serp__rich { display: flex; flex-wrap: wrap; gap: 6px; }
.eduw-serp__rich em { font-style: normal; padding: 5px 9px; border-radius: 6px; background: var(--teal-wash); color: var(--teal); font: 600 12px/1 var(--font-body); }
.eduw-hv__tch { display: flex; align-items: center; gap: 12px; }
.eduw-hv__tch b { display: block; font: 700 16px/1.25 var(--font-body); }
.eduw-hv__tch small { display: block; font: 500 13px/1.4 var(--font-body); color: var(--ink-2); }
.eduw-av { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; font: 700 14px/1 var(--font-body); letter-spacing: 0.02em; }
.eduw-av--a { background: #dbe5f4; color: #1d3a6b; }
.eduw-av--b { background: #d6eeea; color: #0f625b; }
.eduw-av--c { background: #f6e5c6; color: #7a4f12; }
.eduw-hv__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.eduw-hv__tags span { padding: 6px 10px; border-radius: 9999px; background: var(--trust-wash); color: var(--trust); font: 600 12px/1 var(--font-body); }
.eduw-hv__bt { font: 700 16px/1.25 var(--font-body); }
.eduw-hv__rows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; }
.eduw-hv__rows > span { display: grid; gap: 4px; padding: 9px 10px; border-radius: 10px; background: var(--chip); font: 600 13px/1.25 var(--font-body); color: var(--ink); min-width: 0; }
.eduw-hv__rows small { font: 600 10.5px/1 var(--font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); }
.eduw-hv__sent { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 9999px; background: var(--trust-wash); color: var(--trust); font: 700 13px/1.2 var(--font-body); }
.eduw-hv__sent .psg-ic { font-size: 16px; stroke-width: 2.4; }
html.motion .eduw-hv__card { animation: eduw-in 0.7s cubic-bezier(.2, .7, .2, 1) both, eduw-float 7s ease-in-out infinite; }
html.motion .eduw-hv__find { animation-delay: 0.1s, 0.9s; }
html.motion .eduw-hv__trust { animation-delay: 0.5s, 1.9s; }
html.motion .eduw-hv__book { animation-delay: 0.9s, 2.9s; }
html.motion .eduw-hv__sent { animation: eduw-pop 0.5s 1.7s cubic-bezier(.2, .9, .3, 1.3) both; }
html.motion .eduw-caret { animation: eduw-blink 1.1s steps(1) infinite; }
.eduw-hv.is-off *, .eduw-test.is-paused * { animation-play-state: paused !important; }
@keyframes eduw-in { from { opacity: 0; transform: translateY(18px) scale(0.98); } }
@keyframes eduw-float { 50% { transform: translateY(-5px); } }
@keyframes eduw-pop { from { opacity: 0; transform: scale(0.85); } }
@keyframes eduw-blink { 50% { opacity: 0; } }
@media (max-width: 560px) {
  .eduw-hv__find, .eduw-hv__book { width: 100%; margin-left: 0; }
  .eduw-hv__trust { width: 88%; }
  .eduw-hv__rows { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .eduw-hv__rows > span:last-child { grid-column: 1 / -1; }
  .eduw-hv__stage::before { left: 30px; }
}

/* ---------- The first-look test: sticky stage on the left, steps on the right */
.eduw-test__wrap { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.eduw-test__stage { position: sticky; top: calc(var(--head-h) + 24px); z-index: 2; display: grid; gap: 12px; width: min(100%, calc((100vh - var(--head-h) - 236px) * 1.54)); }
.eduw-test__steps { display: grid; }
.eduw-step { min-height: 78vh; display: flex; flex-direction: column; justify-content: center; }
.eduw-step:first-child { min-height: 62vh; justify-content: flex-start; padding-top: 6vh; }
.eduw-step:last-child { min-height: 88vh; }
.eduw-step__card { display: grid; gap: 14px; justify-items: start; opacity: 0.3; transition: opacity 0.4s; }
.eduw-step.is-on .eduw-step__card, html:not(.motion) .eduw-step__card { opacity: 1; }
.eduw-step__card > .eyebrow, .eduw-self__head > .eyebrow, .eduw-card > .eyebrow { display: inline-flex; align-items: center; gap: 10px; }
.eduw-step__card > .eyebrow::before, .eduw-self__head > .eyebrow::before, .eduw-card > .eyebrow::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: var(--gold-grad); }
.eduw-step__card h3 { font: 700 clamp(26px, 2.6vw, 36px)/1.1 var(--font-body); letter-spacing: -0.03em; color: var(--ink); }
.eduw-step__card p { margin: 0; font: 400 clamp(16px, 1.25vw, 18px)/1.6 var(--font-body); color: var(--ink-2); max-width: 44ch; }
.eduw-tick { display: inline-block; padding: 9px 13px; border-radius: 12px; background: var(--trust-wash); color: var(--trust); font: 600 14px/1.4 var(--font-body); }
.eduw-tick .psg-ic { font-size: 17px; stroke-width: 2.4; vertical-align: -3px; margin-right: 6px; }
.eduw-tick b { font-weight: 700; }
.eduw-leaks { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.eduw-leaks li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; font: 500 15px/1.45 var(--font-body); color: var(--ink-2); }
.eduw-leaks b { display: grid; place-items: center; width: 22px; height: 22px; margin-top: 0; border-radius: 50%; background: #16181d; color: #fff; font: 700 11.5px/1 var(--font-body); }

/* Device and address bar */
.eduw-dev { border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 24px 60px rgba(22, 24, 29, 0.14); }
:root[data-theme="dark"] .eduw-dev { box-shadow: 0 0 0 1px var(--line-2), 0 24px 60px rgba(0, 0, 0, 0.45); }
.eduw-dev__bar { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; background: #eef0f3; }
.eduw-dev__bar > i { width: 9px; height: 9px; border-radius: 50%; background: #d5d8de; }
.eduw-url { position: relative; margin: 0 auto; transform: translateX(-20px); display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: 9999px; background: #fff; font: 600 11.5px/1 var(--font-body); color: #4b505a; white-space: nowrap; }
.eduw-url__bad { padding-right: 7px; border-right: 1px solid #e2e4e8; color: #c81e16; font-weight: 700; }
.eduw-url__lock { display: none; width: 12px; height: 12px; fill: none; stroke: #0d7f37; stroke-width: 2.4; stroke-linecap: round; }
.eduw-url__old { color: #8a909b; }
.eduw-test.is-secure .eduw-url__bad, .eduw-test.is-secure .eduw-url__old { display: none; }
.eduw-test.is-secure .eduw-url__lock { display: block; }

/* The site viewport and its page */
.eduw-site { position: relative; container-type: inline-size; aspect-ratio: 20 / 13; overflow: hidden; background: #fff; color: #14213d; font-family: var(--font-body); text-align: left; transition: background 0.6s; }
.eduw-test.is-over .eduw-site { background: #e7e9ee; }
.eduw-page { position: relative; background: #fff; transform-origin: 50% 0; transform: translateY(var(--ty, 0px)) scale(var(--sc, 1)); transition: transform 0.9s cubic-bezier(.3, .7, .2, 1), box-shadow 0.6s; }
.eduw-test.is-over .eduw-page { box-shadow: 0 0 0 0.3cqw rgba(22, 24, 29, 0.06), 0 4cqw 10cqw rgba(22, 24, 29, 0.2); }
.eduw-s { position: relative; overflow: hidden; }
.eduw-s1 { height: 44cqw; }
.eduw-s2 { height: 26cqw; }
.eduw-s3 { height: 24cqw; }
.eduw-s4 { height: 26cqw; }
.eduw-s5 { height: 21cqw; }
.eduw-s6 { height: 30cqw; }
.eduw-s7 { height: 9cqw; }
.eduw-o, .eduw-n { position: absolute; inset: 0; transition: opacity 0.5s, transform 0.65s cubic-bezier(.2, .7, .2, 1); }
.eduw-n { opacity: 0; transform: translateY(2.4cqw); }
.eduw-s.is-new .eduw-o { opacity: 0; }
.eduw-s.is-new .eduw-n { opacity: 1; transform: none; }
.eduw-s::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(100deg, transparent 30%, rgba(212, 166, 72, 0.5) 50%, transparent 70%); transform: translateX(-110%); }
html.motion .eduw-s.is-new::after { animation: eduw-sweep 1.1s 0.1s ease-out; }
@keyframes eduw-sweep { to { transform: translateX(110%); } }

/* Dated page */
.eduw-o { display: grid; align-content: start; gap: 1.1cqw; padding: 2.4cqw 3cqw; background: #fbf9f3; color: #222; font: 400 1.5cqw/1.45 Arial, Helvetica, sans-serif; }
.eduw-o p { margin: 0; }
.eduw-oh { font: 700 2.6cqw/1.2 "Times New Roman", Times, serif; color: #b71c1c; text-decoration: underline; }
.eduw-olink { color: #0000ee; text-decoration: underline; }
.eduw-olist { margin: 0; padding-left: 3cqw; columns: 2; max-width: 40cqw; }
.eduw-s1 .eduw-o { padding: 0; gap: 0; }
.eduw-o1__top { display: flex; align-items: center; justify-content: space-between; padding: 1.6cqw 3cqw; background: linear-gradient(180deg, #1e4fb4, #4f8de8); }
.eduw-o1__logo { font: 700 4.4cqw/1 "Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive; color: #e9cf8a; letter-spacing: 0.02em; text-shadow: 0.3cqw 0.3cqw 0 #c62828; }
.eduw-o1__logo small { display: block; margin-top: 0.7cqw; font: italic 400 1.6cqw/1 "Times New Roman", Times, serif; color: #fff; text-shadow: none; letter-spacing: 0; }
.eduw-o1__clip { width: 11cqw; height: auto; }
.eduw-o1__nav { display: flex; gap: 0.5cqw; padding: 0.6cqw 3cqw; background: #c0c0c0; box-shadow: inset 0 0.2cqw 0 #fff, inset 0 -0.2cqw 0 #808080; }
.eduw-o1__nav span { padding: 0.55cqw 1.4cqw; background: #e0e0e0; box-shadow: inset 0.15cqw 0.15cqw 0 #fff, inset -0.15cqw -0.15cqw 0 #808080; font: 700 1.35cqw/1 Arial, sans-serif; color: #0000ee; text-decoration: underline; }
.eduw-o1__marq { overflow: hidden; white-space: nowrap; padding: 0.75cqw 0; background: #efe0b5; color: #d50000; font: 700 1.45cqw/1 Arial, sans-serif; }
.eduw-o1__marq span { display: inline-block; padding-left: 3cqw; }
html.motion .eduw-o1__marq span { animation: eduw-marq 16s linear infinite; }
@keyframes eduw-marq { to { transform: translateX(-50%); } }
.eduw-o1__body { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 2.6cqw; padding: 2.6cqw 3cqw; align-items: start; }
.eduw-o1__body > div { display: grid; gap: 1.3cqw; }
.eduw-o1__body .eduw-oh { font-style: italic; font-size: 3.4cqw; color: #1a237e; text-decoration: none; }
.eduw-o1__pix { display: block; width: 100%; height: 20cqw; box-shadow: 0 0 0 0.5cqw #c0c0c0, 0 0 0 0.7cqw #808080; }
.eduw-o2__new { display: inline-block; margin-left: 1cqw; padding: 0.35cqw 0.8cqw; background: #ff1744; color: #e9cf8a; font: 700 1.2cqw/1 Arial, sans-serif; text-decoration: none; vertical-align: middle; transform: rotate(-8deg); }
html.motion .eduw-o2__new { animation: eduw-blink 1s steps(1) infinite; }
.eduw-o3__row { display: flex; gap: 2cqw; }
.eduw-o3__row span { display: grid; justify-items: center; gap: 0.7cqw; width: 12cqw; padding: 1cqw; box-shadow: inset 0 0 0 0.15cqw #9e9e9e; font: italic 400 1.2cqw/1.2 "Times New Roman", Times, serif; color: #757575; }
.eduw-o3__row i { width: 8cqw; height: 8cqw; background: radial-gradient(circle at 50% 36%, #bdbdbd 0 22%, transparent 23%), radial-gradient(ellipse 60% 50% at 50% 100%, #bdbdbd 0 98%, transparent 100%), #e6e6e6; }
.eduw-o4__map { display: grid; place-items: center; width: 40cqw; height: 8cqw; background: #eee; box-shadow: inset 0 0 0 0.15cqw #bbb; color: #999; font: italic 400 1.3cqw/1 Arial, sans-serif; }
.eduw-o6__form { display: grid; grid-template-columns: repeat(3, auto minmax(0, 1fr)); gap: 0.9cqw 1cqw; align-items: center; max-width: 84cqw; font: 400 1.2cqw/1 Arial, sans-serif; color: #333; }
.eduw-o6__form i { height: 2.3cqw; background: #fff; box-shadow: inset 0.15cqw 0.15cqw 0 #999, inset -0.1cqw -0.1cqw 0 #ddd; }
.eduw-o6__btns { display: flex; gap: 1cqw; }
.eduw-o6__btns span { padding: 0.65cqw 1.6cqw; background: #e0e0e0; box-shadow: inset 0.15cqw 0.15cqw 0 #fff, inset -0.15cqw -0.15cqw 0 #808080; font: 400 1.3cqw/1 Arial, sans-serif; color: #222; }
.eduw-s7 .eduw-o { display: flex; align-items: center; padding: 0 3cqw; background: #dcdcdc; color: #555; font: 400 1.2cqw/1.2 "Times New Roman", Times, serif; }

/* Professional page */
.eduw-n { display: grid; align-content: start; gap: 1.6cqw; padding: 2.6cqw 3.4cqw; background: #fff; color: #14213d; font: 400 1.4cqw/1.45 var(--font-body); }
.eduw-s2 .eduw-n, .eduw-s4 .eduw-n, .eduw-s6 .eduw-n { background: #f6f4ee; }
.eduw-h { display: flex; align-items: center; justify-content: space-between; gap: 2cqw; }
.eduw-h b { font: 700 2.7cqw/1.1 var(--font-body); letter-spacing: -0.03em; color: #14213d; }
.eduw-h small { font: 600 1.3cqw/1 var(--font-body); color: #127c74; }
.eduw-tabs { display: flex; gap: 0.4cqw; padding: 0.4cqw; border-radius: 9999px; background: #e8e5dc; }
.eduw-tabs span { padding: 0.7cqw 1.4cqw; border-radius: 9999px; font: 600 1.25cqw/1 var(--font-body); color: #5b6272; }
.eduw-tabs .is-on { background: #fff; color: #14213d; box-shadow: 0 0.2cqw 0.6cqw rgba(20, 33, 61, 0.12); }
.eduw-btn { display: inline-flex; align-items: center; justify-content: center; padding: 1.25cqw 2.3cqw; border-radius: 9999px; background: #1d3a6b; color: #fff; font: 700 1.4cqw/1 var(--font-body); white-space: nowrap; }
.eduw-btn--sm { padding: 0.95cqw 1.6cqw; font-size: 1.25cqw; }
.eduw-wa { display: inline-flex; align-items: center; gap: 0.6cqw; padding: 1.05cqw 1.8cqw; border-radius: 9999px; box-shadow: inset 0 0 0 0.18cqw #1fae5b; color: #0d7f37; font: 700 1.35cqw/1 var(--font-body); white-space: nowrap; }
.eduw-site .psg-ic { width: 1.8cqw; height: 1.8cqw; }
.eduw-kick { font: 700 1.15cqw/1.2 var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; color: #127c74; }
.eduw-chips { display: flex; flex-wrap: wrap; gap: 0.5cqw; }
.eduw-chips em { font-style: normal; padding: 0.55cqw 1cqw; border-radius: 9999px; background: #e3f0ed; color: #0f625b; font: 600 1.15cqw/1 var(--font-body); }
.eduw-brand { display: inline-flex; align-items: center; gap: 0.9cqw; margin-right: auto; }
.eduw-brand b { font: 700 1.8cqw/1 var(--font-body); letter-spacing: -0.02em; color: #14213d; }
.eduw-site .eduw-crest { width: 2.6cqw; height: 2.9cqw; }
.eduw-lang { display: inline-flex; gap: 0.2cqw; padding: 0.3cqw; border-radius: 9999px; background: #f1efe8; font: 600 1.15cqw/1 var(--font-body); color: #5b6272; }
.eduw-lang > * { padding: 0.5cqw 0.8cqw; border-radius: 9999px; }
.eduw-lang b { background: #14213d; color: #fff; }
.eduw-s1 .eduw-n { padding: 0; gap: 0; grid-template-rows: auto 1fr; }
.eduw-n1__nav { display: flex; align-items: center; gap: 2cqw; padding: 1.6cqw 3.4cqw; box-shadow: inset 0 -0.1cqw 0 #eceae3; }
.eduw-n1__links { display: flex; gap: 1.8cqw; font: 500 1.3cqw/1 var(--font-body); color: #4a5263; }
.eduw-n1__hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 3cqw; align-items: center; padding: 2.8cqw 3.4cqw; background: linear-gradient(160deg, #fbfaf6, #eaf3f0); }
.eduw-n1__copy { display: grid; gap: 1.7cqw; justify-items: start; }
.eduw-n1__h { font: 700 3.9cqw/1.06 var(--font-body); letter-spacing: -0.035em; color: #14213d; }
.eduw-n1__p { font: 400 1.5cqw/1.5 var(--font-body); color: #4a5263; }
.eduw-n1__btns { display: flex; flex-wrap: wrap; gap: 1cqw; }
.eduw-n1__art { position: relative; }
.eduw-n1__art svg { display: block; width: 100%; height: auto; border-radius: 1.4cqw; }
.eduw-n1__cap { position: absolute; left: 1.2cqw; bottom: 1.2cqw; display: inline-flex; align-items: center; gap: 0.5cqw; padding: 0.7cqw 1.1cqw; border-radius: 9999px; background: rgba(255, 255, 255, 0.95); font: 600 1.15cqw/1 var(--font-body); color: #14213d; }
.eduw-n1__cap .psg-ic { width: 1.5cqw; height: 1.5cqw; color: #127c74; }
.eduw-n2__grid, .eduw-n3__grid, .eduw-n5__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4cqw; }
.eduw-prog { display: grid; gap: 1.1cqw; align-content: start; padding: 1.8cqw; border-radius: 1.4cqw; background: #fff; box-shadow: 0 0 0 0.12cqw #e6e2d6; }
.eduw-prog b { font: 700 1.75cqw/1.2 var(--font-body); letter-spacing: -0.015em; color: #14213d; }
.eduw-prog small { font: 600 1.15cqw/1.2 var(--font-body); color: #127c74; }
.eduw-tch { display: flex; align-items: center; gap: 1.2cqw; padding: 1.6cqw; border-radius: 1.4cqw; background: #f6f4ee; }
.eduw-site .eduw-av { width: 5.6cqw; height: 5.6cqw; font-size: 1.6cqw; }
.eduw-tch b { display: block; font: 700 1.5cqw/1.25 var(--font-body); color: #14213d; }
.eduw-tch em { display: block; font: 600 1.2cqw/1.35 var(--font-body); font-style: normal; color: #127c74; }
.eduw-tch small { display: block; font: 400 1.15cqw/1.35 var(--font-body); color: #5b6272; }
.eduw-n4__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 1.4cqw; }
.eduw-tt { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1cqw; padding: 1.4cqw; border-radius: 1.4cqw; background: #fff; box-shadow: 0 0 0 0.12cqw #e6e2d6; }
.eduw-tt__d { display: grid; gap: 0.7cqw; align-content: start; }
.eduw-tt__d b { font: 700 1.15cqw/1 var(--font-body); letter-spacing: 0.1em; text-transform: uppercase; color: #5b6272; }
.eduw-tt__d em { display: grid; gap: 0.35cqw; padding: 0.9cqw 1cqw; border-radius: 0.9cqw; background: #eef3fa; font: 700 1.25cqw/1.15 var(--font-body); font-style: normal; color: #1d3a6b; }
.eduw-tt__d em small { font: 500 1.1cqw/1 var(--font-body); color: #5b6272; }
.eduw-tt__d em.is-hi { background: #1d3a6b; color: #fff; }
.eduw-tt__d em.is-hi small { color: #c9d6ea; }
.eduw-loc { display: grid; gap: 0.5cqw; align-content: start; justify-items: start; padding: 1.6cqw; border-radius: 1.4cqw; background: #fff; box-shadow: 0 0 0 0.12cqw #e6e2d6; }
.eduw-loc .psg-ic { width: 2.2cqw; height: 2.2cqw; color: #127c74; }
.eduw-loc b { font: 700 1.5cqw/1.2 var(--font-body); color: #14213d; }
.eduw-loc small { font: 500 1.15cqw/1.3 var(--font-body); color: #5b6272; }
.eduw-loc__map { justify-self: stretch; height: 5.4cqw; margin-top: 0.6cqw; border-radius: 1cqw; background: radial-gradient(circle at 58% 46%, #16181d 0 0.7cqw, #fff 0.7cqw 1.1cqw, transparent 1.1cqw), linear-gradient(90deg, transparent 46%, #f4d98b 46% 50%, transparent 50%), linear-gradient(0deg, transparent 56%, #fff 56% 63%, transparent 63%), linear-gradient(35deg, transparent 38%, #fff 38% 43%, transparent 43%), #dce8e2; }
.eduw-fee { display: grid; gap: 0.8cqw; align-content: start; justify-items: start; padding: 1.6cqw; border-radius: 1.4cqw; background: #f6f4ee; }
.eduw-fee b { font: 700 1.5cqw/1.2 var(--font-body); color: #14213d; }
.eduw-fee small { font: 400 1.2cqw/1.45 var(--font-body); color: #4a5263; }
.eduw-fee--go { background: #14213d; }
.eduw-fee--go b { color: #fff; }
.eduw-fee--go .eduw-btn { background: #fff; color: #14213d; }
.eduw-n6__wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 3cqw; align-items: center; height: 100%; }
.eduw-s6 .eduw-n { align-content: center; }
.eduw-n6__copy { display: grid; gap: 1.2cqw; justify-items: start; }
.eduw-n6__copy b { font: 700 3cqw/1.1 var(--font-body); letter-spacing: -0.03em; color: #14213d; }
.eduw-n6__copy small { font: 400 1.4cqw/1.5 var(--font-body); color: #4a5263; }
.eduw-book { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.9cqw 1cqw; padding: 2cqw; border-radius: 1.6cqw; background: #fff; box-shadow: 0 0 0 0.2cqw #127c74; }
.eduw-book > b { grid-column: 1 / -1; font: 700 1.7cqw/1.2 var(--font-body); color: #14213d; }
.eduw-fld { grid-column: 1 / -1; display: grid; gap: 0.4cqw; }
.eduw-fld--half { grid-column: auto; }
.eduw-fld small { font: 600 1.05cqw/1 var(--font-body); color: #5b6272; }
.eduw-fld i { display: flex; align-items: center; height: 2.7cqw; padding: 0 1cqw; border-radius: 0.8cqw; box-shadow: inset 0 0 0 0.12cqw #d5d8de; font: 500 1.2cqw/1 var(--font-body); font-style: normal; color: #14213d; }
.eduw-book .eduw-btn { grid-column: 1 / -1; margin-top: 0.4cqw; }
.eduw-consent { grid-column: 1 / -1; display: flex; align-items: center; gap: 0.6cqw; font: 500 1.05cqw/1.3 var(--font-body); color: #5b6272; }
.eduw-site .eduw-consent .psg-ic { width: 1.4cqw; height: 1.4cqw; color: #0d7f37; }
.eduw-s7 .eduw-n { display: flex; align-items: center; gap: 2.4cqw; padding: 0 3.4cqw; background: #14213d; color: #c9d1e0; font: 500 1.2cqw/1 var(--font-body); }
.eduw-s7 .eduw-brand b { color: #fff; font-size: 1.5cqw; }
.eduw-s7 .eduw-crest { padding: 0.25cqw; border-radius: 0.6cqw; background: #fff; }
.eduw-n7__news { color: #f2b134; }
.eduw-s7 .eduw-lang { background: rgba(255, 255, 255, 0.1); color: #c9d1e0; }
.eduw-s7 .eduw-lang b { background: #fff; color: #14213d; }

/* Diagnosis notes (shown in the zoomed-out view, so sizes are in page units at about 2.7 times) */
.eduw-notes { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.eduw-note { position: absolute; top: calc(var(--t) * 1cqw); display: flex; align-items: center; gap: 2.4cqw; width: 80cqw; font: 700 4.3cqw/1.15 var(--font-body); letter-spacing: -0.01em; color: #b42318; opacity: 0; transform: translateX(var(--dx)); transition: opacity 0.4s, transform 0.5s cubic-bezier(.2, .7, .2, 1); }
.eduw-note--l { right: calc(100% + 4cqw); flex-direction: row-reverse; text-align: right; --dx: 5cqw; }
.eduw-note--r { left: calc(100% + 4cqw); --dx: -5cqw; }
.eduw-note .eduw-pin { width: 8.4cqw; height: 8.4cqw; font-size: 4.4cqw; box-shadow: 0 0 0 1.6cqw rgba(201, 41, 10, 0.2); }
.eduw-pin { display: grid; place-items: center; flex: none; border-radius: 50%; background: #16181d; color: #fff; font-style: normal; font-weight: 700; font-family: var(--font-body); line-height: 1; }
.eduw-pin--bar { display: none; position: absolute; left: -10px; top: 50%; width: 20px; height: 20px; margin-top: -10px; font-size: 11px; box-shadow: 0 0 0 4px rgba(201, 41, 10, 0.2); }
.eduw-test.is-notes .eduw-note { opacity: 1; transform: none; }
.eduw-test.is-notes .eduw-note:nth-child(2) { transition-delay: 0.06s; }
.eduw-test.is-notes .eduw-note:nth-child(3) { transition-delay: 0.12s; }
.eduw-test.is-notes .eduw-note:nth-child(4) { transition-delay: 0.18s; }
.eduw-test.is-notes .eduw-note:nth-child(5) { transition-delay: 0.24s; }
.eduw-test.is-notes .eduw-note:nth-child(6) { transition-delay: 0.3s; }
.eduw-test.is-notes .eduw-note:nth-child(7) { transition-delay: 0.36s; }
.eduw-test.is-notes .eduw-pin--bar { display: grid; }

/* Phone view (last step) */
.eduw-phone { position: absolute; z-index: 4; right: 6cqw; top: 11cqw; width: 20cqw; aspect-ratio: 9 / 18.5; box-sizing: border-box; display: grid; align-content: start; gap: 1.2cqw; padding: 2.6cqw 1.6cqw 0; border-radius: 3cqw; overflow: hidden; background: #fff; color: #14213d; box-shadow: 0 0 0 0.7cqw #16181d, 0 3cqw 6cqw rgba(22, 24, 29, 0.3); opacity: 0; transform: translateX(10cqw) rotate(5deg); transition: opacity 0.5s, transform 0.8s cubic-bezier(.2, .7, .2, 1); }
.eduw-test.is-phone .eduw-phone { opacity: 1; transform: none; }
.eduw-phone__top { display: flex; align-items: center; gap: 0.6cqw; }
.eduw-phone__top b { margin-right: auto; font: 700 1.15cqw/1 var(--font-body); }
.eduw-site .eduw-phone .eduw-crest { width: 1.8cqw; height: 2cqw; }
.eduw-phone .eduw-lang { padding: 0.2cqw; font-size: 0.8cqw; }
.eduw-phone .eduw-lang > * { padding: 0.3cqw 0.5cqw; }
.eduw-phone .eduw-kick { font-size: 0.8cqw; }
.eduw-phone__h { font: 700 2.05cqw/1.08 var(--font-body); letter-spacing: -0.03em; }
.eduw-phone__p { font: 400 1.05cqw/1.45 var(--font-body); color: #4a5263; }
.eduw-phone .eduw-chips em { padding: 0.4cqw 0.7cqw; font-size: 0.85cqw; }
.eduw-phone__tch { display: flex; align-items: center; gap: 0.8cqw; padding: 1cqw; border-radius: 1cqw; background: #f6f4ee; }
.eduw-site .eduw-phone .eduw-av { width: 3cqw; height: 3cqw; font-size: 0.9cqw; }
.eduw-phone__tch b { display: block; font: 700 1cqw/1.2 var(--font-body); }
.eduw-phone__tch small { display: block; font: 500 0.85cqw/1.2 var(--font-body); color: #127c74; }
.eduw-phone__bar { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 0.8cqw; padding: 1.2cqw 1.4cqw 1.8cqw; background: rgba(255, 255, 255, 0.97); box-shadow: 0 -0.12cqw 0 #eceae3; }
.eduw-phone__bar .eduw-btn { flex: 1; padding: 1cqw; font-size: 1.1cqw; }
.eduw-phone__wa { display: grid; place-items: center; flex: none; width: 3.4cqw; height: 3.4cqw; border-radius: 50%; background: #1fae5b; color: #fff; }

/* The parent's checklist under the device */
.eduw-checks { display: grid; gap: 10px; padding: 14px 16px; border-radius: var(--radius-card); background: var(--panel); }
:root[data-theme="light"] .eduw-checks { box-shadow: 0 0 0 1px var(--line); }
.eduw-checks__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.eduw-checks__l { font: 600 13px/1.2 var(--font-body); color: var(--ink-2); }
.eduw-checks__v { font: 700 19px/1.15 var(--font-body); letter-spacing: -0.02em; color: var(--price-text); transition: color 0.3s; }
.eduw-checks__v.is-mid { color: var(--accent-text); }
.eduw-checks__v.is-up { color: var(--trust); }
.eduw-checks__n { margin-left: auto; font: 600 13px/1 var(--font-body); color: var(--ink-2); font-variant-numeric: tabular-nums; }
.eduw-checks__n b { color: var(--ink); }
.eduw-checks__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.eduw-checks__list li { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 7px 9px; border-radius: 10px; background: var(--chip); color: var(--ink-2); font: 600 12.5px/1.2 var(--font-body); transition: background 0.35s, color 0.35s; }
.eduw-checks__list i { position: relative; flex: none; width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--line-2); transition: background 0.35s, box-shadow 0.35s; }
.eduw-checks__list i::after { content: ""; position: absolute; left: 5.5px; top: 2.5px; width: 3.5px; height: 7.5px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform 0.3s cubic-bezier(.2, .9, .3, 1.4); }
.eduw-checks__list li.is-on { background: var(--trust-wash); color: var(--trust); }
.eduw-checks__list li.is-on i { background: var(--trust); box-shadow: none; }
.eduw-checks__list li.is-on i::after { transform: rotate(45deg) scale(1); }
:root[data-theme="dark"] .eduw-checks__list i::after { border-color: #10231a; }

@media (max-width: 1100px) { .eduw-checks__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .eduw-test__wrap { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .eduw-test__stage { width: auto; top: calc(var(--head-h) + 8px); gap: 8px; padding-bottom: 10px; background: var(--bg); }
  .eduw-test__stage::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 40px; background: var(--bg); } /* hides steps scrolling between the header and the stage */
  .eduw-dev { border-radius: 12px; }
  .eduw-dev__bar { height: 26px; }
  .eduw-url { padding: 4px 10px; font-size: 10.5px; transform: translateX(-14px); }
  .eduw-checks { gap: 8px; padding: 10px 12px; border-radius: 14px; }
  .eduw-checks__head { gap: 2px 10px; }
  .eduw-checks__l, .eduw-checks__head .psg-chip { display: none; }
  .eduw-checks__v { font-size: 16px; }
  .eduw-checks__list { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }
  .eduw-checks__list li { height: 6px; padding: 0; border-radius: 9999px; font-size: 0; }
  .eduw-checks__list li i { display: none; }
  .eduw-checks__list li.is-on { background: var(--trust); }
  .eduw-step, .eduw-step:first-child { min-height: 72vh; justify-content: flex-end; padding: 0 0 8vh; }
  .eduw-step__card { gap: 12px; padding: 18px 20px; border-radius: var(--radius-card); background: var(--panel); box-shadow: 0 8px 24px rgba(22, 24, 29, 0.08); }
  .eduw-step__card h3 { font-size: 23px; }
  .eduw-step__card p { font-size: 15.5px; }
  .eduw-leaks { gap: 5px; }
  .eduw-leaks li { font-size: 14px; }
}

/* ---------- Your own first-look test */
.eduw-self { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; padding: clamp(24px, 4vw, 56px); border-radius: var(--radius-card); background: var(--panel); }
:root[data-theme="light"] .eduw-self { box-shadow: 0 0 0 1px var(--line), 0 1px 2px rgba(60, 50, 20, 0.04); }
.eduw-self__head { grid-column: 1 / -1; display: grid; gap: 14px; max-width: 760px; }
.eduw-self__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.eduw-self__list label { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; align-items: start; padding: 14px 16px; border-radius: 14px; background: var(--bg); cursor: pointer; box-shadow: inset 0 0 0 1.5px transparent; transition: box-shadow 0.2s, background 0.2s; }
.eduw-self__list label:hover { box-shadow: inset 0 0 0 1.5px var(--gold-line); }
.eduw-self__list input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.eduw-self__list label:has(input:focus-visible) { box-shadow: inset 0 0 0 2px var(--ink); }
.eduw-self__box { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--panel); box-shadow: inset 0 0 0 2px var(--line-2); color: transparent; transition: background 0.2s, box-shadow 0.2s, color 0.2s; }
.eduw-self__box .psg-ic { font-size: 18px; stroke-width: 2.6; }
.eduw-self__list label:has(input:checked) { background: var(--trust-wash); }
.eduw-self__list label:has(input:checked) .eduw-self__box { background: var(--trust); box-shadow: none; color: #fff; }
:root[data-theme="dark"] .eduw-self__list label:has(input:checked) .eduw-self__box { color: #10231a; }
.eduw-self__t { display: grid; gap: 8px; min-width: 0; }
.eduw-self__t > b { font: 700 16.5px/1.3 var(--font-body); letter-spacing: -0.01em; color: var(--ink); }
.eduw-self__ba { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 18px; }
.eduw-self__no, .eduw-self__yes { position: relative; padding-left: 17px; font: 500 13.5px/1.45 var(--font-body); color: var(--ink-2); }
.eduw-self__no::before, .eduw-self__yes::before { content: ""; position: absolute; left: 0; top: 0.42em; width: 9px; height: 9px; border-radius: 50%; }
.eduw-self__no::before { box-shadow: inset 0 0 0 2px var(--price-text); }
.eduw-self__yes::before { background: var(--trust); }
.eduw-self__out { position: sticky; top: calc(var(--head-h) + 24px); display: grid; gap: 14px; padding: clamp(20px, 2.4vw, 28px); border-radius: 18px; background: var(--bg); box-shadow: inset 0 0 0 1.5px var(--gold-line); }
.eduw-self:not(.is-ready) .eduw-self__out { display: none; }
.eduw-self__score { display: flex; align-items: baseline; gap: 10px; }
.eduw-self__score b { font: 700 64px/0.9 var(--font-body); letter-spacing: -0.04em; color: var(--ink); font-variant-numeric: tabular-nums; }
.eduw-self__score span { font: 600 15px/1.3 var(--font-body); color: var(--ink-2); }
.eduw-self__meter { height: 8px; border-radius: 9999px; background: var(--chip); overflow: hidden; }
.eduw-self__meter i { display: block; height: 100%; background: linear-gradient(90deg, var(--gold-2), var(--trust)); transform-origin: 0 50%; transform: scaleX(0); transition: transform 0.4s cubic-bezier(.2, .7, .2, 1); }
.eduw-self__out > .psg-tag { justify-self: start; }
.eduw-self__fixes { display: grid; gap: 8px; }
.eduw-self__fixes > b { font: 700 12px/1 var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-text); }
.eduw-self__fixes ol { margin: 0; padding-left: 20px; display: grid; gap: 8px; font: 500 14.5px/1.5 var(--font-body); color: var(--ink-2); }
.eduw-self__out .psg-fld { display: grid; gap: 6px; }
.eduw-opt { margin-left: 6px; font: 500 12px/1 var(--font-body); color: var(--ink-2); }
.eduw-self__note { margin: 0; font: 500 13px/1.5 var(--font-body); color: var(--ink-2); }
@media (max-width: 960px) { .eduw-self { grid-template-columns: minmax(0, 1fr); } .eduw-self__out { position: static; } }
@media (max-width: 560px) { .eduw-self__ba { grid-template-columns: minmax(0, 1fr); } .eduw-self__list label { gap: 12px; padding: 13px 12px; } }

/* ---------- Feature groups */
.eduw-groups { display: grid; gap: clamp(16px, 2vw, 24px); }
.eduw-group { display: grid; grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr); border-radius: var(--radius-card); background: var(--panel); overflow: hidden; }
:root[data-theme="light"] .eduw-group { box-shadow: 0 0 0 1px var(--line), 0 1px 2px rgba(60, 50, 20, 0.04); }
.eduw-group__head { display: flex; flex-direction: column; gap: 16px; padding: clamp(24px, 3.2vw, 44px); box-shadow: inset -1px 0 0 var(--line); }
.eduw-group__head > b { display: inline-grid; place-items: center; align-self: flex-start; min-width: 38px; height: 38px; padding: 0 8px; border-radius: 9999px; background: var(--gold-grad); color: var(--gold-ink); font: 700 14px/1 var(--font-body); letter-spacing: 0.02em; }
.eduw-group__head h3 { font: 700 clamp(22px, 2vw, 28px)/1.15 var(--font-body); letter-spacing: -0.025em; color: var(--ink); }
.eduw-group__head p { margin: 8px 0 0; font: 500 15px/1.5 var(--font-body); color: var(--ink-2); }
:root .eduw-group .pp-feats.eduw-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(22px, 2.6vw, 34px) clamp(20px, 2.6vw, 36px); padding: clamp(24px, 3.2vw, 44px); border-radius: 0; background: transparent; box-shadow: none; }
.eduw-feats p a { color: var(--ink); font-weight: 600; }
@media (max-width: 900px) {
  .eduw-group { grid-template-columns: minmax(0, 1fr); }
  .eduw-group__head { flex-direction: row; align-items: center; box-shadow: inset 0 -1px 0 var(--line); }
  .eduw-group__head > b { align-self: center; }
}
@media (max-width: 640px) { :root .eduw-group .pp-feats.eduw-feats { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Search and AI answers */
.eduw-ai { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.eduw-ai .sec__head { margin-bottom: 28px; }
.eduw-ai__note { margin: 22px 0 0; font: 500 14.5px/1.55 var(--font-body); color: var(--ink-2); max-width: 56ch; }
.eduw-ai__note a { color: var(--ink); font-weight: 700; }
.eduw-ai__art { display: grid; gap: 14px; min-width: 0; }
.eduw-ask { display: grid; gap: 10px; padding: 18px; border-radius: var(--radius-card); background: var(--panel); }
:root[data-theme="light"] .eduw-ask { box-shadow: 0 0 0 1px var(--line); }
.eduw-ask__q, .eduw-ask__a { display: grid; gap: 6px; font: 500 15px/1.5 var(--font-body); color: var(--ink); }
.eduw-ask__q { justify-self: end; max-width: 86%; padding: 12px 16px; border-radius: 18px 18px 4px 18px; background: var(--chip); }
.eduw-ask__a { justify-self: start; max-width: 92%; padding: 14px 16px; border-radius: 18px 18px 18px 4px; background: var(--bg); box-shadow: inset 0 0 0 1px var(--line-2); }
.eduw-ask__who { display: inline-flex; align-items: center; gap: 6px; font: 700 11px/1 var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-2); }
.eduw-ask__who .psg-ic { font-size: 14px; color: var(--accent-text); }
.eduw-ask__src { justify-self: start; display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; padding: 5px 10px 5px 6px; border-radius: 9999px; background: var(--teal-wash); color: var(--teal); font: 700 12.5px/1 var(--font-body); }
.eduw-ask__src .eduw-crest { width: 15px; height: 17px; }
.eduw-code { margin: 0; border-radius: var(--radius-card); background: #0f1218; overflow: hidden; box-shadow: inset 0 0 0 1px #262b35; }
.eduw-code figcaption { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 16px; box-shadow: inset 0 -1px 0 #262b35; font: 600 12.5px/1.2 var(--font-body); color: #b4bac6; }
.eduw-code figcaption .psg-chip--ex { background: #262b35; color: #b4bac6; }
.eduw-code pre { margin: 0; padding: 16px 18px; overflow-x: auto; font: 500 12.5px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #d8dde6; }
.eduw-code .k { color: #9ecbff; }
.eduw-code .s { color: #f2d48a; }
.eduw-code .t { color: #7ee2b8; }
@media (max-width: 900px) { .eduw-ai { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Staff updates and data care */
.eduw-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px); }
.eduw-card { display: grid; gap: 16px; align-content: start; padding: clamp(24px, 3.2vw, 44px); border-radius: var(--radius-card); background: var(--panel); }
:root[data-theme="light"] .eduw-card { box-shadow: 0 0 0 1px var(--line), 0 1px 2px rgba(60, 50, 20, 0.04); }
.eduw-card .eduw-card__t { font-size: clamp(22px, 2.1vw, 30px); font-weight: 700; line-height: 1.15; letter-spacing: -0.025em; color: var(--ink); }
.eduw-card > p { margin: 0; font: 400 16px/1.6 var(--font-body); color: var(--ink-2); }
.eduw-ed { list-style: none; margin: 4px 0 0; padding: 6px; display: grid; gap: 4px; border-radius: 14px; background: var(--bg); }
.eduw-ed li { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 10px; background: var(--panel); font: 600 14.5px/1.3 var(--font-body); color: var(--ink); }
.eduw-ed .psg-ic { font-size: 19px; color: var(--accent-text); }
.eduw-card__note { margin: 4px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--teal-wash); color: var(--teal); font: 500 14px/1.5 var(--font-body); }
@media (max-width: 860px) { .eduw-two { grid-template-columns: minmax(0, 1fr); } }

@media (prefers-reduced-motion: reduce) {
  .eduw-hv *, .eduw-test *, .eduw-self * { animation: none !important; transition: none !important; }
}