/* ==========================================================================
   Google Ads for Education, September 2026 redesign. Loaded after ind-wdp
   and ind-gax; every rule is scoped to this page and new classes use gxd-.
   The education world: a Sunday-night laptop and a course guide (hero), the
   same student twice on a tear-off calendar (race), a comparison notebook,
   pinboard, footnotes, a wall calendar and a course page (the eight
   realities), a signpost and a shortlist (two search moments), an exercise
   book the budget is inked across (leaks), a draft marked in red pen
   (trust, not hype), a figure on graph paper (anatomy), a report card
   (approach), a noticeboard and a library shelf (ads against SEO).
   Transforms and opacity for motion; no backdrop-filter. Every picture
   rests complete without JS and under reduced motion.
   ========================================================================== */
main[data-ga-page="education"]{--ink-blue:#9DB8FF;--paper:#101216}
@keyframes gxdIn{from{opacity:0;transform:translateY(8px)}}
@keyframes gxdPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:none}}
@keyframes gxdDraw{from{stroke-dashoffset:1}}
@keyframes gxdGrowX{from{transform:scaleX(0)}}
@keyframes gxdBlink{50%{opacity:.25}}
@keyframes gxdFloat{50%{transform:translateY(-3px)}}

/* ==========================================================================
   HERO: Sunday night at the desk
   ========================================================================== */
main[data-ga-page="education"] .gxd-desk{position:relative;min-height:604px;border-radius:34px;border:1px solid var(--edge-2);overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,transparent 78%,rgba(255,255,255,.035) 78%,rgba(255,255,255,.012)),
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px) 0 0 / 100% 40px,linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px) 0 0 / 40px 100%,#0A0C10;
  box-shadow:0 60px 120px -60px rgba(0,0,0,.95)}
main[data-ga-page="education"] .gxd-desk::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:78%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,122,.3),transparent)}
main[data-ga-page="education"] .gxd-desk__lamp{position:absolute;z-index:-1;left:-120px;top:-150px;width:560px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,90,.17),transparent 62%);pointer-events:none}
main[data-ga-page="education"] .gxd-lap{position:absolute;left:30px;bottom:22%;width:calc(100% - 110px);max-width:470px}
main[data-ga-page="education"] .gxd-lap__deck{position:relative;height:14px;margin:0 -24px;border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#30353E,#16181D);box-shadow:0 18px 30px -12px #000}
main[data-ga-page="education"] .gxd-lap__deck i{position:absolute;left:50%;top:0;width:76px;height:5px;margin-left:-38px;border-radius:0 0 6px 6px;background:#0B0C10}
main[data-ga-page="education"] .gxd-lap__screen{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;border-radius:18px 18px 6px 6px;border:1px solid rgba(255,255,255,.16);background:#0E1015;overflow:hidden;
  box-shadow:inset 0 0 0 6px #06070A,inset 0 0 0 7px rgba(255,255,255,.06),0 40px 80px -34px #000}
main[data-ga-page="education"] .gxd-lap__bar{display:flex;align-items:center;gap:12px;height:20px;padding:4px 8px 0;font:700 11px/1 var(--font-head);color:var(--text-dim)}
main[data-ga-page="education"] .gxd-lap__tab{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.07)}
main[data-ga-page="education"] .gxd-lap__search{padding:0 4px}
main[data-ga-page="education"] .gxd-lap__search .gx-search{height:38px;font-size:13.5px}
main[data-ga-page="education"] .gxd-serp{list-style:none;margin:0;padding:0 4px;display:grid;gap:8px}
main[data-ga-page="education"] .gxd-serp__ad{position:relative;display:grid;gap:4px;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--edge);background:#13161B}
main[data-ga-page="education"] .gxd-serp__ad.is-you{padding:11px 13px 12px;border-color:var(--gold-line);background:linear-gradient(180deg,rgba(244,160,0,.11),rgba(244,160,0,.03));box-shadow:0 0 0 1px rgba(244,160,0,.14),0 18px 40px -20px rgba(244,160,0,.45)}
main[data-ga-page="education"] .gxd-serp__meta{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;line-height:1.3;color:var(--text-dim);white-space:nowrap}
main[data-ga-page="education"] .gxd-serp__meta .is-plabel{font-weight:800;color:var(--text)}
main[data-ga-page="education"] .gxd-serp__t{font-size:15.5px;line-height:1.25;color:#BFD3FF}
main[data-ga-page="education"] .gxd-serp__ad:not(.is-you) .gxd-serp__t{font-size:13.5px;font-weight:600;color:#8FA3CF}
main[data-ga-page="education"] .gxd-serp__d{font-size:12px;line-height:1.45;color:var(--text-dim)}
main[data-ga-page="education"] .gxd-serp__lines{display:grid;gap:5px;margin-top:2px}
main[data-ga-page="education"] .gxd-serp__lines i{height:5px;width:86%;border-radius:3px;background:rgba(255,255,255,.1)}
main[data-ga-page="education"] .gxd-serp__lines i.s{width:56%;opacity:.6}
main[data-ga-page="education"] .gxd-serp__links{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
main[data-ga-page="education"] .gxd-serp__links > span{position:relative;padding:4px 10px;border-radius:100px;border:1px solid rgba(157,184,255,.3);font-size:11.5px;font-weight:600;line-height:1.2;color:var(--ink-blue);white-space:nowrap;transition:background .3s,border-color .3s}
main[data-ga-page="education"] .gxd-cursor{position:absolute;z-index:3;left:62%;top:58%;display:block;width:15px;height:21px;pointer-events:none}
main[data-ga-page="education"] .gxd-cursor svg{display:block;width:100%;height:100%;fill:#fff;stroke:#111;stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}
main[data-ga-page="education"] .gxd-cursor__tap{position:absolute;left:-10px;top:-10px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;opacity:0}
/* the course guide, landed */
main[data-ga-page="education"] .gxd-guide{position:absolute;z-index:3;right:28px;bottom:74px;display:grid;gap:10px;width:216px;padding:10px 10px 14px;border-radius:16px;border:1px solid var(--gold-line);background:#15130D;
  transform:rotate(-3deg);box-shadow:0 40px 70px -26px rgba(0,0,0,.95)}
main[data-ga-page="education"] .gxd-guide__cover{display:grid;gap:8px;padding:12px 12px 14px;border-radius:10px;background:linear-gradient(140deg,#F4A000,#FFD27A);color:#141008}
main[data-ga-page="education"] .gxd-guide__crest{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#141008;color:var(--gold)}
main[data-ga-page="education"] .gxd-guide__crest svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-guide__cover b{font:800 15px/1.2 var(--font-head);letter-spacing:-.01em;text-wrap:balance}
main[data-ga-page="education"] .gxd-guide__rule{display:grid;gap:4px}
main[data-ga-page="education"] .gxd-guide__rule i{height:4px;width:80%;border-radius:2px;background:rgba(20,16,8,.28)}
main[data-ga-page="education"] .gxd-guide__rule i.s{width:52%}
main[data-ga-page="education"] .gxd-guide__toc{list-style:none;margin:0;padding:0 4px;display:grid;gap:7px}
main[data-ga-page="education"] .gxd-guide__toc li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-soft);white-space:nowrap}
main[data-ga-page="education"] .gxd-guide__toc li > i{display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;border-radius:50%;background:var(--teal-soft);border:1px solid var(--teal-line)}
main[data-ga-page="education"] .gxd-guide__toc svg{width:11px;height:11px;fill:none;stroke:var(--teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-guide__dl{position:absolute;right:-12px;top:-14px;width:38px;height:38px;border-radius:50%;background:#0B0C10;box-shadow:0 0 0 1px var(--edge-2),0 10px 20px -8px #000}
main[data-ga-page="education"] .gxd-guide__dl svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-guide__track{stroke:rgba(255,255,255,.1);stroke-width:3}
main[data-ga-page="education"] .gxd-guide__ring{stroke:var(--teal);stroke-width:3;stroke-dasharray:1 1;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.2s var(--ease)}
main[data-ga-page="education"] .gxd-guide__arrow{stroke:var(--text);stroke-width:2.2;opacity:0}
main[data-ga-page="education"] .gxd-guide__tick{stroke:var(--teal);stroke-width:2.6}
main[data-ga-page="education"] .gxd-desk__cap{left:30px;bottom:30px;width:236px}
/* the loop (ind-gax-education.js adds .is-run, then each beat); without it the finished frame shows */
main[data-ga-page="education"] .gxd-desk.is-run .gxd-serp > li{opacity:.14;transform:translateY(-6px);transition:opacity .3s,transform .3s}
main[data-ga-page="education"] .gxd-desk.is-run.is-serp .gxd-serp > li{opacity:1;transform:none;transition:opacity .5s ease,transform .7s var(--ease)}
main[data-ga-page="education"] .gxd-desk.is-run.is-serp .gxd-serp > li:nth-child(2){transition-delay:.15s}
main[data-ga-page="education"] .gxd-desk.is-run.is-serp .gxd-serp > li:nth-child(3){transition-delay:.3s}
main[data-ga-page="education"] .gxd-desk.is-run .gxd-cursor{opacity:0;transform:translate(90px,64px);transition:opacity .3s,transform .3s}
main[data-ga-page="education"] .gxd-desk.is-run.is-point .gxd-cursor{opacity:1;transform:none;transition:opacity .4s,transform 1s var(--ease)}
main[data-ga-page="education"] .gxd-desk.is-run:not(.is-guide) .gxd-cursor{opacity:0}
main[data-ga-page="education"] .gxd-desk.is-run.is-point:not(.is-guide) .gxd-cursor{opacity:1}
main[data-ga-page="education"] .gxd-desk.is-click .gxd-cursor__tap{animation:gxTap .9s ease forwards}
main[data-ga-page="education"] .gxd-desk.is-run.is-click .gxd-serp__links .is-target{border-color:var(--ink-blue);background:rgba(157,184,255,.16)}
main[data-ga-page="education"] .gxd-desk.is-run .gxd-guide{opacity:0;transform:translate(-50px,34px) rotate(-10deg) scale(.86);transition:opacity .3s,transform .3s}
main[data-ga-page="education"] .gxd-desk.is-run.is-guide .gxd-guide{opacity:1;transform:rotate(-3deg);transition:opacity .5s ease,transform .9s cubic-bezier(.34,1.35,.5,1)}
main[data-ga-page="education"] .gxd-desk.is-run .gxd-guide__ring{stroke-dashoffset:1;transition:none}
main[data-ga-page="education"] .gxd-desk.is-run.is-guide .gxd-guide__ring{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--ease) .35s}
main[data-ga-page="education"] .gxd-desk.is-run .gxd-guide__arrow{opacity:1}
main[data-ga-page="education"] .gxd-desk.is-run .gxd-guide__tick{opacity:0}
main[data-ga-page="education"] .gxd-desk.is-run.is-done .gxd-guide__arrow{opacity:0;transition:opacity .25s}
main[data-ga-page="education"] .gxd-desk.is-run.is-done .gxd-guide__tick{opacity:1;transition:opacity .35s .1s}
main[data-ga-page="education"] .gxd-desk.is-run .gxd-guide__toc li > i{opacity:.25;transform:scale(.7);transition:opacity .3s,transform .3s}
main[data-ga-page="education"] .gxd-desk.is-run.is-read .gxd-guide__toc li > i{opacity:1;transform:none;transition:opacity .4s ease calc(var(--i) * .5s + .2s),transform .5s cubic-bezier(.34,1.6,.5,1) calc(var(--i) * .5s + .2s)}

/* ==========================================================================
   THE RACE: the same student, twice. The need and the search are shared;
   then the storyboard forks into your honest ad and the hype ad, three
   moments each, on a tear-off calendar
   ========================================================================== */
main[data-ga-page="education"] .gxd-race{padding:26px 24px;border-radius:30px;border:1px solid var(--edge-2);background:#0D0F13}
main[data-ga-page="education"] .gxd-race__mast{align-items:center}
main[data-ga-page="education"] .gxd-cal{position:relative;display:inline-grid;place-items:center;min-width:104px;height:58px;padding:16px 16px 6px;border-radius:10px;border:1px solid var(--edge-2);background:#14171C;perspective:400px}
main[data-ga-page="education"] .gxd-cal::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;border-radius:9px 9px 0 0;background:var(--coral)}
main[data-ga-page="education"] .gxd-cal__rings{position:absolute;left:0;right:0;top:-5px;display:flex;justify-content:center;gap:34px}
main[data-ga-page="education"] .gxd-cal__rings i{width:5px;height:12px;border-radius:3px;background:#2C313A;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
main[data-ga-page="education"] .gxd-cal b{position:relative;z-index:1;font:800 22px/1 var(--font-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}
main[data-ga-page="education"] .gxd-cal__leaf{position:absolute;z-index:2;left:0;right:0;top:12px;bottom:0;border-radius:0 0 9px 9px;background:#1B1F26;transform-origin:50% 0;opacity:0;pointer-events:none}
main[data-ga-page="education"] .gxd-cal.is-flip .gxd-cal__leaf{animation:gxdLeaf .6s ease-in both}
@keyframes gxdLeaf{0%{opacity:1;transform:none}100%{opacity:0;transform:rotateX(-105deg) translateY(-6px)}}
main[data-ga-page="education"] .gxd-sb{display:grid;gap:0}
/* the prologue: the need, then the search, side by side */
main[data-ga-page="education"] .gxd-pro{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
main[data-ga-page="education"] .gxd-pro__join{align-self:center;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 5px,transparent 5px 10px)}
main[data-ga-page="education"] .gxd-f--need,main[data-ga-page="education"] .gxd-f--search{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:22px;row-gap:12px;padding:16px}
main[data-ga-page="education"] .gxd-f--need > .gx-sb__art,main[data-ga-page="education"] .gxd-f--search > .gx-sb__art{grid-column:1;grid-row:1 / 3;min-height:236px}
main[data-ga-page="education"] .gxd-f--need > .gx-sb__stamp,main[data-ga-page="education"] .gxd-f--search > .gx-sb__stamp{grid-column:2;grid-row:1;padding-top:4px}
main[data-ga-page="education"] .gxd-f--need > .gx-sb__copy,main[data-ga-page="education"] .gxd-f--search > .gx-sb__copy{grid-column:2;grid-row:2;align-content:start}
main[data-ga-page="education"] .gxd-f{gap:11px;padding:16px 16px 18px;border-radius:20px}
main[data-ga-page="education"] .gxd-f .gx-sb__copy p{font-size:15.5px;line-height:1.55}
main[data-ga-page="education"] .gxd-f--need h3,main[data-ga-page="education"] .gxd-f--search h3{font-size:clamp(20px,1.7vw,24px)}
main[data-ga-page="education"] .gxd-moon{display:grid;place-items:center;width:28px;height:28px}
main[data-ga-page="education"] .gxd-moon svg{width:24px;height:24px;fill:var(--gold);filter:drop-shadow(0 0 6px rgba(244,160,0,.5))}
/* the split: from the search down and across to the lanes' spine (one element as wide as the storyboard) */
main[data-ga-page="education"] .gxd-split{position:relative;display:block;height:44px}
main[data-ga-page="education"] .gxd-split::before,main[data-ga-page="education"] .gxd-split::after{content:"";position:absolute}
main[data-ga-page="education"] .gxd-split::before{left:calc(75% + 5.5px);top:0;height:50%;border-left:2px dashed rgba(255,255,255,.3);margin-left:-1px}
main[data-ga-page="education"] .gxd-split::after{left:17px;right:calc(25% - 5.5px);top:50%;bottom:0;border-top:2px dashed rgba(255,255,255,.3);border-left:2px dashed rgba(255,255,255,.3);margin-top:-1px;border-top-left-radius:10px}
/* the lanes: a label column with the spine, then Day 1, Wk 1 and Wk 3 */
main[data-ga-page="education"] .gxd-lanes{display:grid;grid-template-columns:150px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 18px minmax(0,1fr)}
main[data-ga-page="education"] .gxd-spine{position:relative;grid-column:1}
main[data-ga-page="education"] .gxd-spine::before,main[data-ga-page="education"] .gxd-spine::after{content:"";position:absolute}
main[data-ga-page="education"] .gxd-spine::before{left:17px;margin-left:-1px;border-left:2px dashed rgba(255,255,255,.3)}
main[data-ga-page="education"] .gxd-spine::after{left:17px;width:16px;top:50%;margin-top:-1px;border-top:2px dashed}
main[data-ga-page="education"] .gxd-spine.is-honest{grid-row:1;color:var(--gold)}
main[data-ga-page="education"] .gxd-spine.is-honest::before{top:0;bottom:0}
main[data-ga-page="education"] .gxd-spine.is-gap{grid-row:2}
main[data-ga-page="education"] .gxd-spine.is-gap::before{top:0;bottom:0}
main[data-ga-page="education"] .gxd-spine.is-gap::after{display:none}
main[data-ga-page="education"] .gxd-spine.is-hype{grid-row:3;color:rgba(255,122,107,.85)}
main[data-ga-page="education"] .gxd-spine.is-hype::before{top:0;bottom:50%}
main[data-ga-page="education"] .gxd-lk{grid-column:1;align-self:center;justify-self:start;margin-left:33px}
main[data-ga-page="education"] .gxd-lk.is-honest{grid-row:1;border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold)}
main[data-ga-page="education"] .gxd-lk.is-hype{grid-row:3;border:1px solid var(--coral-line);background:var(--coral-soft);color:var(--coral)}
main[data-ga-page="education"] .gxd-lane{grid-column:var(--col);gap:10px;padding:14px 16px 16px}
main[data-ga-page="education"] .gxd-lane.is-honest{grid-row:1;border-color:var(--gold-line);background:linear-gradient(180deg,rgba(244,160,0,.07),#0A0B0E 70%)}
main[data-ga-page="education"] .gxd-lane.is-hype{grid-row:3;border-color:rgba(255,122,107,.26)}
main[data-ga-page="education"] .gxd-sb__join--lane{grid-column:var(--col);align-self:center;width:100%;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 5px,transparent 5px 10px)}
main[data-ga-page="education"] .gxd-sb__join--lane.is-honest{grid-row:1}
main[data-ga-page="education"] .gxd-sb__join--lane.is-hype{grid-row:3}
main[data-ga-page="education"] .gxd-lane .gx-sb__stamp b{font-size:21px}
main[data-ga-page="education"] .gxd-lane h3{font-size:17.5px;line-height:1.2}
main[data-ga-page="education"] .gxd-lane.is-hype h3{color:var(--text-mid)}
main[data-ga-page="education"] .gxd-lane .gx-lane__result{font-size:15px}
main[data-ga-page="education"] .gxd-lane .gx-lane__result svg{width:20px;height:20px}
main[data-ga-page="education"] .gxd-stage{flex:1 1 auto;display:grid;align-content:center;min-height:132px;padding:12px;border-radius:14px;border:1px solid var(--edge);background:#060709}
main[data-ga-page="education"] .gxd-steps{display:none}
/* the storyboard plays once (ind-gax-education.js): frames not reached yet wait dimmed */
main[data-ga-page="education"] .gxd-race.is-run .gx-sb__f:not(.is-on){opacity:.26}
/* the need: a Sunday night, a notebook, a question */
main[data-ga-page="education"] .gxd-night{place-items:stretch}
main[data-ga-page="education"] .gxd-night svg{width:100%;height:100%;overflow:visible}
main[data-ga-page="education"] .gxd-night__win{fill:#0B1022;stroke:rgba(157,184,255,.25);stroke-width:1.5}
main[data-ga-page="education"] .gxd-night__bars{stroke:rgba(157,184,255,.2);stroke-width:2}
main[data-ga-page="education"] .gxd-night__moon{fill:#FFD27A;filter:drop-shadow(0 0 8px rgba(255,210,122,.6))}
main[data-ga-page="education"] .gxd-night__star{fill:#fff;opacity:.8}
main[data-ga-page="education"] .gxd-night__desk{stroke:rgba(255,255,255,.16);stroke-width:2}
main[data-ga-page="education"] .gxd-night__lamp path:first-child{fill:none;stroke:#3A3F48;stroke-width:4;stroke-linecap:round}
main[data-ga-page="education"] .gxd-night__shade{fill:#C98400;stroke:#FFD27A;stroke-width:1}
main[data-ga-page="education"] .gxd-night__beam{fill:rgba(255,210,122,.07)}
main[data-ga-page="education"] .gxd-night__book{fill:#16191F;stroke:rgba(255,255,255,.2)}
main[data-ga-page="education"] .gxd-night__spine{stroke:rgba(255,255,255,.18);stroke-width:1.5}
main[data-ga-page="education"] .gxd-night__rule{stroke:rgba(157,184,255,.14);stroke-width:1}
main[data-ga-page="education"] .gxd-night__q{fill:none;stroke:var(--gold);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1 1}
main[data-ga-page="education"] .gxd-night__paths{fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;stroke-dasharray:1 1}
main[data-ga-page="education"] .gxd-night__end{fill:var(--teal)}
main[data-ga-page="education"] .gxd-night__mug{fill:#1C2027;stroke:rgba(255,255,255,.25);stroke-width:1.5}
main[data-ga-page="education"] .gxd-night__steam{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.6;stroke-linecap:round;opacity:.6}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-night__q{animation:gxdWrite 5s ease infinite}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-night__paths{animation:gxdWrite 5s ease 1s infinite}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-night__end{transform-box:fill-box;transform-origin:center;animation:gxdEnds 5s ease infinite;animation-delay:calc(1.8s + var(--i) * .15s)}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-night__star{animation:gxdBlink 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-night__steam{animation:gxdSteam 3s ease-in-out infinite;animation-delay:calc(var(--i) * -1.4s)}
@keyframes gxdWrite{0%{stroke-dashoffset:1}30%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes gxdEnds{0%,6%{opacity:0;transform:scale(.3)}16%,86%{opacity:1;transform:none}100%{opacity:0}}
@keyframes gxdSteam{0%{opacity:0;transform:translateY(4px)}40%{opacity:.7}100%{opacity:0;transform:translateY(-8px)}}
/* the search: typed on the laptop; the answers are more questions */
main[data-ga-page="education"] .gxd-look{place-items:stretch;padding:16px 12px 0}
main[data-ga-page="education"] .gxd-look__screen{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px 10px 14px;border-radius:14px 14px 0 0;border:1px solid var(--edge-2);border-bottom:0;background:#0E1015}
main[data-ga-page="education"] .gxd-look .gx-search{height:38px;padding:0 11px 0 10px;font-size:13px}
main[data-ga-page="education"] .gxd-look__rows{display:grid;gap:7px}
main[data-ga-page="education"] .gxd-look__row{display:grid;grid-template-columns:minmax(0,1fr) 10px;align-items:center;gap:8px 10px;padding:10px 11px;border-radius:10px;border:1px solid var(--edge);background:#13161B}
main[data-ga-page="education"] .gxd-look__row > i{height:5px;width:82%;border-radius:3px;background:rgba(255,255,255,.14)}
main[data-ga-page="education"] .gxd-look__row:nth-child(2n) > i{width:64%}
main[data-ga-page="education"] .gxd-look__row > b{width:8px;height:8px;border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);transform:rotate(45deg) translate(-2px,-2px)}
main[data-ga-page="education"] .gxd-look__row.is-open{border-color:var(--teal-line)}
main[data-ga-page="education"] .gxd-look__row.is-open > b{border-color:var(--teal);transform:rotate(-135deg) translate(-2px,-2px)}
main[data-ga-page="education"] .gxd-look__row em{grid-column:1 / -1;display:grid;gap:5px;padding-top:2px}
main[data-ga-page="education"] .gxd-look__row em i{height:4px;width:92%;border-radius:2px;background:rgba(79,191,160,.3)}
main[data-ga-page="education"] .gxd-look__row em i.s{width:70%}
main[data-ga-page="education"] .gxd-look__base{height:10px;margin:0 -12px;border-radius:0 0 8px 8px;background:linear-gradient(#262A31,#15171C)}
main[data-ga-page="education"] .gx-sb__f.is-now .gxd-look__row{animation:gxRowIn .5s var(--ease) both;animation-delay:calc(1.9s + var(--i) * .15s)}
/* the ads, the page, the form, the stamp, the enquiry that went elsewhere */
main[data-ga-page="education"] .gxd-ad{position:relative;display:grid;gap:6px;padding:12px;border-radius:13px;border:1px solid var(--gold-line);background:#15130D}
main[data-ga-page="education"] .gxd-ad small{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;white-space:nowrap;color:var(--text-dim)}
main[data-ga-page="education"] .gxd-ad small span:first-child{font-weight:800;color:var(--text)}
main[data-ga-page="education"] .gxd-ad strong{font-size:14px;line-height:1.3;color:#BFD3FF}
main[data-ga-page="education"] .gxd-ad__note{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--teal)}
main[data-ga-page="education"] .gxd-ad__cta{justify-self:start;display:inline-flex;align-items:center;gap:7px;margin-top:2px;padding:6px 12px;border-radius:100px;background:var(--gold);color:#111;font-size:12.5px;font-weight:700;white-space:nowrap}
main[data-ga-page="education"] .gxd-ad__cta svg{width:13px;height:13px}
main[data-ga-page="education"] .gxd-ad.is-hype{border-color:var(--coral-line);background:#1A1012;overflow:hidden}
main[data-ga-page="education"] .gxd-hype__t{display:grid;gap:6px;padding-right:44px}
main[data-ga-page="education"] .gxd-hype__t i{height:9px;width:100%;border-radius:4px;background:rgba(255,122,107,.55)}
main[data-ga-page="education"] .gxd-hype__t i.s{width:66%;background:rgba(255,122,107,.3)}
main[data-ga-page="education"] .gxd-hype__bang{position:absolute;right:12px;top:30px;display:flex;gap:1px;font:900 24px/1 var(--font-head);color:var(--coral)}
main[data-ga-page="education"] .gxd-hype__bang i{font-style:normal}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-hype__bang i{animation:gxdShout 1.2s steps(1) infinite;animation-delay:calc(var(--i) * .2s)}
@keyframes gxdShout{0%,100%{opacity:1}50%{opacity:.25}}
main[data-ga-page="education"] .gxd-flag{width:15px;height:17px;fill:rgba(255,122,107,.25);stroke:var(--coral);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-ad.is-hype > .gxd-flag{position:absolute;bottom:10px;left:calc(12px + var(--i) * 22px)}
main[data-ga-page="education"] .gxd-ad.is-hype small ~ .gxd-flag{margin-top:0}
main[data-ga-page="education"] .gxd-ad.is-hype:not(.is-stamped){padding-bottom:36px}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-ad.is-hype > .gxd-flag{transform-box:fill-box;animation:gxdFlag 3.6s ease infinite;animation-delay:calc(var(--i) * .35s + .4s)}
@keyframes gxdFlag{0%,8%{opacity:0;transform:translateY(8px) scale(.6)}18%,88%{opacity:1;transform:none}100%{opacity:0}}
main[data-ga-page="education"] .gxd-ad.is-stamped > :not(.gxd-stamp){opacity:.4}
main[data-ga-page="education"] .gxd-stamp{position:absolute;right:10px;bottom:4px;width:52px;height:52px;transform:rotate(-12deg)}
main[data-ga-page="education"] .gxd-stamp svg{width:100%;height:100%;fill:rgba(255,122,107,.12);stroke:var(--coral);stroke-width:3.4;stroke-linecap:round}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-stamp{animation:gxdStamp 4s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes gxdStamp{0%,10%{opacity:0;transform:rotate(-12deg) scale(1.9)}22%,90%{opacity:1;transform:rotate(-12deg)}100%{opacity:0;transform:rotate(-12deg)}}
main[data-ga-page="education"] .gxd-page{display:grid;gap:8px;padding:12px;border-radius:13px;border:1px solid var(--edge-2);background:#111419}
main[data-ga-page="education"] .gxd-page__h{display:grid;gap:5px;margin-bottom:2px}
main[data-ga-page="education"] .gxd-page__h i{height:8px;width:80%;border-radius:4px;background:rgba(191,211,255,.5)}
main[data-ga-page="education"] .gxd-page__h i.s{width:50%;height:6px;background:rgba(255,255,255,.14)}
main[data-ga-page="education"] .gxd-page__fact{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:rgba(79,191,160,.07)}
main[data-ga-page="education"] .gxd-page__fact em{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--teal-soft);font:800 12px/1 var(--font-head);font-style:normal;color:var(--teal)}
main[data-ga-page="education"] .gxd-page__fact em svg{width:13px;height:13px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round}
main[data-ga-page="education"] .gxd-page__fact > i{height:6px;width:78%;border-radius:3px;background:rgba(255,255,255,.18)}
main[data-ga-page="education"] .gxd-page__fact > i.s{width:58%}
main[data-ga-page="education"] .gxd-page__fact > svg{width:14px;height:14px;fill:none;stroke:var(--teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-page__dl{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:2px;padding:6px 11px 6px 6px;border-radius:100px;border:1px solid var(--teal-line);background:var(--teal-soft);font-size:12.5px;font-weight:700;color:var(--teal);white-space:nowrap}
main[data-ga-page="education"] .gxd-page__dl i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--teal);color:#0A1512;overflow:hidden}
main[data-ga-page="education"] .gxd-page__dl svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-page__fact{animation:gxRowIn .5s var(--ease) both;animation-delay:calc(var(--n,0) * .2s + .3s)}
main[data-ga-page="education"] .gxd-page__fact + .gxd-page__fact{--n:1}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-page__dl svg{animation:gxdDrop 2.4s ease-in infinite 1s}
@keyframes gxdDrop{0%{transform:translateY(-14px)}35%,100%{transform:none}}
main[data-ga-page="education"] .gxd-form{position:relative;display:grid;gap:7px;padding:12px 52px 12px 12px;border-radius:13px;border:1px solid var(--teal-line);background:rgba(79,191,160,.06)}
main[data-ga-page="education"] .gxd-form__f{height:14px;border-radius:5px;border:1px solid var(--edge-2);background:#101318;position:relative;overflow:hidden}
main[data-ga-page="education"] .gxd-form__f::after{content:"";position:absolute;left:6px;top:4px;height:4px;width:62%;border-radius:2px;background:rgba(255,255,255,.3);transform-origin:left}
main[data-ga-page="education"] .gxd-form__f.s::after{width:40%}
main[data-ga-page="education"] .gxd-form__send{position:absolute;right:12px;top:50%;display:grid;place-items:center;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--teal);color:#0A1512}
main[data-ga-page="education"] .gxd-form__send svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-form__f::after{animation:gxdGrowX .6s var(--ease) both}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-form__f:nth-child(2)::after{animation-delay:.35s}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-form__f:nth-child(3)::after{animation-delay:.7s}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-form__send{animation:gxdSend 3.2s ease 1.2s infinite}
@keyframes gxdSend{0%,100%{transform:none}10%{transform:scale(.86)}22%{transform:translateX(4px)}34%{transform:none}}
main[data-ga-page="education"] .gxd-away{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:12px 10px}
main[data-ga-page="education"] .gxd-away__card{display:grid;gap:6px;padding:10px;border-radius:11px;border:1px solid var(--edge-2);background:#12151A}
main[data-ga-page="education"] .gxd-away__card i{height:6px;width:86%;border-radius:3px;background:rgba(255,255,255,.14)}
main[data-ga-page="education"] .gxd-away__card i.s{width:56%}
main[data-ga-page="education"] .gxd-away__card.is-you{border-style:dashed;border-color:rgba(255,122,107,.35);opacity:.6}
main[data-ga-page="education"] .gxd-away__card.is-you i{background:rgba(255,122,107,.3)}
main[data-ga-page="education"] .gxd-away__card.is-them b{width:14px;height:14px;border-radius:50%;background:#6E7FD9}
main[data-ga-page="education"] .gxd-away__mail{position:absolute;left:calc(50% - 12px);top:50%;width:24px;height:18px;margin-top:-9px;color:var(--text-mid)}
main[data-ga-page="education"] .gxd-away__mail svg{width:100%;height:100%;fill:#1B1F26;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
main[data-ga-page="education"] .gx-sb__f.is-on .gxd-away__mail{animation:gxdAway 3s ease-in-out infinite}
@keyframes gxdAway{0%{opacity:0;transform:translateX(-40px)}20%{opacity:1}75%{opacity:1;transform:translateX(34px)}100%{opacity:0;transform:translateX(40px)}}

/* every frame is its own control on wider screens (ind-gax-education.js lays a .gx-sb__go button over it, styled
   in ind-gax.css): a frame not reached yet lifts a little under the pointer */
main[data-ga-page="education"] .gxd-race.is-run .gx-sb__f:not(.is-on):hover{opacity:.62}
/* Sponsored on its own row in the storyboard's ads, the site under it */
main[data-ga-page="education"] .gxd-race .gxd-ad small{flex-wrap:wrap;row-gap:2px}
main[data-ga-page="education"] .gxd-race .gxd-ad small span:first-child{flex-basis:100%}
/* large screens: the whole storyboard and its heading in one screen (1440x900 under the nav). The need sits above
   the search at the left, each frame as before (its picture beside its words); the lanes read across to the right,
   the need on the honest lane's row and the search on the hype lane's, so the split runs straight from the search
   into the spine. Each lane's name sits on its first frame's time row; the pictures take the height the words
   leave them */
@media (min-width:1340px){
  main[data-ga-page="education"] .gxd-race{padding:12px 18px 14px}
  main[data-ga-page="education"] .gxd-race__mast{margin:0 6px 7px}
  main[data-ga-page="education"] .gxd-cal{min-width:88px;height:37px;padding:11px 14px 3px}
  main[data-ga-page="education"] .gxd-cal::before{height:9px}
  main[data-ga-page="education"] .gxd-cal__leaf{top:9px}
  main[data-ga-page="education"] .gxd-cal b{font-size:18px}
  main[data-ga-page="education"] .gxd-sb{grid-template-columns:minmax(0,.64fr) 18px minmax(0,1fr)}
  main[data-ga-page="education"] .gxd-pro,main[data-ga-page="education"] .gxd-lanes{grid-template-rows:minmax(0,1fr) 8px minmax(0,1fr)}
  main[data-ga-page="education"] .gxd-pro{grid-template-columns:minmax(0,1fr)}
  main[data-ga-page="education"] .gxd-f--search{grid-row:3}
  main[data-ga-page="education"] .gxd-pro__join{grid-row:2;align-self:stretch;justify-self:start;width:2px;height:auto;margin-left:25%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.3) 0 4px,transparent 4px 8px)}
  main[data-ga-page="education"] .gxd-f--need,main[data-ga-page="education"] .gxd-f--search{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);column-gap:14px;row-gap:5px;padding:10px 14px 11px 10px}
  main[data-ga-page="education"] .gxd-f--search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__art,main[data-ga-page="education"] .gxd-f--search > .gx-sb__art{contain:size;min-height:150px}
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__stamp,main[data-ga-page="education"] .gxd-f--search > .gx-sb__stamp{padding-top:2px}
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__copy,main[data-ga-page="education"] .gxd-f--search > .gx-sb__copy{gap:5px}
  main[data-ga-page="education"] .gxd-f .gx-sb__stamp b{font-size:22px}
  main[data-ga-page="education"] .gxd-f .gx-sb__stamp span{font-size:11px}
  main[data-ga-page="education"] .gxd-moon{width:24px;height:22px}
  main[data-ga-page="education"] .gxd-moon svg{width:20px;height:20px}
  main[data-ga-page="education"] .gxd-f--need h3,main[data-ga-page="education"] .gxd-f--search h3{font-size:18px;line-height:1.15}
  main[data-ga-page="education"] .gxd-f .gx-sb__ctx{font-size:11px}
  main[data-ga-page="education"] .gxd-f .gx-sb__copy p{font-size:14px;line-height:1.42}
  main[data-ga-page="education"] .gxd-night svg{position:absolute;inset:26px 0 0}
  main[data-ga-page="education"] .gxd-night .gx-burst__time{left:8px;top:8px;padding:4px 9px;font-size:11px}
  main[data-ga-page="education"] .gxd-look{grid-template-rows:minmax(0,1fr) auto;padding:12px 7px 0}
  main[data-ga-page="education"] .gxd-look__screen{gap:7px;padding:10px 6px;overflow:hidden}
  main[data-ga-page="education"] .gxd-look .gx-search{height:32px;padding:0 9px 0 8px;font-size:9px}
  main[data-ga-page="education"] .gxd-look__rows{gap:6px}
  main[data-ga-page="education"] .gxd-look__row{padding:8px 10px}
  main[data-ga-page="education"] .gxd-look__base{margin:0 -7px}
  /* the split: from the search straight across into the spine */
  main[data-ga-page="education"] .gxd-split{height:auto}
  main[data-ga-page="education"] .gxd-split::before{display:none}
  main[data-ga-page="education"] .gxd-split::after{left:0;right:0;top:calc(75% + 2px);bottom:auto;height:0;margin:-1px 0 0;border-left:0;border-radius:0}
  main[data-ga-page="education"] .gxd-lanes{grid-template-columns:14px minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}
  main[data-ga-page="education"] .gxd-spine::before{left:1px}
  main[data-ga-page="education"] .gxd-spine::after{left:1px;width:13px}
  main[data-ga-page="education"] .gxd-lk{grid-column:2;align-self:start;justify-self:end;position:relative;z-index:3;margin:10px 11px 0 0;padding:3px 9px;font-size:10.5px;letter-spacing:.08em;pointer-events:none}
  main[data-ga-page="education"] .gxd-lane{gap:5px;padding:8px 11px 9px}
  main[data-ga-page="education"] .gxd-lane .gx-sb__stamp b{font-size:18px}
  main[data-ga-page="education"] .gxd-lane .gx-sb__stamp span{font-size:10.5px}
  main[data-ga-page="education"] .gxd-lane h3{font-size:14.5px;line-height:1.2}
  main[data-ga-page="education"] .gxd-lane .gx-lane__result{font-size:13.5px;gap:7px}
  main[data-ga-page="education"] .gxd-lane .gx-lane__result svg{width:16px;height:16px}
  main[data-ga-page="education"] .gxd-stage{min-height:0;padding:3px;border-radius:12px}
  /* the pictures take what the words leave them; the honest ad, the tallest, sets the rows */
  main[data-ga-page="education"] .gxd-stage:not(:has(> .gxd-ad.is-honest)){contain:size;min-height:84px}
  main[data-ga-page="education"] .gxd-page{gap:5px;padding:8px 10px}
  main[data-ga-page="education"] .gxd-page__h{gap:4px;margin:0}
  main[data-ga-page="education"] .gxd-page__fact{padding:4px 8px}
  main[data-ga-page="education"] .gxd-page__fact em{width:20px;height:20px}
  main[data-ga-page="education"] .gxd-page__dl{margin:0;padding:4px 10px 4px 4px;font-size:12px}
  main[data-ga-page="education"] .gxd-page__dl i{width:18px;height:18px}
  main[data-ga-page="education"] .gxd-ad{gap:3px;padding:8px 10px;border-radius:11px}
  main[data-ga-page="education"] .gxd-ad small{font-size:10.5px}
  main[data-ga-page="education"] .gxd-ad strong{font-size:13.5px;line-height:1.25}
  main[data-ga-page="education"] .gxd-ad__note{font-size:11px}
  main[data-ga-page="education"] .gxd-ad__cta{margin-top:2px;padding:3px 10px;font-size:12px}
  main[data-ga-page="education"] .gxd-ad.is-hype:not(.is-stamped){padding-bottom:30px}
  main[data-ga-page="education"] .gxd-ad.is-hype > .gxd-flag{bottom:7px}
  main[data-ga-page="education"] .gxd-hype__bang{top:26px}
}

/* ==========================================================================
   THE EIGHT REALITIES (the shared differences partial, education pictures)
   ========================================================================== */
main[data-ga-page="education"] .gxd-r text{font-family:var(--font-head)}
main[data-ga-page="education"] .gxd-r-paper{fill:#12151B;stroke:rgba(255,255,255,.12)}
main[data-ga-page="education"] .gxd-r-ring{fill:#07080A;stroke:rgba(255,255,255,.28);stroke-width:1.5}
main[data-ga-page="education"] .gxd-r-crest{fill:rgba(110,127,217,.35);stroke:#6E7FD9;stroke-width:1.4}
main[data-ga-page="education"] .gxd-r-crest.is-you{fill:rgba(244,160,0,.3);stroke:var(--gold)}
main[data-ga-page="education"] .gxd-r-grid{stroke:rgba(255,255,255,.08);stroke-width:1}
main[data-ga-page="education"] .gxd-r-glyph{font-size:15px;font-weight:800;fill:var(--text-mid)}
main[data-ga-page="education"] .gxd-r-ico{fill:none;stroke:var(--text-mid);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-r-lbl{stroke:rgba(255,255,255,.14);stroke-width:5;stroke-linecap:round}
main[data-ga-page="education"] .gxd-r-mark{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-r-mark.is-ok{stroke:var(--teal)}
main[data-ga-page="education"] .gxd-r-mark.is-no{stroke:var(--coral);stroke-width:2.2}
main[data-ga-page="education"] .gxd-r-pencil rect{fill:var(--gold)}
main[data-ga-page="education"] .gxd-r-pencil path{fill:#E7D3A8}
main[data-ga-page="education"] .is-in .gxd-r-mark{animation:gxdMark 9s ease infinite;animation-delay:calc(var(--i) * .45s)}
main[data-ga-page="education"] .is-in .gxd-r-pencil{animation:gxdFloat 1.2s ease-in-out infinite}
@keyframes gxdMark{0%,2%{opacity:0}6%,92%{opacity:1}100%{opacity:0}}
main[data-ga-page="education"] .gxd-r-cork{fill:#15120E;stroke:rgba(255,210,122,.14)}
main[data-ga-page="education"] .gxd-r-flyer{fill:#1A1D23;stroke:rgba(255,255,255,.14)}
main[data-ga-page="education"] .gxd-r-shout{font-size:19px;font-weight:900;fill:var(--coral);letter-spacing:-.02em}
main[data-ga-page="education"] .gxd-r-line{fill:rgba(255,255,255,.16)}
main[data-ga-page="education"] .gxd-r-line.is-s{fill:rgba(255,255,255,.09)}
main[data-ga-page="education"] .gxd-r-burst{fill:rgba(255,122,107,.3)}
main[data-ga-page="education"] .gxd-r-pin{fill:var(--gold)}
main[data-ga-page="education"] .gxd-r-flag path{fill:rgba(255,122,107,.25);stroke:var(--coral);stroke-width:1.5;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-r-lens circle{fill:rgba(244,160,0,.06);stroke:var(--gold);stroke-width:3}
main[data-ga-page="education"] .gxd-r-lens path{stroke:var(--gold);stroke-width:5;stroke-linecap:round}
main[data-ga-page="education"] .is-in .gxd-r-lens{transform-box:view-box;animation:gxdLens 6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes gxdLens{0%,8%{transform:none}30%,40%{transform:translateX(82px)}62%,74%{transform:translateX(164px)}96%,100%{transform:none}}
main[data-ga-page="education"] .is-in .gxd-r-flag{transform-box:fill-box;animation:gxdFlagIn 6s ease infinite;animation-delay:calc(var(--i) * 2s + .6s)}
@keyframes gxdFlagIn{0%{opacity:.2;transform:scale(.7)}8%,100%{opacity:1;transform:none}}
main[data-ga-page="education"] .gxd-r-claim{fill:rgba(79,191,160,.08);stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-r-claim.is-bare{fill:rgba(255,122,107,.07);stroke:var(--coral-line)}
main[data-ga-page="education"] .gxd-r-sup{font-size:13px;font-weight:800;fill:var(--gold)}
main[data-ga-page="education"] .gxd-r-cite{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:4 4}
main[data-ga-page="education"] .is-in .gxd-r-cite{animation:gxDash 1.6s linear infinite}
main[data-ga-page="education"] .gxd-r-doc{fill:#161A20;stroke:rgba(255,255,255,.16)}
main[data-ga-page="education"] .gxd-r-seal{fill:var(--teal)}
main[data-ga-page="education"] .gxd-r-seal.is-gold{fill:var(--gold)}
main[data-ga-page="education"] .gxd-r-sealtick{fill:none;stroke:#0A1512;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-r-q{fill:rgba(255,122,107,.18);stroke:var(--coral);stroke-width:1.4}
main[data-ga-page="education"] .gxd-r-qt{font-size:13px;font-weight:800;fill:var(--coral)}
main[data-ga-page="education"] .gxd-r-nocite{fill:none;stroke:var(--coral);stroke-width:1.6;stroke-dasharray:3 5;opacity:.7}
main[data-ga-page="education"] .gxd-r-x{fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linecap:round}
main[data-ga-page="education"] .is-in .gxd-r-wobble{transform-box:fill-box;transform-origin:50% 100%;animation:gxdWobble 3.2s ease-in-out infinite}
@keyframes gxdWobble{0%,100%{transform:none}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
main[data-ga-page="education"] .gxd-r-road{fill:none;stroke:#1E2229;stroke-width:14;stroke-linecap:round}
main[data-ga-page="education"] .gxd-r-road.is-mid{stroke:rgba(255,255,255,.2);stroke-width:1.5;stroke-dasharray:6 7}
main[data-ga-page="education"] .gxd-r-post{stroke:#4A505B;stroke-width:4;stroke-linecap:round}
main[data-ga-page="education"] .gxd-r-arm{stroke-width:1.2}
main[data-ga-page="education"] .gxd-r-arm.is-a{fill:rgba(79,191,160,.35);stroke:var(--teal)}
main[data-ga-page="education"] .gxd-r-arm.is-b{fill:rgba(79,191,160,.18);stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-r-cert{fill:#191C22;stroke:var(--gold-line)}
main[data-ga-page="education"] .gxd-r-chip rect:first-child{fill:#101318;stroke-width:1.2}
main[data-ga-page="education"] .gxd-r-chip circle,main[data-ga-page="education"] .gxd-r-chip path{fill:none;stroke-width:1.8;stroke-linecap:round}
main[data-ga-page="education"] .gxd-r-chip.is-early rect:first-child{stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-r-chip.is-early circle,main[data-ga-page="education"] .gxd-r-chip.is-early path{stroke:var(--teal)}
main[data-ga-page="education"] .gxd-r-chip.is-late rect:first-child{stroke:var(--gold-line)}
main[data-ga-page="education"] .gxd-r-chip.is-late circle,main[data-ga-page="education"] .gxd-r-chip.is-late path{stroke:var(--gold)}
main[data-ga-page="education"] .gxd-r-q2{fill:rgba(255,255,255,.3)}
main[data-ga-page="education"] .gxd-r-walker{fill:#fff;stroke:#0A0B0E;stroke-width:2;offset-rotate:0deg;offset-distance:100%}
main[data-ga-page="education"] .is-in .gxd-r-walker{animation:gxdWalk 6s ease-in-out infinite}
@keyframes gxdWalk{0%,6%{offset-distance:0%;opacity:0}12%{opacity:1}88%{offset-distance:100%;opacity:1}100%{offset-distance:100%;opacity:0}}
main[data-ga-page="education"] .is-in .gxd-r-chip{animation:gxdChip 6s ease infinite}
main[data-ga-page="education"] .is-in .gxd-r-chip.is-late{animation-delay:2.4s}
@keyframes gxdChip{0%,12%{opacity:.35}20%,80%{opacity:1}100%{opacity:.35}}
main[data-ga-page="education"] .gxd-r-band{stroke:rgba(255,255,255,.1);stroke-width:1}
main[data-ga-page="education"] .gxd-r-binder{fill:#2C313A;stroke:rgba(255,255,255,.2)}
main[data-ga-page="education"] .gxd-r-day{fill:rgba(255,255,255,.05)}
main[data-ga-page="education"] .gxd-r-day.is-quiet{fill:rgba(255,255,255,.025)}
main[data-ga-page="education"] .gxd-r-day.is-ramp{fill:rgba(244,160,0,var(--a))}
main[data-ga-page="education"] .gxd-r-day.is-intake{fill:var(--teal);filter:drop-shadow(0 0 6px rgba(79,191,160,.7))}
main[data-ga-page="education"] .gxd-r-flagpole{stroke:var(--text-mid);stroke-width:1.5}
main[data-ga-page="education"] .gxd-r-flagcloth{fill:var(--teal)}
main[data-ga-page="education"] .is-in .gxd-r-day.is-ramp{transform-box:fill-box;transform-origin:50% 100%;animation:gxdRamp 7s ease infinite;animation-delay:calc(var(--i) * .12s)}
@keyframes gxdRamp{0%,3%{fill:rgba(255,255,255,.05)}10%,92%{fill:rgba(244,160,0,var(--a))}100%{fill:rgba(255,255,255,.05)}}
main[data-ga-page="education"] .gxd-r-belt{stroke:rgba(255,255,255,.12);stroke-width:2;stroke-dasharray:3 5}
main[data-ga-page="education"] .gxd-r-enq{fill:#161A20;stroke:rgba(255,255,255,.18)}
main[data-ga-page="education"] .gxd-r-enq.is-in{stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-r-enq.is-out{stroke:var(--coral-line);fill:rgba(255,122,107,.06)}
main[data-ga-page="education"] .gxd-r-av{fill:#6E7FD9}
main[data-ga-page="education"] .gxd-r-gate{fill:#0E1014;stroke:rgba(255,255,255,.16)}
main[data-ga-page="education"] .gxd-r-light{fill:rgba(79,191,160,.16);stroke:var(--teal);stroke-width:1.4}
main[data-ga-page="education"] .gxd-r-glyphs{fill:none;stroke:var(--teal);stroke-width:1.3;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-r-tray{fill:rgba(79,191,160,.06);stroke:var(--teal-line);stroke-dasharray:4 4}
main[data-ga-page="education"] .gxd-r-tick{fill:none;stroke:var(--teal);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .is-in .gxd-r-light{animation:gxdLight 3s ease infinite;animation-delay:calc(var(--i) * .3s)}
@keyframes gxdLight{0%,100%{fill:rgba(79,191,160,.16)}20%{fill:rgba(79,191,160,.55)}}
main[data-ga-page="education"] .is-in .gxd-r-queue{animation:gxdQueue 3s ease-in infinite}
@keyframes gxdQueue{0%{opacity:0;transform:translateX(-10px)}15%{opacity:1;transform:none}70%{opacity:1;transform:translateX(52px)}85%,100%{opacity:0;transform:translateX(64px)}}
main[data-ga-page="education"] .gxd-r-dot{fill:rgba(255,255,255,.18)}
main[data-ga-page="education"] .gxd-r-head{fill:rgba(191,211,255,.5)}
main[data-ga-page="education"] .gxd-r-chipc{fill:var(--teal-soft);stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-r-mini{font-size:9px;font-weight:800;fill:var(--teal)}
main[data-ga-page="education"] .gxd-r-minis{fill:none;stroke:var(--teal);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-r-fill{fill:var(--teal);transform-box:fill-box;transform-origin:0 50%}
main[data-ga-page="education"] .gxd-r-next{fill:var(--gold)}
main[data-ga-page="education"] .is-in .gxd-r-fill{animation:gxdFill 6s var(--ease) infinite;animation-delay:calc(var(--i) * .35s)}
@keyframes gxdFill{0%,4%{transform:scaleX(0)}16%,90%{transform:none}100%{transform:scaleX(0)}}
main[data-ga-page="education"] .is-in .gxd-r-next{animation:gxdNext 6s ease infinite}
@keyframes gxdNext{0%,28%{fill:rgba(255,255,255,.12)}36%,90%{fill:var(--gold)}100%{fill:rgba(255,255,255,.12)}}
main[data-ga-page="education"] .gxd-r-rail{stroke:rgba(255,255,255,.12);stroke-width:3;stroke-linecap:round}
main[data-ga-page="education"] .gxd-r-node{fill:#101318;stroke-width:1.6}
main[data-ga-page="education"] .gxd-r-node.is-form{stroke:rgba(255,255,255,.3)}
main[data-ga-page="education"] .gxd-r-node.is-app{stroke:var(--gold)}
main[data-ga-page="education"] .gxd-r-node.is-cap{stroke:var(--teal);fill:rgba(79,191,160,.12)}
main[data-ga-page="education"] .gxd-r-ni{fill:none;stroke:var(--text-mid);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
main[data-ga-page="education"] .gxd-r-flow{fill:var(--gold);opacity:0;transform:translateX(var(--to))}
main[data-ga-page="education"] .gxd-r-flow.is-3{--to:232px;fill:var(--teal)}
main[data-ga-page="education"] .gxd-r-flow.is-2{--to:132px}
main[data-ga-page="education"] .gxd-r-flow.is-1{--to:32px;fill:rgba(255,255,255,.5)}
main[data-ga-page="education"] .is-in .gxd-r-flow{animation:gxdFlow 4.2s ease-in-out infinite;animation-delay:calc(var(--i) * .5s)}
@keyframes gxdFlow{0%{opacity:0;transform:none}8%{opacity:1}70%{opacity:1;transform:translateX(var(--to))}88%,100%{opacity:0;transform:translateX(var(--to))}}
main[data-ga-page="education"] .gxd-r-count{fill:rgba(255,255,255,.14);transform-box:fill-box;transform-origin:50% 100%}
main[data-ga-page="education"] .gxd-r-count.is-b{fill:rgba(244,160,0,.55)}
main[data-ga-page="education"] .gxd-r-count.is-c{fill:var(--teal)}
main[data-ga-page="education"] .is-in .gxd-r-count{animation:gxdCount 6s var(--ease) infinite;animation-delay:calc(var(--i) * .3s)}
@keyframes gxdCount{0%{transform:scaleY(.1)}20%,90%{transform:none}100%{transform:scaleY(.1)}}
main[data-ga-page="education"] .gxd-r-base{stroke:rgba(255,255,255,.14);stroke-width:1.5}

/* ==========================================================================
   TWO SEARCH MOMENTS: the signpost and the shortlist
   ========================================================================== */
main[data-ga-page="education"] .gxd-intent{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
main[data-ga-page="education"] .gxd-intent__road{position:relative;height:22px}
main[data-ga-page="education"] .gxd-intent__line{position:absolute;left:25%;right:25%;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,var(--teal),var(--gold))}
main[data-ga-page="education"] .gxd-intent__stop{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid;background:#07080A}
main[data-ga-page="education"] .gxd-intent__stop.is-career{left:25%;border-color:var(--teal)}
main[data-ga-page="education"] .gxd-intent__stop.is-course{left:75%;border-color:var(--gold)}
main[data-ga-page="education"] .gxd-intent__walker{position:absolute;left:25%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.7)}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-intent__walker{animation:gxdRoad 6s ease-in-out infinite}
@keyframes gxdRoad{0%,10%{left:25%;opacity:0}18%{opacity:1}82%{left:75%;opacity:1}92%,100%{left:75%;opacity:0}}
main[data-ga-page="education"] .gxd-intent__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
main[data-ga-page="education"] .gxd-moment{display:flex;flex-direction:column;gap:18px;padding:16px 16px 26px;border-radius:26px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#111318,#0B0C0F)}
main[data-ga-page="education"] .gxd-moment--career{border-color:var(--teal-line)}
main[data-ga-page="education"] .gxd-moment--course{border-color:var(--gold-line)}
main[data-ga-page="education"] .gxd-moment__art{height:178px;border-radius:17px;border:1px solid var(--edge);background:radial-gradient(80% 90% at 50% 100%,rgba(244,160,0,.05),transparent 70%),#07080A;overflow:hidden}
main[data-ga-page="education"] .gxd-moment__art svg{display:block;width:100%;height:100%}
main[data-ga-page="education"] .gxd-moment__head,main[data-ga-page="education"] .gxd-moment__qs,main[data-ga-page="education"] .gxd-moment__do{margin-inline:8px}
main[data-ga-page="education"] .gxd-moment__k{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
main[data-ga-page="education"] .gxd-moment--course .gxd-moment__k{color:var(--gold)}
main[data-ga-page="education"] .gxd-moment__head h3{margin:8px 0 6px;font-family:var(--font-head);font-weight:800;font-size:clamp(24px,2.3vw,31px);line-height:1.08;letter-spacing:-.026em}
main[data-ga-page="education"] .gxd-moment__head p{margin:0;font-size:16px;line-height:1.5;color:var(--text-dim)}
main[data-ga-page="education"] .gxd-moment__qs{list-style:none;margin-block:0;padding:0;display:grid;gap:8px}
main[data-ga-page="education"] .gxd-moment__qs .gx-search{height:40px;font-size:14px}
main[data-ga-page="education"] .gxd-moment--career .gx-search{border-color:var(--teal-line);color:var(--teal);box-shadow:0 0 0 4px rgba(79,191,160,.05)}
main[data-ga-page="education"] .gxd-moment__do{list-style:none;margin-block:0;padding:16px 0 0;display:grid;gap:10px;border-top:1px dashed var(--edge-2)}
main[data-ga-page="education"] .gxd-moment__do li{position:relative;padding-left:30px;font-size:16px;line-height:1.5;color:var(--text)}
main[data-ga-page="education"] .gxd-moment__do li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--teal-line)}
main[data-ga-page="education"] .gxd-moment__do li::after{content:"";position:absolute;left:7px;top:7px;width:5px;height:9px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(40deg)}
main[data-ga-page="education"] .gxd-moment--course .gxd-moment__do li::before{background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold-line)}
main[data-ga-page="education"] .gxd-moment--course .gxd-moment__do li::after{border-color:var(--gold)}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-moment__qs li{animation:gxRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .18s + .3s)}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-moment--course .gxd-moment__qs li{animation-delay:calc(var(--i) * .18s + .9s)}
main[data-ga-page="education"] .gxd-mo__ground{stroke:rgba(255,255,255,.12);stroke-width:1.5}
main[data-ga-page="education"] .gxd-mo__trail{fill:none;stroke:rgba(79,191,160,.35);stroke-width:2;stroke-dasharray:4 6}
main[data-ga-page="education"] .gxd-mo__post{stroke:#4A505B;stroke-width:5;stroke-linecap:round}
main[data-ga-page="education"] .gxd-mo__arm path{stroke:var(--teal);stroke-width:1.3;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-mo__arm.is-1 path{fill:rgba(79,191,160,.4)}
main[data-ga-page="education"] .gxd-mo__arm.is-2 path{fill:rgba(79,191,160,.24)}
main[data-ga-page="education"] .gxd-mo__arm.is-3 path{fill:rgba(79,191,160,.14)}
main[data-ga-page="education"] .gxd-mo__q{fill:rgba(79,191,160,.1);stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-mo__qt{font:800 14px/1 var(--font-head);fill:var(--teal)}
main[data-ga-page="education"] .gxd-mo__guide rect{fill:#15130D;stroke:var(--gold)}
main[data-ga-page="education"] .gxd-mo__guide path{stroke:rgba(244,160,0,.6);stroke-width:2;stroke-linecap:round}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__arm{transform-box:fill-box;transform-origin:0 50%;animation:gxdArm 4.5s ease-in-out infinite}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__arm.is-2{transform-origin:100% 50%;animation-delay:-1.5s}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__arm.is-3{animation-delay:-3s}
@keyframes gxdArm{0%,100%{transform:none}50%{transform:rotate(-2.5deg)}}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__q,main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__qt{animation:gxdBob 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s)}
@keyframes gxdBob{0%,100%{transform:none;opacity:1}50%{transform:translateY(-4px);opacity:.55}}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__guide{animation:gxdFloat 2.4s ease-in-out infinite}
main[data-ga-page="education"] .gxd-mo__card rect:first-child{fill:#12151A;stroke:rgba(255,255,255,.14)}
main[data-ga-page="education"] .gxd-mo__card.is-you rect:first-child{fill:#16140E;stroke:var(--gold)}
main[data-ga-page="education"] .gxd-mo__crest{fill:#6E7FD9}
main[data-ga-page="education"] .gxd-mo__card.is-you .gxd-mo__crest{fill:var(--gold)}
main[data-ga-page="education"] .gxd-mo__l{fill:rgba(255,255,255,.2)}
main[data-ga-page="education"] .gxd-mo__l.is-s{fill:rgba(255,255,255,.1)}
main[data-ga-page="education"] .gxd-mo__fi{fill:var(--gold-soft);stroke:var(--gold-line)}
main[data-ga-page="education"] .gxd-mo__fv{fill:rgba(244,160,0,.55);transform-box:fill-box;transform-origin:0 50%}
main[data-ga-page="education"] .gxd-mo__pick{fill:var(--gold)}
main[data-ga-page="education"] .gxd-mo__chosen circle{fill:var(--teal)}
main[data-ga-page="education"] .gxd-mo__chosen path{fill:none;stroke:#0A1512;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__fv{animation:gxdFill 6s var(--ease) infinite;animation-delay:calc(var(--i) * .3s + .4s)}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__chosen{transform-box:fill-box;transform-origin:center;animation:gxdChosen 6s ease infinite}
@keyframes gxdChosen{0%,26%{opacity:0;transform:scale(.3)}34%,90%{opacity:1;transform:none}100%{opacity:0}}
main[data-ga-page="education"] .gxd-intent.is-in .gxd-mo__card:not(.is-you){animation:gxdDim 6s ease infinite}
@keyframes gxdDim{0%,26%{opacity:1}36%,90%{opacity:.45}100%{opacity:1}}
main[data-ga-page="education"] .gxd-resource{margin:34px 0 0;max-width:900px;font-family:var(--font-head);font-weight:700;font-size:clamp(21px,1.9vw,26px);line-height:1.3;letter-spacing:-.015em;color:var(--text-mid);text-wrap:balance}
main[data-ga-page="education"] .gxd-resource strong{color:var(--gold)}
main[data-ga-page="education"] .gxd-intent-sec .wdp-band{margin-top:40px}

/* ==========================================================================
   LEAKS: the budget inked across an exercise book; three blots
   ========================================================================== */
main[data-ga-page="education"] .gxd-ink__page{position:relative;height:176px;border-radius:20px;border:1px solid var(--edge-2);overflow:hidden;
  background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(157,184,255,.13) 31px 32px) 0 23px,#0E1014}
main[data-ga-page="education"] .gxd-ink__margin{position:absolute;left:124px;top:0;bottom:0;border-left:1.5px solid rgba(255,122,107,.4)}
main[data-ga-page="education"] .gxd-ink__pen{position:absolute;left:16px;top:50%;width:100px;height:38px;margin-top:-19px;transform:rotate(-4deg)}
main[data-ga-page="education"] .gxd-ink__pen svg{display:block;width:100%;height:100%;overflow:visible}
main[data-ga-page="education"] .gxd-ink__barrel{fill:#1C2027;stroke:var(--gold);stroke-width:1.4}
main[data-ga-page="education"] .gxd-ink__nib{fill:var(--gold)}
main[data-ga-page="education"] .gxd-ink__clip{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round}
main[data-ga-page="education"] .gxd-ink__line{position:absolute;left:112px;right:84px;top:50%;height:6px;margin-top:-3px;border-radius:3px;overflow:hidden;background:linear-gradient(90deg,#C98400,var(--gold) 40%,#FFD27A);box-shadow:0 0 12px rgba(244,160,0,.4)}
main[data-ga-page="education"] .gxd-ink__line i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:gxdInk 3.2s linear infinite}
@keyframes gxdInk{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
main[data-ga-page="education"] .gxd-ink__cap{position:absolute;right:20px;top:50%;display:grid;place-items:center;width:56px;height:56px;margin-top:-28px;border-radius:16px;background:var(--teal);color:#0A1512}
main[data-ga-page="education"] .gxd-ink__cap svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gx-pipe__leak.gxd-blot{left:calc(112px + (100% - 196px) * var(--p));top:50%;width:112px;height:126px;margin:-42px 0 0 -56px}
main[data-ga-page="education"] .gxd-blot svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(var(--r))}
main[data-ga-page="education"] .gxd-blot__stain{fill:rgba(244,160,0,.75);stroke:#FFD27A;stroke-width:1}
main[data-ga-page="education"] .gxd-blot__spot{fill:rgba(244,160,0,.7)}
main[data-ga-page="education"] .gxd-blot__drip{fill:rgba(255,122,107,.9);opacity:0}
main[data-ga-page="education"] .gxd-blot.is-on .gxd-blot__stain{fill:rgba(255,122,107,.8);stroke:var(--coral);filter:drop-shadow(0 0 10px rgba(255,122,107,.55));transform-box:fill-box;transform-origin:center;animation:gxdStain 2.6s ease-in-out infinite}
main[data-ga-page="education"] .gxd-blot.is-on .gxd-blot__spot{fill:rgba(255,122,107,.8)}
main[data-ga-page="education"] .gxd-blot.is-on .gxd-blot__drip{animation:gxdBlotDrip 1.8s ease-in infinite;animation-delay:calc(var(--d) * .55s)}
@keyframes gxdStain{50%{transform:scale(1.08)}}
@keyframes gxdBlotDrip{0%{opacity:0;transform:none}15%{opacity:.95}100%{opacity:0;transform:translateY(40px)}}
main[data-ga-page="education"] .gxd-blot__n{position:absolute;left:50%;top:-10px;margin-left:-16px;width:32px;font:700 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;color:var(--text-dim)}
main[data-ga-page="education"] .gxd-blot.is-on .gxd-blot__n{color:var(--coral)}
main[data-ga-page="education"] .gxd-ink .gx-pipe__tabs{margin-top:22px}
main[data-ga-page="education"] .gxd-slip{border-top:3px solid var(--coral)}

/* ==========================================================================
   TRUST, NOT HYPE: the draft, marked in red pen
   ========================================================================== */
main[data-ga-page="education"] .gxd-mark{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:stretch}
main[data-ga-page="education"] .gxd-mark__k{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
main[data-ga-page="education"] .gxd-mark__k i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 10px rgba(255,122,107,.8)}
main[data-ga-page="education"] .gxd-mark__tabs{display:grid;gap:9px;margin-top:16px}
main[data-ga-page="education"] .gxd-mark__tabs button{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:58px;padding:12px 16px;border-radius:16px;border:1px solid var(--edge-2);background:#0E1014;
  color:var(--text-mid);font:600 15.5px/1.35 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;transition:border-color .3s,background .3s,color .3s}
main[data-ga-page="education"] .gxd-mark__tabs button:hover{border-color:rgba(255,122,107,.4)}
main[data-ga-page="education"] .gxd-mark__tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
main[data-ga-page="education"] .gxd-mark__tabs b{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}
main[data-ga-page="education"] .gxd-mark__flag svg{display:block;width:15px;height:17px;fill:none;stroke:var(--text-dim);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-mark__tabs button.is-on{border-color:var(--coral-line);background:var(--coral-soft);color:var(--text)}
main[data-ga-page="education"] .gxd-mark__tabs button.is-on b{color:var(--coral)}
main[data-ga-page="education"] .gxd-mark__tabs button.is-on .gxd-mark__flag svg{fill:rgba(255,122,107,.3);stroke:var(--coral)}
main[data-ga-page="education"] .gxd-sheet{position:relative;display:flex;flex-direction:column;gap:18px;padding:34px 36px 24px 76px;border-radius:24px;border:1px solid var(--edge-2);
  background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(157,184,255,.05) 33px 34px) 0 20px,var(--paper);box-shadow:0 40px 80px -40px rgba(0,0,0,.95)}
main[data-ga-page="education"] .gxd-sheet::before{content:"";position:absolute;left:56px;top:0;bottom:0;border-left:1.5px solid rgba(255,122,107,.45)}
main[data-ga-page="education"] .gxd-sheet__holes{position:absolute;left:18px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;padding:40px 0}
main[data-ga-page="education"] .gxd-sheet__holes i{width:16px;height:16px;border-radius:50%;background:#07080A;box-shadow:inset 0 2px 4px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}
main[data-ga-page="education"] .gxd-sheet__stack{flex:1;display:grid}
main[data-ga-page="education"] .gxd-sheet__pane{grid-area:1 / 1;position:relative;display:flex;flex-direction:column;gap:22px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
main[data-ga-page="education"] .gxd-sheet__pane.is-on{opacity:1;visibility:visible;transition:opacity .45s ease .05s,visibility 0s}
main[data-ga-page="education"] .gxd-sheet__n{position:absolute;right:0;top:-10px;font:800 64px/1 var(--font-head);letter-spacing:-.04em;color:rgba(255,255,255,.05)}
main[data-ga-page="education"] .gxd-sheet__was{display:flex;align-items:flex-start;gap:12px;padding-right:70px}
main[data-ga-page="education"] .gxd-sheet__lbl.is-flag{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;margin-top:2px;border-radius:9px;background:var(--coral-soft);border:1px solid var(--coral-line)}
main[data-ga-page="education"] .gxd-sheet__lbl.is-flag svg{width:14px;height:16px;fill:rgba(255,122,107,.3);stroke:var(--coral);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-sheet__hype{margin:0;font-family:var(--font-head);font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.25;letter-spacing:-.015em;color:var(--text-dim)}
main[data-ga-page="education"] .gxd-sheet__hype s{text-decoration:none;background:linear-gradient(var(--coral),var(--coral)) no-repeat 0 58% / 100% 3px;-webkit-box-decoration-break:slice;box-decoration-break:slice}
main[data-ga-page="education"] .gxd-sheet__pen{display:inline-block;width:52px;height:18px;margin-left:10px;vertical-align:middle;transform:rotate(-14deg)}
main[data-ga-page="education"] .gxd-sheet__pen svg{display:block;width:100%;height:100%}
main[data-ga-page="education"] .gxd-pen__body{fill:var(--coral)}
main[data-ga-page="education"] .gxd-pen__tip{stroke:var(--coral);stroke-width:1.6;stroke-linecap:round}
main[data-ga-page="education"] .gxd-sheet__now{display:grid;gap:10px;padding-left:42px}
main[data-ga-page="education"] .gxd-sheet__lbl.is-say{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
main[data-ga-page="education"] .gxd-sheet__honest{margin:0;font-family:var(--font-head);font-weight:800;font-size:clamp(26px,2.5vw,36px);line-height:1.14;letter-spacing:-.026em;color:var(--text);text-wrap:balance}
main[data-ga-page="education"] .gxd-sheet__honest span{background:linear-gradient(rgba(79,191,160,.26),rgba(79,191,160,.26)) no-repeat 0 90% / 100% .36em;-webkit-box-decoration-break:slice;box-decoration-break:slice}
main[data-ga-page="education"] .gxd-sheet__why{position:relative;margin:auto 0 0 42px;padding:14px 0 0 18px;border-top:1px dashed var(--edge-2);font-size:16.5px;line-height:1.6;color:var(--text-mid)}
main[data-ga-page="education"] .gxd-sheet__why i{position:absolute;left:0;top:23px;width:8px;height:8px;border-radius:50%;background:var(--coral)}
main[data-ga-page="education"] .gxd-sheet__dots{display:flex;gap:6px;padding-left:42px}
main[data-ga-page="education"] .gxd-sheet__dots i{flex:0 0 28px;height:4px;border-radius:4px;background:rgba(255,255,255,.1);transition:background .4s}
main[data-ga-page="education"] .gxd-sheet__dots i.is-on{background:var(--coral)}
/* the marking plays when a line comes up (ind-gax-education.js adds .is-run; without it the marked sheet shows) */
main[data-ga-page="education"] .gxd-mark.is-run .gxd-sheet__pane.is-on .gxd-sheet__hype s{animation:gxdStrike .8s var(--ease) .35s both}
main[data-ga-page="education"] .gxd-mark.is-run .gxd-sheet__pane.is-on .gxd-sheet__pen{animation:gxdPen .8s var(--ease) .35s both}
main[data-ga-page="education"] .gxd-mark.is-run .gxd-sheet__pane.is-on .gxd-sheet__honest{animation:gxdWriteIn 1s var(--ease) 1.15s both}
main[data-ga-page="education"] .gxd-mark.is-run .gxd-sheet__pane.is-on .gxd-sheet__honest span{animation:gxdHi .9s var(--ease) 1.9s both}
main[data-ga-page="education"] .gxd-mark.is-run .gxd-sheet__pane.is-on .gxd-sheet__why{animation:gxdIn .6s var(--ease) 2.3s both}
@keyframes gxdStrike{from{background-size:0% 3px}}
@keyframes gxdPen{from{opacity:0;transform:translateX(-24px)}}
@keyframes gxdWriteIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes gxdHi{from{background-size:0% .36em}}

/* ==========================================================================
   APPROACH: the working examples
   ========================================================================== */
main[data-ga-page="education"] .gxd-proof__q{position:relative;min-width:0}
main[data-ga-page="education"] .gxd-proof__strike{position:absolute;left:-2px;right:-2px;top:55%;height:2px;border-radius:2px;background:var(--coral);transform-origin:left}
main[data-ga-page="education"] .gxd-proof__row:not(.is-cut) .gxd-proof__strike{display:none}
main[data-ga-page="education"] .gxd-proof__row.is-cut .gxd-proof__q{color:var(--text-dim)}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-proof__strike{animation:gxdGrowX .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + .7s)}
main[data-ga-page="education"] .gxd-proof__sign .gxd-proof__q{display:inline-flex;align-items:center;gap:10px}
main[data-ga-page="education"] .gxd-proof__pen{flex:0 0 auto;width:58px;height:18px}
main[data-ga-page="education"] .gxd-proof__pen path{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1 1}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-proof__pen path{animation:gxdDraw 1.4s ease 1.1s both}
main[data-ga-page="education"] .gxd-path{position:relative;display:grid;gap:10px;padding:8px 22px 20px 22px}
main[data-ga-page="education"] .gxd-path::before{content:"";position:absolute;left:37px;top:24px;bottom:44px;border-left:2px dashed var(--teal-line)}
main[data-ga-page="education"] .gxd-path__stop{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px 10px 0}
main[data-ga-page="education"] .gxd-path__dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--teal);background:#0B1311;font:800 14px/1 var(--font-head);font-style:normal;color:var(--teal)}
main[data-ga-page="education"] .gxd-path__q{min-width:0;font-size:15.5px;color:var(--text)}
main[data-ga-page="education"] .gxd-path__stop b{padding:3px 11px;border-radius:100px;background:var(--teal-soft);font-size:13px;font-weight:700;color:var(--teal);white-space:nowrap}
main[data-ga-page="education"] .gxd-path__guide{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--gold);color:#111}
main[data-ga-page="education"] .gxd-path__guide svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-path__stop{animation:gxRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .18s + .2s)}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-path__guide{animation:gxdPop .6s var(--ease) .9s both}
main[data-ga-page="education"] .gxd-inbox__row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px}
main[data-ga-page="education"] .gxd-inbox__av{width:30px;height:30px;border-radius:50%;background:var(--teal-soft);box-shadow:inset 0 0 0 1.5px var(--teal)}
main[data-ga-page="education"] .gxd-inbox__row.is-gold .gxd-inbox__av{background:var(--gold-soft);box-shadow:inset 0 0 0 1.5px var(--gold)}
main[data-ga-page="education"] .gxd-inbox__row.is-cut .gxd-inbox__av{background:rgba(255,122,107,.1);box-shadow:inset 0 0 0 1.5px var(--coral)}
main[data-ga-page="education"] .gxd-inbox__row.is-cut .gxd-inbox__t{color:var(--text-dim)}
main[data-ga-page="education"] .gxd-inbox__t{min-width:0}
main[data-ga-page="education"] .gxd-plan{padding:12px 22px 22px}
main[data-ga-page="education"] .gxd-plan__weeks{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:3px;height:54px;align-items:end}
main[data-ga-page="education"] .gxd-plan__weeks i{height:100%;border-radius:3px;background:rgba(244,160,0,var(--a));transform-origin:50% 100%}
main[data-ga-page="education"] .gxd-plan__weeks .is-intake{background:var(--teal);box-shadow:0 0 12px rgba(79,191,160,.6)}
main[data-ga-page="education"] .gxd-plan__weeks .is-quiet{height:24%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 3px,transparent 3px 6px)}
main[data-ga-page="education"] .gxd-plan__weeks .is-ramp{height:calc(30% + var(--a) * 70%)}
main[data-ga-page="education"] .gxd-plan__weeks .is-ramp2{height:calc(20% + var(--a) * 60%)}
main[data-ga-page="education"] .gxd-plan__weeks .is-next{background:transparent;box-shadow:inset 0 0 0 1.5px var(--gold);height:100%}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-plan__weeks i{animation:gxdRise .5s var(--ease) both;animation-delay:calc(var(--i) * .03s + .2s)}
@keyframes gxdRise{from{transform:scaleY(0)}}
main[data-ga-page="education"] .gxd-plan__legend{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
main[data-ga-page="education"] .gxd-plan__legend li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:15px;color:var(--text-soft)}
main[data-ga-page="education"] .gxd-plan__legend li > i{width:14px;height:14px;border-radius:4px}
main[data-ga-page="education"] .gxd-plan__legend .is-ramp > i{background:rgba(244,160,0,.7)}
main[data-ga-page="education"] .gxd-plan__legend .is-intake > i{background:var(--teal)}
main[data-ga-page="education"] .gxd-plan__legend .is-quiet > i{background:repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 3px,transparent 3px 6px);border:1px solid var(--edge-2)}
main[data-ga-page="education"] .gxd-plan__legend .is-next > i{box-shadow:inset 0 0 0 1.5px var(--gold)}
main[data-ga-page="education"] .gxd-plan__legend b{padding:3px 10px;border-radius:100px;font-size:12.5px;font-weight:700;background:var(--gold-soft);color:var(--gold);white-space:nowrap}
main[data-ga-page="education"] .gxd-plan__legend .is-intake b{background:var(--teal-soft);color:var(--teal)}
main[data-ga-page="education"] .gxd-plan__legend .is-quiet b{background:rgba(255,255,255,.06);color:var(--text-mid)}
main[data-ga-page="education"] .gxd-land{display:grid;gap:10px;margin:8px 22px 22px;padding:16px 18px 18px;border-radius:16px;border:1px solid var(--edge-2);background:#111419}
main[data-ga-page="education"] .gxd-land__url{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--teal)}
main[data-ga-page="education"] .gxd-land__url b{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 Inter,system-ui,sans-serif;color:var(--teal);white-space:nowrap}
main[data-ga-page="education"] .gxd-land__url b i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}
main[data-ga-page="education"] .gxd-land__h{display:grid;gap:6px;margin:4px 0 2px}
main[data-ga-page="education"] .gxd-land__h i{height:12px;width:78%;border-radius:6px;background:rgba(255,255,255,.22)}
main[data-ga-page="education"] .gxd-land__h i.s{width:50%;height:8px;background:rgba(255,255,255,.1)}
main[data-ga-page="education"] .gxd-land__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--edge);font-size:15px;color:var(--text)}
main[data-ga-page="education"] .gxd-land__row b{padding:3px 10px;border-radius:100px;background:var(--teal-soft);font-size:12.5px;font-weight:700;color:var(--teal);white-space:nowrap}
main[data-ga-page="education"] .gxd-land__cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px}
main[data-ga-page="education"] .gxd-land__cta > b{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;border:1px solid var(--gold-line);color:var(--gold);font-size:14.5px;white-space:nowrap}
main[data-ga-page="education"] .gxd-land__cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-land__cta small{font-size:12.5px;color:var(--text-dim)}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-land__cta .gx-tap{animation:gxTap 2.6s ease 1s infinite}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-land__row{animation:gxRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + .3s)}
main[data-ga-page="education"] .gxd-card{display:grid;margin:6px 22px 22px;border-radius:14px;border:1px solid var(--edge-2);border-top:4px solid var(--gold);background:#111419;overflow:hidden}
main[data-ga-page="education"] .gxd-card__row{display:flex;align-items:baseline;gap:10px;padding:13px 16px;font-size:15.5px;color:var(--text)}
main[data-ga-page="education"] .gxd-card__row + .gxd-card__row{border-top:1px solid var(--edge)}
main[data-ga-page="education"] .gxd-card__row span{display:flex;align-items:baseline;gap:10px;flex:1;min-width:0}
main[data-ga-page="education"] .gxd-card__row span::after{content:"";flex:1 1 16px;min-width:16px;border-bottom:2px dotted rgba(255,255,255,.14)}
main[data-ga-page="education"] .gxd-card__row b{padding:3px 11px;border-radius:100px;background:var(--teal-soft);font-size:13px;font-weight:700;color:var(--teal);white-space:nowrap}
main[data-ga-page="education"] .gxd-card__row.is-gold b{background:var(--gold-soft);color:var(--gold)}
main[data-ga-page="education"] .gx-plan__step.is-on .gxd-card__row b{animation:gxdPop .5s var(--ease) both;animation-delay:calc(var(--i) * .2s + .4s)}

/* ==========================================================================
   ANATOMY: the course ad as a labelled figure on graph paper
   ========================================================================== */
main[data-ga-page="education"] .gxd-plate{padding:22px 22px 22px 74px;border-radius:24px;border:1px solid var(--edge-2);
  background:linear-gradient(rgba(157,184,255,.05) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,rgba(157,184,255,.05) 1px,transparent 1px) 0 0 / 22px 22px,#0C0E12}
main[data-ga-page="education"] .gxd-plate::before{left:39px;top:74px;bottom:48px}
main[data-ga-page="education"] .gxd-fav{background:linear-gradient(135deg,var(--teal),#9EE6D2)}
main[data-ga-page="education"] .gxd-xp__hook{color:#9DB8FF}
main[data-ga-page="education"] .gxd-xp__fund{flex-basis:100%;font-size:14.5px;line-height:1.45;color:var(--teal)}
main[data-ga-page="education"] .gxd-part--anatomy-2 .gx-xp__txt{font-size:19px}
main[data-ga-page="education"] .gxd-part--anatomy-3 .gx-xp__txt{display:block;font-size:16.5px;line-height:1.55;color:var(--text-mid)}
main[data-ga-page="education"] .gxd-part--anatomy-4 .gx-xp__txt{font-size:16.5px;line-height:1.55;color:var(--text-mid)}
main[data-ga-page="education"] .gxd-xp__btn{gap:9px}
main[data-ga-page="education"] .gxd-xp__btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-part--anatomy-7 .gx-xp__txt{display:flex;width:100%}
main[data-ga-page="education"] .gxd-xp__track{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:300px;min-height:34px}
main[data-ga-page="education"] .gxd-xp__rail{position:absolute;left:16px;right:16px;top:50%;height:2px;margin-top:-1px;background:rgba(79,191,160,.3);overflow:hidden}
main[data-ga-page="education"] .gxd-xp__rail i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,var(--teal),transparent)}
main[data-ga-page="education"] .gxd-anat.is-in .gxd-xp__rail i{animation:gxdRail 2.8s linear infinite}
@keyframes gxdRail{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
main[data-ga-page="education"] .gxd-xp__track > span{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--teal-line);background:#0B1311;color:var(--teal)}
main[data-ga-page="education"] .gxd-xp__track > span:last-child{border-color:var(--teal);background:var(--teal);color:#0A1512}
main[data-ga-page="education"] .gxd-xp__track svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-anat.is-in .gxd-xp__track > span{animation:gxdPing 2.8s ease infinite;animation-delay:calc(var(--i) * .5s)}
@keyframes gxdPing{0%,100%{box-shadow:0 0 0 0 rgba(79,191,160,0)}15%{box-shadow:0 0 0 6px rgba(79,191,160,.25)}35%{box-shadow:0 0 0 10px rgba(79,191,160,0)}}
main[data-ga-page="education"] .gxd-anat__note{padding-top:16px;border-top:1px dashed var(--edge-2)}

/* ==========================================================================
   EXAMPLES: the three pictures
   ========================================================================== */
main[data-ga-page="education"] .gxd-c-road{fill:none;stroke:#1E2229;stroke-width:12;stroke-linecap:round}
main[data-ga-page="education"] .gxd-c-lit{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgba(79,191,160,.5))}
main[data-ga-page="education"] .gxd-c-stop{fill:#101318;stroke:var(--teal);stroke-width:1.6}
main[data-ga-page="education"] .gxd-c-stop.is-was{stroke:var(--gold);fill:#1A150A}
main[data-ga-page="education"] .gxd-c-q{font:800 12px/1 var(--font-head);fill:var(--teal)}
main[data-ga-page="education"] .gxd-c-cap{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-c-tag{fill:var(--gold-soft);stroke:var(--gold-line)}
main[data-ga-page="education"] .gxd-c-tagl{fill:var(--gold)}
main[data-ga-page="education"] .is-in .gxd-c-lit{animation:gxdBack 6s ease infinite}
@keyframes gxdBack{0%,8%{stroke-dashoffset:-1;opacity:1}60%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
main[data-ga-page="education"] .is-in .gxd-c-stop.is-new,main[data-ga-page="education"] .is-in .gxd-c-q{animation:gxdLit 6s ease infinite;animation-delay:calc(var(--i) * .8s + .4s)}
@keyframes gxdLit{0%{opacity:.25}8%,86%{opacity:1}100%{opacity:.25}}
main[data-ga-page="education"] .gxd-c-form{fill:rgba(255,255,255,.02);stroke:rgba(255,255,255,.14)}
main[data-ga-page="education"] .gxd-c-qbox{fill:#101318;stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-c-qtick{fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-c-ql{fill:rgba(255,255,255,.18)}
main[data-ga-page="education"] .gxd-c-enq rect{fill:#161A20;stroke:rgba(255,255,255,.2)}
main[data-ga-page="education"] .gxd-c-enq circle{fill:#6E7FD9}
main[data-ga-page="education"] .gxd-c-enq.is-fit{--ty:-12px}
main[data-ga-page="education"] .gxd-c-enq.is-hold{--ty:36px}
main[data-ga-page="education"] .gxd-c-bin.is-fit{fill:rgba(79,191,160,.1);stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-c-bin.is-hold{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.16);stroke-dasharray:4 4}
main[data-ga-page="education"] .gxd-c-bintick{fill:none;stroke:var(--teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-c-binq{fill:none;stroke:var(--text-dim);stroke-width:1.6}
main[data-ga-page="education"] .gxd-c-base{stroke:rgba(255,255,255,.1);stroke-width:1.5}
main[data-ga-page="education"] .is-in .gxd-c-enq{animation:gxdSort 6s ease-in-out infinite;animation-delay:calc(var(--i) * .6s)}
@keyframes gxdSort{0%{opacity:0;transform:none}8%{opacity:1}40%{opacity:1;transform:translateX(96px)}70%{opacity:1;transform:translate(200px,var(--ty)) scale(.8)}82%,100%{opacity:0;transform:translate(200px,var(--ty)) scale(.8)}}
main[data-ga-page="education"] .is-in .gxd-c-qtick{stroke-dasharray:20;animation:gxdTickOn 6s ease infinite;animation-delay:calc(var(--i) * .5s)}
@keyframes gxdTickOn{0%,10%{stroke-dashoffset:20}24%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:20}}
main[data-ga-page="education"] .gxd-c-axis{stroke:rgba(255,255,255,.14);stroke-width:1.5}
main[data-ga-page="education"] .gxd-c-pole{stroke:var(--text-dim);stroke-width:1.5}
main[data-ga-page="education"] .gxd-c-flag{fill:var(--gold)}
main[data-ga-page="education"] .gxd-c-coin{fill:var(--teal);stroke:#0A1512;stroke-width:1}
main[data-ga-page="education"] .gxd-c-flat{stroke:var(--coral);stroke-width:1.6;stroke-dasharray:5 5;opacity:.5}
main[data-ga-page="education"] .is-in .gxd-c-coin{animation:gxdGather 6s var(--ease) infinite;animation-delay:calc(var(--i) * .03s)}
@keyframes gxdGather{0%,14%{fill:rgba(255,122,107,.8);transform:translate(var(--dx),var(--dy))}46%,90%{fill:var(--teal);transform:none}100%{fill:rgba(255,122,107,.8);transform:translate(var(--dx),var(--dy))}}

/* ==========================================================================
   ADS AGAINST SEO: the notice under a spotlight, the library shelf
   ========================================================================== */
main[data-ga-page="education"] .gxd-v-board{fill:#15120E;stroke:rgba(255,210,122,.16)}
main[data-ga-page="education"] .gxd-v-old{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.08)}
main[data-ga-page="education"] .gxd-v-notice rect:first-child{fill:#1C1F26;stroke:rgba(255,255,255,.2)}
main[data-ga-page="education"] .gxd-v-nh{fill:#BFD3FF}
main[data-ga-page="education"] .gxd-v-nl{fill:rgba(255,255,255,.22)}
main[data-ga-page="education"] .gxd-v-nb{fill:var(--gold)}
main[data-ga-page="education"] .gxd-v-pin{fill:var(--coral)}
main[data-ga-page="education"] .gxd-v-beam{fill:rgba(255,210,122,.12)}
main[data-ga-page="education"] .gxd-v-lamp{fill:#2C313A;stroke:var(--gold);stroke-width:1.4;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-v-stand{fill:none;stroke:#4A505B;stroke-width:3;stroke-linecap:round}
main[data-ga-page="education"] .gxd-v-switch rect{fill:#101318;stroke:rgba(255,255,255,.2)}
main[data-ga-page="education"] .gxd-v-knob{fill:var(--gold);transition:transform .3s}
main[data-ga-page="education"] .gxd-v-eye{fill:var(--gold)}
main[data-ga-page="education"] .gx-vs.is-in .gxd-v-beam{animation:gxdBeam 7s ease infinite}
main[data-ga-page="education"] .gx-vs.is-in .gxd-v-notice{animation:gxdNotice 7s ease infinite}
main[data-ga-page="education"] .gx-vs.is-in .gxd-v-knob{animation:gxdKnob 7s ease infinite}
main[data-ga-page="education"] .gx-vs.is-in .gxd-v-eye{animation:gxdEye 7s ease infinite;animation-delay:calc(var(--i) * .25s)}
@keyframes gxdBeam{0%,62%{opacity:1}66%,94%{opacity:0}100%{opacity:1}}
@keyframes gxdNotice{0%,62%{opacity:1}68%,94%{opacity:.25}100%{opacity:1}}
@keyframes gxdKnob{0%,60%{transform:none}64%,94%{transform:translateY(16px)}98%,100%{transform:none}}
@keyframes gxdEye{0%,4%{opacity:0;transform:none}10%,60%{opacity:1}66%,100%{opacity:0;transform:translateX(-10px)}}
main[data-ga-page="education"] .gxd-v-case{fill:#13100C;stroke:rgba(255,210,122,.2)}
main[data-ga-page="education"] .gxd-v-shelf{stroke:rgba(255,210,122,.3);stroke-width:3;stroke-linecap:round}
main[data-ga-page="education"] .gxd-v-book{stroke:rgba(0,0,0,.4);stroke-width:1;transform-box:fill-box;transform-origin:50% 100%}
main[data-ga-page="education"] .gxd-v-book.is-0{fill:rgba(79,191,160,.75)}
main[data-ga-page="education"] .gxd-v-book.is-1{fill:rgba(244,160,0,.7)}
main[data-ga-page="education"] .gxd-v-book.is-2{fill:rgba(157,184,255,.6)}
main[data-ga-page="education"] .gxd-v-book.is-3{fill:rgba(79,191,160,.45)}
main[data-ga-page="education"] .gxd-v-reader circle{fill:rgba(79,191,160,.14);stroke:var(--teal)}
main[data-ga-page="education"] .gxd-v-reader path{fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linejoin:round}
main[data-ga-page="education"] .gx-vs.is-in .gxd-v-book{animation:gxdShelve 9s var(--ease) infinite;animation-delay:calc(var(--i) * .2s)}
@keyframes gxdShelve{0%{opacity:0;transform:translateY(-14px)}6%,92%{opacity:1;transform:none}100%{opacity:0}}
main[data-ga-page="education"] .gx-vs.is-in .gxd-v-reader{animation:gxdRead 3s ease-in-out infinite;animation-delay:calc(var(--i) * -1s)}
@keyframes gxdRead{0%,100%{transform:none}50%{transform:translateY(-4px)}}

/* ==========================================================================
   THREE WAYS TO START: the plan, the marking, the sign-off
   ========================================================================== */
main[data-ga-page="education"] .gxd-s-course{fill:#12151A;stroke:rgba(255,255,255,.18)}
main[data-ga-page="education"] .gxd-s-capi{fill:var(--gold)}
main[data-ga-page="education"] .gxd-s-l{fill:rgba(255,255,255,.22)}
main[data-ga-page="education"] .gxd-s-l.is-s{fill:rgba(255,255,255,.1)}
main[data-ga-page="education"] .gxd-s-cal{fill:#101318;stroke:rgba(255,255,255,.16)}
main[data-ga-page="education"] .gxd-s-calband{stroke:var(--coral);stroke-width:3}
main[data-ga-page="education"] .gxd-s-day{fill:rgba(255,255,255,.06)}
main[data-ga-page="education"] .gxd-s-circle{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:1 1;stroke-dashoffset:0;transform:rotate(-90deg);transform-box:fill-box;transform-origin:center}
main[data-ga-page="education"] .gxd-s-link{fill:none;stroke:rgba(244,160,0,.55);stroke-width:1.5;stroke-dasharray:1 1;stroke-dashoffset:0}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-link{animation:gxdPlanLink 6s ease infinite}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-circle{animation:gxdCircle 6s ease infinite;animation-delay:calc(var(--i) * .35s + 1.1s)}
@keyframes gxdPlanLink{0%{stroke-dashoffset:1}30%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes gxdCircle{0%{stroke-dashoffset:1}18%,86%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
main[data-ga-page="education"] .gxd-s-enq{fill:#12151A;stroke:rgba(255,255,255,.16)}
main[data-ga-page="education"] .gxd-s-av{fill:#6E7FD9}
main[data-ga-page="education"] .gxd-s-mark{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-s-mark.is-ok{stroke:var(--teal)}
main[data-ga-page="education"] .gxd-s-mark.is-no{stroke:var(--coral)}
main[data-ga-page="education"] .gxd-s-redpen rect{fill:var(--coral)}
main[data-ga-page="education"] .gxd-s-redpen path{fill:#E7D3A8}
main[data-ga-page="education"] .gxd-s-coin circle{fill:rgba(244,160,0,.2);stroke:var(--gold);stroke-width:1.4}
main[data-ga-page="education"] .gxd-s-coin text{font:800 10px/1 var(--font-head);fill:var(--gold)}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-mark{animation:gxdMark 6s ease infinite;animation-delay:calc(var(--i) * .5s + .3s)}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-redpen{animation:gxdFloat 1.1s ease-in-out infinite}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-coin{animation:gxdCoin 6s ease infinite}
@keyframes gxdCoin{0%,40%{opacity:0;transform:translateY(8px)}52%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
main[data-ga-page="education"] .gxd-s-doc{fill:#12151A;stroke:rgba(255,255,255,.18)}
main[data-ga-page="education"] .gxd-s-box{fill:#0A0B0E;stroke:var(--teal-line)}
main[data-ga-page="education"] .gxd-s-chk{fill:none;stroke:var(--teal);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gxd-s-sign{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}
main[data-ga-page="education"] .gxd-s-signline{stroke:rgba(255,255,255,.2);stroke-width:1}
main[data-ga-page="education"] .gxd-s-stamp circle{fill:rgba(79,191,160,.1);stroke:var(--teal);stroke-width:2.4}
main[data-ga-page="education"] .gxd-s-stamp .gxd-s-inner{fill:none;stroke-width:1.2;stroke-dasharray:3 3}
main[data-ga-page="education"] .gxd-s-stamp path{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-chk{animation:gxdMark 6s ease infinite;animation-delay:calc(var(--i) * .45s + .2s)}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-sign{animation:gxdSign 6s ease infinite}
main[data-ga-page="education"] .gx-start.is-in .gxd-s-stamp{transform-box:fill-box;transform-origin:center;animation:gxdStampS 6s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes gxdSign{0%,30%{stroke-dashoffset:1;opacity:0}32%{opacity:1}48%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes gxdStampS{0%,52%{opacity:0;transform:scale(1.5)}60%,92%{opacity:1;transform:none}100%{opacity:0;transform:none}}

/* ==========================================================================
   Tablet and phone
   ========================================================================== */
/* wider than a phone, a narrow lane card lets its site line wrap under "Sponsored" */
@media (min-width:701px){
  main[data-ga-page="education"] .gxd-ad small{flex-wrap:wrap;row-gap:2px}
}
@media (max-width:1080px){
  main[data-ga-page="education"] .gxd-desk{width:100%;max-width:640px;margin:0 auto}
  main[data-ga-page="education"] .gxd-split,main[data-ga-page="education"] .gxd-spine,main[data-ga-page="education"] .gxd-sb__join--lane{display:none}
  main[data-ga-page="education"] .gxd-pro{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)}
  main[data-ga-page="education"] .gxd-f--need,main[data-ga-page="education"] .gxd-f--search{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__stamp,main[data-ga-page="education"] .gxd-f--search > .gx-sb__stamp{grid-column:1;grid-row:1;padding-top:0}
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__art,main[data-ga-page="education"] .gxd-f--search > .gx-sb__art{grid-column:1;grid-row:2;min-height:210px}
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__copy,main[data-ga-page="education"] .gxd-f--search > .gx-sb__copy{grid-column:1;grid-row:3}
  main[data-ga-page="education"] .gxd-lanes{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:12px 14px;margin-top:24px}
  main[data-ga-page="education"] .gxd-lk.is-honest,main[data-ga-page="education"] .gxd-lk.is-hype{grid-column:1 / -1;grid-row:auto;margin:8px 0 -2px}
  main[data-ga-page="education"] .gxd-lane.is-honest,main[data-ga-page="education"] .gxd-lane.is-hype{grid-column:auto;grid-row:auto}
  main[data-ga-page="education"] .gxd-intent__pair{gap:16px}
  main[data-ga-page="education"] .gxd-mark{grid-template-columns:minmax(0,1fr);gap:20px}
  main[data-ga-page="education"] .gxd-mark__tabs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  main[data-ga-page="education"] .gxd-plate{padding-left:66px}
}
@media (max-width:700px){
  /* hero: the laptop full width, the guide under it, then the caption */
  main[data-ga-page="education"] .gxd-desk{display:flex;flex-direction:column;gap:14px;min-height:0;padding:14px 10px 18px;border-radius:26px;background-size:auto}
  main[data-ga-page="education"] .gxd-desk::after{display:none}
  main[data-ga-page="education"] .gxd-lap{position:relative;left:auto;top:auto;bottom:auto;width:auto;max-width:none;margin:0 6px}
  main[data-ga-page="education"] .gxd-lap__screen{height:auto;gap:9px;padding:10px 10px 12px;border-radius:14px 14px 5px 5px}
  main[data-ga-page="education"] .gxd-lap__deck{margin:0 -12px}
  main[data-ga-page="education"] .gxd-serp{padding:0 2px;gap:7px}
  main[data-ga-page="education"] .gxd-serp__ad:nth-child(3){display:none}
  main[data-ga-page="education"] .gxd-serp__t{font-size:15px}
  main[data-ga-page="education"] .gxd-serp__meta{font-size:11.5px}
  main[data-ga-page="education"] .gxd-guide{position:relative;right:auto;bottom:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:auto;margin:6px 6px 0;transform:none}
  main[data-ga-page="education"] .gxd-desk.is-run .gxd-guide,main[data-ga-page="education"] .gxd-desk.is-run.is-guide .gxd-guide{transform:none}
  main[data-ga-page="education"] .gxd-desk.is-run .gxd-guide{opacity:.25}
  main[data-ga-page="education"] .gxd-desk.is-run.is-guide .gxd-guide{opacity:1}
  main[data-ga-page="education"] .gxd-guide__dl{right:-6px;top:-10px}
  main[data-ga-page="education"] .gxd-desk__cap{position:relative;left:auto;bottom:auto;width:auto;margin:4px 6px 0;font-size:16px}
  /* the race */
  main[data-ga-page="education"] .gxd-race{padding:16px 12px;border-radius:24px}
  main[data-ga-page="education"] .gxd-race__mast{flex-wrap:nowrap;align-items:flex-start;margin:0 4px 14px}
  main[data-ga-page="education"] .gxd-cal{min-width:84px;height:50px;padding:14px 10px 5px}
  main[data-ga-page="education"] .gxd-cal b{font-size:18px}
  main[data-ga-page="education"] .gxd-pro,main[data-ga-page="education"] .gxd-lanes{display:contents}
  main[data-ga-page="education"] .gxd-pro__join{display:none}
  main[data-ga-page="education"] .gxd-sb{grid-template-columns:minmax(0,1fr);gap:12px}
  main[data-ga-page="education"] .gxd-f--need,main[data-ga-page="education"] .gxd-f--search,main[data-ga-page="education"] .gxd-lk.is-honest,main[data-ga-page="education"] .gxd-lk.is-hype,main[data-ga-page="education"] .gxd-lane.is-honest,main[data-ga-page="education"] .gxd-lane.is-hype{grid-column:1}
  main[data-ga-page="education"] .gxd-lk.is-honest,main[data-ga-page="education"] .gxd-lk.is-hype{margin:4px 0 0}
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__art,main[data-ga-page="education"] .gxd-f--search > .gx-sb__art{min-height:196px}
  html.el8-js main[data-ga-page="education"] .gxd-steps{--p:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
  html.el8-js main[data-ga-page="education"] .gxd-steps::before,html.el8-js main[data-ga-page="education"] .gxd-steps::after{content:"";position:absolute;left:10%;top:8px;height:3px;border-radius:3px}
  html.el8-js main[data-ga-page="education"] .gxd-steps::before{right:10%;background:rgba(255,255,255,.1)}
  html.el8-js main[data-ga-page="education"] .gxd-steps::after{width:calc(80% * var(--p));background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .8s var(--ease)}
  main[data-ga-page="education"] .gxd-steps button{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;gap:6px;min-width:0;padding:0 1px 2px;border:0;background:none;color:var(--text-dim);font:inherit;cursor:pointer}
  main[data-ga-page="education"] .gxd-steps i{width:19px;height:19px;border-radius:50%;border:2px solid rgba(255,255,255,.26);background:#0D0F13;transition:background .35s,border-color .35s,box-shadow .35s}
  main[data-ga-page="education"] .gxd-steps .is-done i{border-color:var(--teal);background:var(--teal)}
  main[data-ga-page="education"] .gxd-steps .is-now i{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 5px rgba(244,160,0,.15),0 0 14px rgba(244,160,0,.6)}
  main[data-ga-page="education"] .gxd-steps b{display:grid;place-items:center;height:17px;font:800 15px/1 var(--font-head);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-mid)}
  main[data-ga-page="education"] .gxd-steps b svg{width:15px;height:15px;fill:currentColor}
  main[data-ga-page="education"] .gxd-steps span{font-size:11px;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap}
  main[data-ga-page="education"] .gxd-steps .is-now b,main[data-ga-page="education"] .gxd-steps .is-now b svg{color:var(--text)}
  main[data-ga-page="education"] .gxd-steps .is-now span{color:var(--gold)}
  main[data-ga-page="education"] .gxd-steps button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px}
  /* with JS: one moment at a time on a stage that keeps the height of the
     tallest moment; a lane moment shows your honest ad above the hype ad */
  html.el8-js main[data-ga-page="education"] .gxd-sb{grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;touch-action:pan-y}
  html.el8-js main[data-ga-page="education"] .gxd-f--need,html.el8-js main[data-ga-page="education"] .gxd-f--search{grid-row:1 / 5}
  html.el8-js main[data-ga-page="education"] .gxd-lk.is-honest{grid-row:1;margin:0}
  html.el8-js main[data-ga-page="education"] .gxd-lane.is-honest{grid-row:2}
  html.el8-js main[data-ga-page="education"] .gxd-lk.is-hype{grid-row:3;margin:6px 0 0}
  html.el8-js main[data-ga-page="education"] .gxd-lane.is-hype{grid-row:4}
  html.el8-js main[data-ga-page="education"] .gxd-race .gxd-f,html.el8-js main[data-ga-page="education"] .gxd-race .gxd-lk{opacity:0;visibility:hidden;transform:translateX(16px);transition:opacity .25s ease,transform .35s var(--ease),visibility 0s .35s}
  html.el8-js main[data-ga-page="education"] .gxd-race[data-now="0"] .gxd-f[data-at="0"],html.el8-js main[data-ga-page="education"] .gxd-race[data-now="1"] .gxd-f[data-at="1"],
  html.el8-js main[data-ga-page="education"] .gxd-race[data-now="2"] .gxd-f[data-at="2"],html.el8-js main[data-ga-page="education"] .gxd-race[data-now="3"] .gxd-f[data-at="3"],
  html.el8-js main[data-ga-page="education"] .gxd-race[data-now="4"] .gxd-f[data-at="4"],
  html.el8-js main[data-ga-page="education"] .gxd-race[data-now="2"] .gxd-lk,html.el8-js main[data-ga-page="education"] .gxd-race[data-now="3"] .gxd-lk,html.el8-js main[data-ga-page="education"] .gxd-race[data-now="4"] .gxd-lk{opacity:1;visibility:visible;transform:none;
    transition:opacity .45s ease .1s,transform .55s var(--ease) .1s,visibility 0s}
  html.el8-js main[data-ga-page="education"] .gxd-race .gx-sb__f.is-now{box-shadow:none}
  html.el8-js main[data-ga-page="education"] .gxd-lane{gap:8px;padding:12px 14px 14px}
  main[data-ga-page="education"] .gxd-lane h3{font-size:17px}
  main[data-ga-page="education"] .gxd-lane .gx-sb__stamp b{font-size:18px}
  main[data-ga-page="education"] .gxd-lk{padding:5px 11px;font-size:11.5px}
  /* the realities' key: two legend cards, a title line and a note line each (both one line) */
  main[data-ga-page="education"] .gx-rules__key{display:grid;gap:8px}
  main[data-ga-page="education"] .gx-rules__key > span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 9px;padding:10px 14px;border-radius:14px;white-space:nowrap}
  main[data-ga-page="education"] .gx-rules__key small{grid-column:2;font-size:12.5px}
  /* the leak snapshot: a line's value moves under its label rather than squeezing it */
  main[data-ga-page="education"] .gxd-slip tr{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;padding:9px 0;border-top:1px solid var(--edge)}
  main[data-ga-page="education"] .gxd-slip th,main[data-ga-page="education"] .gxd-slip td{padding:0;border:0}
  main[data-ga-page="education"] .gxd-slip td{margin-left:auto;padding-left:0}
  /* two search moments swipe; each keeps the pair's height */
  main[data-ga-page="education"] .gxd-intent__road{display:none}
  main[data-ga-page="education"] .gxd-intent__pair.wdp-car__track{align-items:stretch}
  main[data-ga-page="education"] .gxd-moment{gap:14px;padding:12px 12px 20px;border-radius:22px}
  main[data-ga-page="education"] .gxd-moment__art{height:150px}
  main[data-ga-page="education"] .gxd-moment__head,main[data-ga-page="education"] .gxd-moment__qs,main[data-ga-page="education"] .gxd-moment__do{margin-inline:6px}
  main[data-ga-page="education"] .gxd-moment__head h3{font-size:24px}
  main[data-ga-page="education"] .gxd-moment__head p{font-size:15px}
  main[data-ga-page="education"] .gxd-moment__qs .gx-search{height:38px;font-size:13.5px}
  main[data-ga-page="education"] .gxd-moment__do li{font-size:15px}
  main[data-ga-page="education"] .gxd-moment__qs .gx-search,main[data-ga-page="education"] .gxd-serp__meta,main[data-ga-page="education"] .gxd-ad small{max-width:100%}
  main[data-ga-page="education"] .gxd-resource{margin-top:26px;font-size:20px}
  main[data-ga-page="education"] .gxd-intent-sec .wdp-band{margin-top:28px}
  /* leaks: a shorter page, the blots a little smaller */
  main[data-ga-page="education"] .gxd-ink__page{height:108px;border-radius:16px}
  main[data-ga-page="education"] .gxd-ink__margin{left:58px}
  main[data-ga-page="education"] .gxd-ink__pen{left:8px;width:46px;height:18px;margin-top:-9px}
  main[data-ga-page="education"] .gxd-ink__line{left:52px;right:48px}
  main[data-ga-page="education"] .gxd-ink__cap{right:8px;width:36px;height:36px;margin-top:-18px;border-radius:11px}
  main[data-ga-page="education"] .gxd-ink__cap svg{width:19px;height:19px}
  main[data-ga-page="education"] .gx-pipe__leak.gxd-blot{left:calc(52px + (100% - 100px) * var(--p));width:46px;height:52px;margin:-17px 0 0 -23px}
  main[data-ga-page="education"] .gxd-blot__n{top:-10px}
  main[data-ga-page="education"] .gxd-ink .gx-pipe__tabs{margin-top:14px}
  /* the marked draft: the lines become a numbered strip; the sheet reads each one */
  main[data-ga-page="education"] .gxd-mark{gap:14px}
  main[data-ga-page="education"] .gxd-mark__tabs{display:flex;grid-template-columns:none;gap:6px;margin-top:12px}
  main[data-ga-page="education"] .gxd-mark__tabs button{flex:1 1 0;display:grid;grid-template-columns:none;justify-items:center;gap:4px;min-height:0;padding:9px 4px;border-radius:13px}
  main[data-ga-page="education"] .gxd-mark__tabs button > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  main[data-ga-page="education"] .gxd-mark__tabs b{font-size:13px}
  main[data-ga-page="education"] .gxd-sheet{padding:22px 16px 18px 44px;border-radius:20px;touch-action:pan-y;background:repeating-linear-gradient(180deg,transparent 0 29px,rgba(157,184,255,.09) 29px 30px) 0 16px,var(--paper)}
  main[data-ga-page="education"] .gxd-sheet::before{left:32px}
  main[data-ga-page="education"] .gxd-sheet__holes{left:9px;padding:30px 0}
  main[data-ga-page="education"] .gxd-sheet__holes i{width:11px;height:11px}
  main[data-ga-page="education"] .gxd-sheet__pane{gap:16px}
  main[data-ga-page="education"] .gxd-sheet__n{font-size:44px;top:-6px}
  main[data-ga-page="education"] .gxd-sheet__was{gap:10px;padding-right:44px}
  main[data-ga-page="education"] .gxd-sheet__lbl.is-flag{width:26px;height:26px}
  main[data-ga-page="education"] .gxd-sheet__hype{font-size:19px}
  main[data-ga-page="education"] .gxd-sheet__pen{width:30px}
  main[data-ga-page="education"] .gxd-sheet__now,main[data-ga-page="education"] .gxd-sheet__dots{padding-left:0}
  main[data-ga-page="education"] .gxd-sheet__honest{font-size:24px}
  main[data-ga-page="education"] .gxd-sheet__why{margin-left:0;font-size:15px}
  /* approach examples */
  main[data-ga-page="education"] .gxd-path{padding:4px 12px 14px}
  main[data-ga-page="education"] .gxd-path::before{left:27px}
  main[data-ga-page="education"] .gxd-path__stop{grid-template-columns:30px minmax(0,1fr);row-gap:4px;column-gap:10px;padding:8px 0}
  main[data-ga-page="education"] .gxd-path__dot{grid-row:1 / 3;width:30px;height:30px}
  main[data-ga-page="education"] .gxd-path__q{font-size:14.5px}
  main[data-ga-page="education"] .gxd-path__stop b{justify-self:start;grid-column:2;font-size:12px}
  /* three ways to start: a long button label wraps inside its card rather than running past it */
  main[data-ga-page="education"] .gx-start__btn{max-width:100%;height:auto;min-height:52px;padding:12px 22px;white-space:normal;text-align:center;line-height:1.25}
  /* admissions' inbox: each label has the row's width, its badge on the line under it */
  main[data-ga-page="education"] .gxd-inbox__row{grid-template-columns:26px minmax(0,1fr);gap:5px 12px}
  main[data-ga-page="education"] .gxd-inbox__av{grid-row:1 / 3;width:26px;height:26px}
  main[data-ga-page="education"] .gxd-inbox__row > b{grid-column:2;justify-self:start}
  main[data-ga-page="education"] .gxd-plan{padding:8px 14px 14px}
  main[data-ga-page="education"] .gxd-plan__weeks{gap:2px;height:44px}
  main[data-ga-page="education"] .gxd-plan__legend li{font-size:14px}
  main[data-ga-page="education"] .gxd-land{margin:6px 10px 12px;padding:14px}
  main[data-ga-page="education"] .gxd-land__url{flex-wrap:wrap}
  main[data-ga-page="education"] .gxd-land__row{font-size:14px}
  main[data-ga-page="education"] .gxd-card{margin:4px 10px 12px}
  main[data-ga-page="education"] .gxd-card__row{padding:11px 12px;font-size:14px}
  /* anatomy */
  main[data-ga-page="education"] .gxd-plate{padding:12px 10px 12px 44px;border-radius:20px}
  main[data-ga-page="education"] .gxd-plate::before{left:21px;top:48px;bottom:34px}
  main[data-ga-page="education"] .gxd-part--anatomy-2 .gx-xp__txt{font-size:15.5px}
  main[data-ga-page="education"] .gxd-xp__fund{font-size:13px}
  main[data-ga-page="education"] .gxd-part--anatomy-3 .gx-xp__txt,main[data-ga-page="education"] .gxd-part--anatomy-4 .gx-xp__txt{font-size:14px;line-height:1.5}
  main[data-ga-page="education"] .gxd-xp__track{max-width:240px;min-height:28px}
  main[data-ga-page="education"] .gxd-xp__track > span{width:26px;height:26px}
  main[data-ga-page="education"] .gxd-xp__track svg{width:13px;height:13px}
}
/* the narrowest phones: the moment picker names only the moment in view; the course guide reads in one column */
/* the race on tablets: the whole storyboard as before, frames as controls; the need's and the search's pictures
   keep a set height instead of growing with the frame's width */
@media (min-width:701px) and (max-width:1080px){
  main[data-ga-page="education"] .gxd-f--need > .gx-sb__art,main[data-ga-page="education"] .gxd-f--search > .gx-sb__art{contain:size;min-height:240px}
  main[data-ga-page="education"] .gxd-night svg{position:absolute;inset:34px 0 0}
  main[data-ga-page="education"] .gxd-look{grid-template-rows:minmax(0,1fr) auto}
  main[data-ga-page="education"] .gxd-look__screen{overflow:hidden}
}
/* the race on phones, with JS (one moment at a time): each lane's name sits on its frame's time row, the pictures
   take the height the words leave them, so the stage (one height for every moment), the picker and previous /
   next fit one screen under the nav; the reader never scrolls up to move on */
@media (max-width:700px){
  html.el8-js main[data-ga-page="education"] .gxd-race__mast{margin-bottom:10px}
  html.el8-js main[data-ga-page="education"] .gxd-cal{height:44px;padding:13px 10px 4px}
  html.el8-js main[data-ga-page="education"] .gxd-sb{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
  html.el8-js main[data-ga-page="education"] .gxd-f--need,html.el8-js main[data-ga-page="education"] .gxd-f--search{grid-row:1 / 3}
  html.el8-js main[data-ga-page="education"] .gxd-lk.is-honest,html.el8-js main[data-ga-page="education"] .gxd-lane.is-honest{grid-row:1}
  html.el8-js main[data-ga-page="education"] .gxd-lk.is-hype,html.el8-js main[data-ga-page="education"] .gxd-lane.is-hype{grid-row:2}
  html.el8-js main[data-ga-page="education"] .gxd-lk.is-honest,html.el8-js main[data-ga-page="education"] .gxd-lk.is-hype{z-index:3;align-self:start;justify-self:end;margin:10px 12px 0 0;padding:3px 9px;font-size:10.5px;letter-spacing:.08em;pointer-events:none}
  html.el8-js main[data-ga-page="education"] .gxd-lane > .gx-sb__stamp{min-height:22px;align-items:center;padding-right:96px}
  html.el8-js main[data-ga-page="education"] .gxd-f--need > .gx-sb__art,html.el8-js main[data-ga-page="education"] .gxd-f--search > .gx-sb__art{contain:size;min-height:170px}
  html.el8-js main[data-ga-page="education"] .gxd-night svg{position:absolute;inset:30px 0 0}
  html.el8-js main[data-ga-page="education"] .gxd-look{grid-template-rows:minmax(0,1fr) auto}
  html.el8-js main[data-ga-page="education"] .gxd-look__screen{overflow:hidden}
  html.el8-js main[data-ga-page="education"] .gxd-lane{gap:7px;padding:10px 13px 11px}
  html.el8-js main[data-ga-page="education"] .gxd-stage{padding:5px}
  html.el8-js main[data-ga-page="education"] .gxd-stage:not(:has(> .gxd-ad.is-honest)){contain:size;min-height:110px}
  html.el8-js main[data-ga-page="education"] .gxd-ad{gap:4px;padding:10px 11px}
  html.el8-js main[data-ga-page="education"] .gxd-page{gap:6px;padding:10px}
  html.el8-js main[data-ga-page="education"] .gxd-page__fact{padding:5px 8px}
}
@media (max-width:380px){
  main[data-ga-page="education"] .gxd-race .gx-sb__step{gap:6px;padding:0 12px;font-size:13px}
  main[data-ga-page="education"] .gxd-steps span{visibility:hidden}
  main[data-ga-page="education"] .gxd-steps .is-now span{visibility:visible}
  main[data-ga-page="education"] .gxd-steps button:first-child span{position:relative;left:12px}
  main[data-ga-page="education"] .gxd-steps button:last-child span{position:relative;right:12px}
  main[data-ga-page="education"] .gxd-guide{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  main[data-ga-page="education"] .gxd-r-walker{offset-distance:100%}
  main[data-ga-page="education"] .gxd-intent__walker{left:75%}
  main[data-ga-page="education"] .gxd-sheet__hype s,main[data-ga-page="education"] .gxd-sheet__honest span{animation:none!important}
}