/* EJU Major V2 — scoped visual system for EJU gateways and information pages. */
.eju-major{
  --eju-paper:#f4ede1;
  --eju-paper-2:#fffaf1;
  --eju-ink:#153149;
  --eju-ink-soft:#536a7b;
  --eju-gold:#b68845;
  --eju-sumi:#9d4838;
  --eju-sky:#5e91a9;
  --eju-mint:#4f8a75;
  --eju-line:rgba(21,49,73,.15);
  --eju-line-strong:rgba(21,49,73,.25);
  --eju-card:rgba(255,252,246,.86);
  --eju-shadow:0 22px 60px rgba(32,51,65,.12);
  --eju-shadow-soft:0 10px 30px rgba(32,51,65,.08);
  --eju-radius:26px;
  --eju-sans:"Be Vietnam Pro","Inter Tight",system-ui,-apple-system,sans-serif;
  --eju-serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",serif;
  --eju-jp:"Noto Serif JP",serif;
}

/* Main EJU gateway — keep the shared V24 shell, replace only the EJU canvas. */
html[data-theme="light"] body[data-page="eju"]{
  background:
    radial-gradient(circle at 84% 12%,rgba(94,145,169,.17),transparent 28rem),
    radial-gradient(circle at 12% 68%,rgba(157,72,56,.10),transparent 31rem),
    linear-gradient(180deg,#f5eee2,#efe6d8 58%,#e9dece);
  color:var(--eju-ink);
}

body[data-page="eju"] .hero{
  display:grid;
  min-height:min(860px,100svh);
  min-height:min(860px,100dvh);
  align-items:center;
  overflow:hidden;
  padding:clamp(112px,14vh,142px) clamp(22px,6vw,92px) 132px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px) 0 0/72px 72px;
}

body[data-page="eju"] .hero__scene{
  inset:clamp(98px,11vh,122px) clamp(24px,5vw,76px) 126px auto;
  z-index:0;
  width:min(48vw,720px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.66);
  border-radius:34px;
  background:#d8e0dc var(--hub-scene) center/cover no-repeat;
  box-shadow:0 30px 80px rgba(32,53,67,.23),inset 0 0 0 1px rgba(15,39,55,.08);
  filter:saturate(1.03) contrast(1.02) brightness(1.06);
  transform:none;
}

body[data-page="eju"] .hero__scene::before{
  background:linear-gradient(90deg,rgba(10,29,42,.26),rgba(10,29,42,.03) 45%,rgba(10,29,42,.12));
}

body[data-page="eju"] .hero__scene::after{
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 58%,rgba(7,22,34,.46));
}

body[data-page="eju"] .hero__veil{display:none}
body[data-page="eju"] .hero__content{z-index:2;max-width:min(520px,42vw)}
body[data-page="eju"] .hero__content::before{display:none}

body[data-page="eju"] .hero__kanji{
  top:46%;
  left:-.04em;
  z-index:1;
  color:rgba(21,49,73,.055);
  font-size:clamp(240px,30vw,480px);
  opacity:1;
  text-shadow:none;
}

body[data-page="eju"] .hero__vertical{
  top:132px;
  right:calc(clamp(24px,5vw,76px) + 20px);
  z-index:2;
  color:rgba(255,255,255,.82);
  text-shadow:0 2px 10px rgba(4,18,28,.68);
}

body[data-page="eju"] .hero__level{
  color:var(--eju-sumi);
  text-shadow:none;
}

body[data-page="eju"] .hero__level b{
  border-color:rgba(157,72,56,.36);
  background:rgba(255,251,243,.7);
  color:var(--eju-ink);
  box-shadow:inset 0 1px rgba(255,255,255,.72);
}

body[data-page="eju"] .hero h1{
  max-width:540px;
  color:var(--eju-ink);
  font-size:clamp(66px,7.1vw,108px);
  line-height:.82;
  text-shadow:none;
}

body[data-page="eju"] .hero h1 span{
  color:var(--eju-ink);
  -webkit-text-fill-color:currentColor;
  text-shadow:none;
}

body[data-page="eju"] .hero h1 em{
  margin:.22em 0 0 .12em;
  color:var(--eju-sumi);
  -webkit-text-fill-color:currentColor;
  filter:none;
  text-shadow:none;
}

body[data-page="eju"] .hero__lead{
  max-width:440px;
  color:var(--eju-ink-soft);
  font-size:16px;
  text-shadow:none;
}

body[data-page="eju"] .primary-action{
  border-color:rgba(21,49,73,.18);
  background:linear-gradient(135deg,#17364f,#10293d);
  color:#fff9ed;
  box-shadow:0 18px 40px rgba(21,49,73,.18),inset 0 1px rgba(255,255,255,.14);
}

body[data-page="eju"] .primary-action small{color:#d9c59c}
body[data-page="eju"] .primary-action i{border-color:rgba(255,255,255,.28);color:#ffd58e}

body[data-page="eju"] .level-rail{
  right:clamp(18px,5vw,76px);
  bottom:24px;
  left:clamp(18px,5vw,76px);
  z-index:3;
  overflow:hidden;
  border:1px solid rgba(21,49,73,.14);
  border-radius:22px;
  background:rgba(255,251,244,.88);
  box-shadow:0 18px 48px rgba(29,48,61,.14),inset 0 1px rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
}

body[data-page="eju"] .level-rail__intro{
  border-right-color:var(--eju-line);
  background:linear-gradient(135deg,rgba(182,136,69,.16),rgba(157,72,56,.05));
}

body[data-page="eju"] .level-rail__intro i{color:var(--eju-sumi);text-shadow:none}
body[data-page="eju"] .level-rail__intro small{color:var(--eju-ink-soft);text-shadow:none}
body[data-page="eju"] .level-rail__intro b{color:var(--eju-ink);text-shadow:none}

body[data-page="eju"] .level-rail a{
  border-right-color:var(--eju-line);
  color:var(--eju-ink-soft);
  text-shadow:none;
}

body[data-page="eju"] .level-rail a:last-child{border-right:0}
body[data-page="eju"] .level-rail a>span{color:var(--eju-ink);text-shadow:none}
body[data-page="eju"] .level-rail a>small{color:var(--eju-ink-soft)}
body[data-page="eju"] .level-rail a>em{color:var(--eju-sumi);text-shadow:none}
body[data-page="eju"] .level-rail a:hover{background:rgba(94,145,169,.08);color:var(--eju-ink)}

body[data-page="eju"] .level-rail a.is-featured{
  background:linear-gradient(135deg,rgba(182,136,69,.20),rgba(157,72,56,.08));
  color:var(--eju-ink);
}

body[data-page="eju"] .level-rail a.is-featured>span{
  color:#78501f;
  text-shadow:none;
}

body[data-page="eju"] .level-rail a.is-featured>small{color:var(--eju-ink)}

body[data-page="eju"] .foundation{
  padding-top:clamp(84px,10vw,132px);
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04));
}

body[data-page="eju"] .foundation::before,
body[data-page="eju"] .library::before{
  background:radial-gradient(circle at 12% 24%,rgba(94,145,169,.12),transparent 28rem),radial-gradient(circle at 88% 60%,rgba(157,72,56,.09),transparent 31rem);
}

body[data-page="eju"] .section-heading h2,
body[data-page="eju"] .section-heading p{color:var(--eju-ink)}
body[data-page="eju"] .section-heading h2{text-shadow:0 1px rgba(255,255,255,.7)}
body[data-page="eju"] .section-heading h2 em{color:var(--eju-sumi);-webkit-text-fill-color:currentColor}
body[data-page="eju"] .section-heading p{color:var(--eju-ink-soft)}

body[data-page="eju"] .foundation-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(230px,auto));
  gap:0;
  overflow:hidden;
  border:1px solid var(--eju-line);
  border-radius:var(--eju-radius);
  background:rgba(255,252,246,.68);
  box-shadow:var(--eju-shadow-soft),inset 0 1px rgba(255,255,255,.82);
}

body[data-page="eju"] .foundation-card,
body[data-page="eju"] .foundation-card--vocab{
  grid-row:auto;
  min-height:230px;
  border:0;
  border-right:1px solid var(--eju-line);
  border-bottom:1px solid var(--eju-line);
  border-radius:0;
  background:transparent;
  color:var(--eju-ink);
  box-shadow:none;
}

body[data-page="eju"] .foundation-card:nth-child(2n){border-right:0}
body[data-page="eju"] .foundation-card:nth-last-child(-n+2){border-bottom:0}

body[data-page="eju"] .foundation-card--vocab{
  background:linear-gradient(0deg,rgba(11,32,47,.84),rgba(11,32,47,.16) 70%),var(--hub-card-scene) 50% 62%/cover no-repeat;
  color:#fff;
}

body[data-page="eju"] .foundation-card--vocab .foundation-card__copy b,
body[data-page="eju"] .foundation-card--vocab .foundation-card__copy em{color:#fff}
body[data-page="eju"] .foundation-card--vocab .foundation-card__copy small{color:#ffd58e}
body[data-page="eju"] .foundation-card__copy b{color:inherit}
body[data-page="eju"] .foundation-card__copy em{color:var(--eju-ink-soft)}
body[data-page="eju"] .foundation-card__copy small{color:#79511d}
body[data-page="eju"] .foundation-card__jp{color:var(--eju-gold);text-shadow:none}
body[data-page="eju"] .foundation-card--grammar .foundation-card__jp{color:#35748e;text-shadow:none}
body[data-page="eju"] .foundation-card--kanji .foundation-card__jp{color:#3d7765;text-shadow:none}
body[data-page="eju"] .foundation-card--practice .foundation-card__jp{color:var(--eju-sumi);text-shadow:none}
body[data-page="eju"] .foundation-card>i{border-color:var(--eju-line-strong);background:rgba(255,255,255,.34);color:inherit}

body[data-page="eju"] .quick-tools{
  border-color:var(--eju-line);
  background:linear-gradient(135deg,rgba(255,255,255,.40),rgba(255,255,255,.08)),rgba(244,238,226,.72);
  color:var(--eju-ink);
}

body[data-page="eju"] .quick-tools__heading>span{color:var(--eju-sumi);text-shadow:none}
body[data-page="eju"] .quick-tools__heading small{color:#78501f}
body[data-page="eju"] .quick-tools__heading h2{color:var(--eju-ink)}
body[data-page="eju"] .quick-tools__items>a,
body[data-page="eju"] .quick-tools__more>summary{
  border-color:var(--eju-line);
  background:rgba(255,252,246,.62);
  color:var(--eju-ink);
  box-shadow:inset 0 1px rgba(255,255,255,.72);
}
body[data-page="eju"] .quick-tools__items i{color:var(--eju-sumi)}
body[data-page="eju"] .quick-tools__drawer a{border-color:var(--eju-line);color:var(--eju-ink-soft)}

/* Shared shell for the eight EJU subject and guide pages. */
body.eju-major--subject,
body.eju-major--guide{
  position:relative;
  margin:0;
  padding-right:0!important;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 88% 4%,rgba(94,145,169,.16),transparent 27rem),
    radial-gradient(circle at 4% 72%,rgba(157,72,56,.09),transparent 28rem),
    linear-gradient(180deg,var(--eju-paper-2),var(--eju-paper));
  color:var(--eju-ink);
  font-family:var(--eju-sans);
}

body.eju-major--subject::before,
body.eju-major--guide::before{
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(21,49,73,.025) 1px,transparent 1px) 0 0/76px 76px,
    linear-gradient(rgba(21,49,73,.025) 1px,transparent 1px) 0 0/76px 76px;
  content:"";
  pointer-events:none;
}

body.eju-major[data-eju-page="tieng-nhat"]{--eju-accent:#a97836;--eju-accent-soft:#f0dfbd}
body.eju-major[data-eju-page="toan"]{--eju-accent:#32758e;--eju-accent-soft:#d4e8ee}
body.eju-major[data-eju-page="tong-hop"]{--eju-accent:#994c3e;--eju-accent-soft:#efd9d2}
body.eju-major[data-eju-page="khoa-hoc"]{--eju-accent:#477b69;--eju-accent-soft:#d9e9e0}
body.eju-major--guide{--eju-accent:var(--eju-sumi);--eju-accent-soft:#edd9cf}

body.eju-major--subject .wrap,
body.eju-major--guide .wrap{
  width:min(100%,1240px);
  max-width:none;
  margin:0 auto;
  padding:max(20px,env(safe-area-inset-top)) clamp(18px,4vw,54px) max(64px,env(safe-area-inset-bottom));
}

body.eju-major .nav-top{
  position:relative;
  z-index:2;
  min-height:76px;
  margin:0 0 18px;
  padding:8px 0 14px;
  border-bottom:0;
}

body.eju-major .nav-top .brand{
  flex:0 1 auto;
  width:max-content;
  max-width:min(420px,70vw);
  padding:7px 16px 7px 7px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),#17344b;
  color:#fff9ed;
  box-shadow:0 12px 32px rgba(21,49,73,.15),inset 0 1px rgba(255,255,255,.18);
}

body.eju-major .nav-top .brand img{
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:13px;
}

body.eju-major .brand-name{color:#fff9ed;font-size:24px}
body.eju-major .brand-jp{color:#d8c6a4}

body.eju-major .back{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  border-color:var(--eju-line-strong);
  background:rgba(255,252,246,.58);
  color:var(--eju-ink);
  box-shadow:inset 0 1px rgba(255,255,255,.78);
}

body.eju-major .back:hover{border-color:transparent;background:var(--eju-ink);color:#fff9ed}

.eju-context-nav{
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin:0 0 clamp(42px,6vw,72px);
  padding:6px;
  border:1px solid var(--eju-line);
  border-radius:17px;
  background:rgba(255,252,246,.62);
  box-shadow:inset 0 1px rgba(255,255,255,.74);
  scrollbar-width:none;
}

.eju-context-nav::-webkit-scrollbar{display:none}
.eju-context-nav a{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  flex:1 0 auto;
  padding:9px 15px;
  border-radius:12px;
  color:var(--eju-ink-soft);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

.eju-context-nav a:hover{background:rgba(94,145,169,.09);color:var(--eju-ink)}
.eju-context-nav a[aria-current="page"]{background:var(--eju-ink);color:#fff9ed;box-shadow:0 8px 20px rgba(21,49,73,.15)}

body.eju-major .eyebrow{
  color:var(--eju-accent,var(--eju-gold));
  font-size:12px;
  font-weight:700;
}

body.eju-major .eyebrow .jp{color:inherit}
body.eju-major h1{
  max-width:820px;
  margin-bottom:22px;
  color:var(--eju-ink);
  font-family:var(--eju-serif);
  font-size:clamp(54px,7.2vw,96px);
  font-weight:600;
  letter-spacing:-.035em;
  line-height:.92;
}

body.eju-major h1::after{
  display:block;
  width:clamp(110px,16vw,220px);
  height:5px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--eju-accent,var(--eju-sumi)),transparent);
  content:"";
  transform:rotate(-1.4deg);
}

body.eju-major .lede{
  max-width:780px;
  margin-bottom:clamp(42px,6vw,70px);
  color:var(--eju-ink-soft);
  font-size:clamp(16px,1.55vw,20px);
  line-height:1.72;
}

body.eju-major--subject .cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  margin-bottom:34px;
  border:1px solid var(--eju-line);
  border-radius:var(--eju-radius);
  background:rgba(255,252,246,.68);
  box-shadow:var(--eju-shadow-soft),inset 0 1px rgba(255,255,255,.82);
}

body.eju-major--subject .card{
  position:relative;
  isolation:isolate;
  grid-template-columns:64px 1fr 32px;
  min-height:184px;
  overflow:hidden;
  padding:24px;
  border:0;
  border-right:1px solid var(--eju-line);
  border-bottom:1px solid var(--eju-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.eju-major--subject .card:nth-child(3n){border-right:0}
body.eju-major--subject .card:nth-last-child(-n+3){border-bottom:0}

body.eju-major--subject .card::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:-1;
  height:4px;
  background:linear-gradient(90deg,var(--eju-accent),transparent 78%);
  content:"";
}

body.eju-major--subject .card::after{
  position:absolute;
  right:-34px;
  bottom:-58px;
  z-index:-1;
  width:150px;
  height:150px;
  border-radius:50%;
  background:var(--eju-accent-soft);
  content:"";
  opacity:.42;
}

body.eju-major--subject .card:hover{
  border-color:color-mix(in srgb,var(--eju-accent) 52%,transparent);
  background:color-mix(in srgb,var(--eju-accent-soft) 36%,transparent);
  box-shadow:none;
  transform:none;
}

body.eju-major--subject .card-jp{
  display:grid;
  width:60px;
  height:60px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--eju-accent) 24%,transparent);
  border-radius:18px;
  background:var(--eju-accent-soft);
  color:var(--eju-accent);
  font-family:var(--eju-jp);
  font-size:34px;
}

body.eju-major--subject .card-jp-line{color:var(--eju-accent);font-weight:700}
body.eju-major--subject .card-title{color:var(--eju-ink);font-size:27px;font-weight:600}
body.eju-major--subject .card-desc{color:var(--eju-ink-soft);font-size:14px;line-height:1.55}
body.eju-major--subject .card-arrow{align-self:center;color:var(--eju-accent);font-size:22px}

body.eju-major--subject .tl-chua-mo{
  border-style:dashed;
  background:rgba(232,233,225,.18);
  box-shadow:none;
}

body.eju-major--subject .tl-chua-mo:hover{transform:none;box-shadow:none}
body.eju-major--subject .tl-chuamo{
  top:14px;
  right:14px;
  border:1px solid color-mix(in srgb,var(--eju-accent) 30%,transparent);
  background:var(--eju-accent-soft);
  color:var(--eju-accent);
}

body.eju-major .note{
  border:1px solid var(--eju-line);
  border-left:4px solid var(--eju-accent,var(--eju-sumi));
  border-radius:16px;
  background:rgba(255,252,246,.64);
  color:var(--eju-ink-soft);
  font-style:normal;
}

body.eju-major .note a{color:var(--eju-ink)}
body.eju-major .signup{
  border-color:var(--eju-line);
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.12)),var(--eju-accent-soft,#edd9cf);
  box-shadow:var(--eju-shadow-soft);
}
body.eju-major .signup-eyebrow{color:var(--eju-accent,var(--eju-sumi))}
body.eju-major .signup-title{color:var(--eju-ink);font-weight:600}
body.eju-major .signup-lede,body.eju-major .signup-note{color:var(--eju-ink-soft)}
body.eju-major .signup-form button{background:var(--eju-ink);color:#fff9ed}

body.eju-major .f-grid{
  margin-top:72px;
  border-top:1px solid var(--eju-line);
}
body.eju-major .f-col h4{color:var(--eju-accent,var(--eju-gold))}
body.eju-major .f-col a,body.eju-major .f-col p,body.eju-major .f-bot{color:var(--eju-ink-soft)}

body.eju-major #tl-mode-btn,
body.eju-major .tl-x-btn,
body.eju-major #tl-appbanner>button{
  min-width:47px!important;
  min-height:47px!important;
  width:47px!important;
  height:47px!important;
}
body.eju-major #tln-bell{min-height:44px!important}
body.eju-major #tl-appbanner>a{display:flex!important;min-height:44px;align-items:center}

body.eju-major--guide .hero-art{
  overflow:hidden;
  margin:0 0 clamp(42px,6vw,72px);
  border:1px solid var(--eju-line);
  border-radius:var(--eju-radius);
  background:rgba(255,252,246,.64);
  box-shadow:var(--eju-shadow);
}

body.eju-major--guide .section{
  max-width:920px;
  margin:0;
  padding:clamp(30px,4vw,50px) 0;
  border:0;
  border-top:1px solid var(--eju-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.eju-major--guide .section h2{
  color:var(--eju-ink);
  font-family:var(--eju-serif);
  font-size:clamp(30px,3.2vw,42px);
  font-weight:600;
}
body.eju-major--guide .section h2 em{color:var(--eju-sumi)}
body.eju-major--guide .section p,
body.eju-major--guide .section li{color:var(--eju-ink-soft)}
body.eju-major--guide .section p strong,
body.eju-major--guide .section li strong{color:var(--eju-ink)}

body.eju-major--guide .facts{gap:12px}
body.eju-major--guide .facts .fact{
  border:0;
  border-top:1px solid var(--eju-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.eju-major--guide .fact-label{color:var(--eju-sumi)}
body.eju-major--guide .fact-value{color:var(--eju-ink);font-weight:600}
body.eju-major--guide .fact-note{color:var(--eju-ink-soft)}
body.eju-major--guide .pull{
  border-left-color:var(--eju-sumi);
  background:rgba(157,72,56,.06);
  color:var(--eju-ink);
}
body.eju-major--guide .steps .step{
  border:0;
  border-top:1px solid var(--eju-line);
  border-radius:0;
  background:transparent;
}

html[data-theme="dark"] body[data-page="eju"]{
  --eju-ink:#edf4f5;
  --eju-ink-soft:#b8c9d1;
  --eju-line:rgba(220,238,244,.15);
  --eju-line-strong:rgba(220,238,244,.26);
  background:radial-gradient(circle at 82% 12%,rgba(72,137,166,.16),transparent 29rem),linear-gradient(180deg,#102638,#0b1d2d);
}

html[data-theme="dark"] body[data-page="eju"] .hero{
  background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px) 0 0/72px 72px;
}
html[data-theme="dark"] body[data-page="eju"] .hero h1,
html[data-theme="dark"] body[data-page="eju"] .hero h1 span{color:#fff8ea}
html[data-theme="dark"] body[data-page="eju"] .hero h1 em{color:#efbd99}
html[data-theme="dark"] body[data-page="eju"] .hero__level{color:#f0bc8c}
html[data-theme="dark"] body[data-page="eju"] .hero__level b{background:rgba(14,38,55,.72);color:#fff8ea}
html[data-theme="dark"] body[data-page="eju"] .level-rail{background:rgba(14,37,54,.90)}
html[data-theme="dark"] body[data-page="eju"] .level-rail__intro b,
html[data-theme="dark"] body[data-page="eju"] .level-rail a>span,
html[data-theme="dark"] body[data-page="eju"] .level-rail a.is-featured>span{color:#fff7e7}
html[data-theme="dark"] body[data-page="eju"] .level-rail__intro small,
html[data-theme="dark"] body[data-page="eju"] .level-rail a>small{color:#bfd0d8}
html[data-theme="dark"] body[data-page="eju"] .foundation-card:not(.foundation-card--vocab),
html[data-theme="dark"] body[data-page="eju"] .quick-tools,
html[data-theme="dark"] body[data-page="eju"] .quick-tools__items>a,
html[data-theme="dark"] body[data-page="eju"] .quick-tools__more>summary{background:rgba(19,46,65,.76);color:#edf4f5}

@media(max-width:980px){
  body[data-page="eju"] .hero{padding-inline:28px}
  body[data-page="eju"] .hero__scene{right:28px;width:50vw}
  body[data-page="eju"] .hero__vertical{right:48px}
  body.eju-major--subject .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  body[data-page="eju"] .hero{
    display:flex;
    flex-direction:column;
    min-height:0;
    align-items:stretch;
    gap:22px;
    padding:112px 18px 28px;
    background:none;
  }
  body[data-page="eju"] .hero__content{order:2;max-width:none}
  body[data-page="eju"] .hero__scene{
    position:relative;
    inset:auto;
    order:1;
    width:100%;
    height:clamp(220px,60vw,270px);
    flex:none;
    border-radius:23px;
  }
  body[data-page="eju"] .hero__scene::before{background:linear-gradient(90deg,rgba(7,25,38,.14),transparent 58%)}
  body[data-page="eju"] .hero__kanji,body[data-page="eju"] .hero__vertical{display:none}
  body[data-page="eju"] .hero h1{font-size:clamp(52px,15vw,68px);line-height:.85}
  body[data-page="eju"] .hero h1 em{margin-left:0}
  body[data-page="eju"] .hero__lead{max-width:350px;margin:20px 0 22px}
  body[data-page="eju"] .level-rail{
    position:relative;
    inset:auto;
    order:3;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-radius:18px;
  }
  body[data-page="eju"] .level-rail a{min-height:76px;padding:9px 3px}
  body[data-page="eju"] .level-rail a>span{font-size:24px}
  body[data-page="eju"] .level-rail a.is-featured>span{font-size:27px}
  body[data-page="eju"] .foundation{padding-top:70px}
  body[data-page="eju"] .foundation-grid{grid-template-columns:1fr;grid-template-rows:auto}
  body[data-page="eju"] .foundation-card,body[data-page="eju"] .foundation-card--vocab{min-height:192px}
  body[data-page="eju"] .foundation-card{border-right:0;border-bottom:1px solid var(--eju-line)}
  body[data-page="eju"] .foundation-card:last-child{border-bottom:0}
  body.eju-major .nav-top{min-height:68px}
  body.eju-major .nav-top .brand{max-width:68vw;padding-right:12px}
  body.eju-major .nav-top .brand img{width:43px;height:43px}
  body.eju-major .brand-name{font-size:20px}
  body.eju-major .brand-jp{font-size:8px}
  body.eju-major .back{min-height:44px;padding:7px 11px}
  .eju-context-nav{margin-bottom:42px}
  body.eju-major h1{font-size:clamp(48px,14vw,66px)}
  body.eju-major .lede{font-size:16px}
  body.eju-major--subject .cards{grid-template-columns:1fr}
  body.eju-major--subject .card{min-height:164px;padding:20px;grid-template-columns:56px 1fr 26px}
  body.eju-major--subject .card{border-right:0;border-bottom:1px solid var(--eju-line)}
  body.eju-major--subject .card:last-child{border-bottom:0}
  body.eju-major--subject .card-jp{width:52px;height:52px;border-radius:15px;font-size:30px}
  body.eju-major--subject .card-title{font-size:24px}
  body.eju-major--guide .section{padding:22px 18px}
}

@media(max-width:380px){
  body[data-page="eju"] .hero{padding-inline:14px}
  body[data-page="eju"] .hero h1{font-size:50px}
  body[data-page="eju"] .level-rail a>span{font-size:21px}
  body[data-page="eju"] .level-rail a>small{font-size:8px}
  body.eju-major--subject .wrap,body.eju-major--guide .wrap{padding-inline:14px}
  body.eju-major .nav-top .brand{padding-right:8px}
  body.eju-major .brand-name{font-size:18px}
  body.eju-major .brand-jp{display:none}
  .eju-context-nav{margin-inline:-4px}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="eju"] .hero__scene{transform:none}
  body.eju-major--subject .card{transition:none}
}

@media(forced-colors:active){
  body[data-page="eju"] .hero__scene{display:block}
  .eju-context-nav,body.eju-major--subject .card,body.eju-major--guide .section{border:1px solid ButtonText;background:Canvas;color:CanvasText;box-shadow:none}
}

@media print{
  body.eju-major--subject,body.eju-major--guide{background:#fff!important;color:#111}
  .eju-context-nav{display:none}
  body.eju-major--subject .card,body.eju-major--guide .section{break-inside:avoid;background:#fff;box-shadow:none}
}