/* EMPOWER GRE course shell, from gre-tokens.css: progress bars, Material Symbols for Dore's icon classes, the footer, the search panel, the tablet and phone top bar with the quick links at the foot, tooltips, reduced motion. */
@scope (html) to (.testForm, [id^=my_quiz_id]) {  /* nothing in here reaches the quiz runner, which renders exactly as GMAT's */
:scope:has(> body.ea-course) { scroll-padding:calc(var(--bar-h) + 16px) 0 0; }  /* every jump (a #lesson link, a focused drill button, scrollIntoView) stops below the sticky bar, not under it (1.29's 52 tile sat under it, 10-11) */
.ea-course .progress { height:7px; overflow:hidden; border-radius:var(--r-round); background:var(--track); }
.ea-course .progress-bar { border-radius:var(--r-round); background:var(--g-track)!important; }
/* Material Symbols only: the shared module markup still prints Dore's simple-line-icons and Font Awesome classes (get_icon(), the bookmark
   and reset actions, the mark-complete circle), so each draws its Material Symbol here and the old icon fonts never paint on GRE */
.ea-course :is(.simple-icon-book-open,.simple-icon-camrecorder,.simple-icon-calculator,.simple-icon-graduation,.simple-icon-options,.simple-icon-arrow-down,.fa-star,.fa-star-o,.fa-recycle,.fa-circle-thin)::before { font:normal 1.15em/1 "Material Symbols Outlined"!important; font-feature-settings:"liga"; font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24; vertical-align:-.15em; }
.ea-course .simple-icon-book-open::before { content:"menu_book"; } .ea-course .simple-icon-camrecorder::before { content:"videocam"; } .ea-course .simple-icon-calculator::before { content:"calculate"; }
.ea-course .simple-icon-graduation::before { content:"school"; } .ea-course .simple-icon-options::before { content:"tune"; } .ea-course .simple-icon-arrow-down::before { content:"expand_more"; }
.ea-course .fa-star-o::before { content:"star"; } .ea-course .fa-star::before { content:"star"; font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24; } .ea-course .fa-recycle::before { content:"restart_alt"; } .ea-course .fa-circle-thin::before { content:"radio_button_unchecked"; }

/* Footer: quiet, on the ground, one hairline above it, like the login page's foot */
.ea-course footer.ea-footer { position:static; height:auto; margin:0!important; padding:var(--gap-xl) var(--gutter) 40px; border-top:1px solid var(--hair); background:transparent; }
.ea-course .ea-footer-inner { max-width:var(--wrap); margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:var(--gap-xl); }
.ea-course .ea-footer-brand img { width:180px; height:auto; } .ea-course .ea-footer-brand p { max-width:470px; margin:var(--gap-m) 0 var(--gap-s); color:var(--meta); font-size:var(--fs-small); line-height:1.6; }
.ea-course .ea-footer-brand small { color:var(--meta); font-size:var(--fs-small); }
.ea-course .ea-footer nav { display:flex; flex-direction:column; align-items:flex-start; gap:var(--gap-s); }
.ea-course .ea-footer nav strong { margin-bottom:var(--gap-xs); color:var(--eyebrow-card); font-size:var(--fs-eyebrow); font-weight:var(--w-b); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; }
.ea-course .ea-footer nav a { color:var(--meta); font-size:var(--fs-meta); text-decoration:none; }
.ea-course .ea-footer nav a:hover { color:var(--blue); }

.ea-course .tooltip-inner { padding:7px 10px; border-radius:var(--r-mark); background:var(--ink-title); font:var(--w-b) var(--fs-small) var(--font); }

/* Search panel under the top bar (dore_base.tpl, gre-shell.js), and the quick links at the foot of a phone screen */
.ea-course .ea-search { position:fixed; z-index:1040; top:calc(var(--bar-h) + 10px); left:50%; width:min(720px,calc(100% - 28px)); max-height:min(620px,calc(100svh - 110px)); overflow:auto; padding:16px; border:var(--card-line); border-radius:18px; background:var(--surface); box-shadow:var(--float-shadow); transform:translateX(-50%); }
.ea-course .ea-search[hidden] { display:none; } .ea-course .ea-search label { display:flex; align-items:center; gap:12px; margin:0; padding:6px 6px 6px 12px; border:1px solid var(--line); border-radius:var(--r-field); }
.ea-course .ea-search input { flex:1; min-width:0; height:36px; padding:0; border:0!important; background:transparent; box-shadow:none; font-size:16px; font-weight:var(--w-r); }
.ea-course .ea-search label button { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:var(--r-mark); background:var(--hover-bg); color:var(--ink-back); cursor:pointer; }
.ea-course .ea-search > p { margin:10px 2px 0; color:var(--meta); font-size:var(--fs-label); font-weight:var(--w-b); } .ea-course .ea-search > div { display:grid; gap:6px; margin-top:var(--gap-s); }
.ea-course .ea-search strong { padding:10px 4px 2px; color:var(--eyebrow); font-size:var(--fs-tag); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; }
.ea-course .ea-search a { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px; border-radius:var(--r-mark); background:var(--hover-bg); color:var(--ink-row); font-size:var(--fs-ui); text-decoration:none; } .ea-course .ea-search a:hover { background:var(--row-on-bg); }
.ea-course .ea-search small { color:var(--meta); white-space:nowrap; } .ea-course .ea-search em { padding:20px 4px; color:var(--body); font-style:normal; }
.ea-course .ea-bottom { display:none; }
@media (max-width:1180px) {
  .ea-course .ea-nav { padding-inline:20px; } .ea-course .ea-nav-brand img { width:175px; }
  .ea-course .ea-nav-links a { min-width:0; padding:0 10px; } .ea-course .ea-nav-links a > span:last-child { display:none; }  /* icons only, as the concept */
}
@media (max-width:820px) {
  :scope:has(> body.ea-course) { scroll-padding:calc(var(--bar-h-sm) + 16px) 0 88px; }  /* and above the 72 px quick-link bar */
  .ea-course .ea-nav { grid-template-columns:1fr auto auto; gap:8px; height:var(--bar-h-sm); padding-inline:16px; }
  .ea-course .ea-nav-tools { gap:8px; } .ea-course .ea-nav-tools > a.ea-nav-round { display:none; } .ea-course .ea-nav-burger { display:inline-flex; }   /* search and the account menu stay in the bar (Contact support is in the account menu) */
  .ea-course .ea-nav-links a:nth-child(-n+5) { display:none; }   /* the menu holds only what the bottom bar does not: Planner, Exams, Library (Justin 10-12: "redundant menu yet account menu from navbar is absent") */
  .ea-course .ea-nav-links { display:none; position:fixed; top:var(--bar-h-sm); left:0; right:0; flex-direction:column; gap:0; padding:9px 16px 16px; border-bottom:1px solid var(--hair); background:var(--surface); box-shadow:var(--float-shadow); }
  .ea-course.ea-menu-open .ea-nav-links { display:flex; }   .ea-course .ea-nav-links a { justify-content:flex-start; min-height:46px; padding:0 10px; border-bottom:1px solid var(--line-soft); } .ea-course .ea-nav-links a > span:last-child { display:inline; } .ea-course .ea-nav-links a::before, .ea-course .ea-nav-links a.active::after { display:none; }
  .ea-course .ea-nav-links a.active, .ea-course .ea-nav-links a.active .material-symbols-outlined { background:var(--row-on-bg); color:var(--row-on); } .ea-course .ea-nav-links a.active::before { display:none; }   /* the drawer's current row is a light tint, so its text takes the row ink, not the white of the desktop pill (Justin 10-12: "white on light?") */   .ea-course .ea-search { top:calc(var(--bar-h-sm) + 8px); }   .ea-course .ea-bottom { position:fixed; z-index:1030; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(5,1fr); height:72px; padding-bottom:env(safe-area-inset-bottom); border-top:1px solid var(--hair); background:var(--surface); }
  .ea-course .ea-bottom a { display:grid; place-content:center; justify-items:center; gap:4px; color:var(--ink-back); font-size:var(--fs-tag); font-weight:var(--w-b); text-decoration:none; } .ea-course .ea-bottom a.active { color:var(--row-on); }
  .ea-course .ea-bottom .material-symbols-outlined { font-size:24px; } .ea-course .ea-bottom a.active .material-symbols-outlined { font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24; }
  .ea-course main { padding-bottom:110px!important; }
}
@media (max-width:560px) {
  .ea-course { --gutter:16px; --pad-card:var(--pad-card-sm); --r-card:var(--r-panel); }
  .ea-course .ea-nav-brand img { width:180px; }
  .ea-course main { padding-top:29px!important; }
  .ea-course .ea-head > p, .ea-course .ea-lead { font-size:var(--fs-body); }
  .ea-course .ea-footer-inner { grid-template-columns:1fr 1fr; gap:32px; }
  .ea-course .ea-footer-brand { grid-column:1 / -1; }
}
@media (prefers-reduced-motion:reduce) { .ea-course *, .ea-course *::before { transition:none!important; animation:none!important; } } .ea-course.gp-still *, .ea-course.gp-still *::before, .ea-course.gp-still *::after { transition:none!important; animation:none!important; }  /* Settings, Reduced motion (dore_base.tpl prints gp-still from FEU gre_state) */
}