/* TalkOn Study Board v2.48 — study first, product explanations second */
.study-first-intro{margin-bottom:14px}
.study-first-intro .section-kicker{color:#b8f58f}
.study-first-intro h1{max-width:820px}
.study-today{
  margin:0 0 18px;padding:24px;border:1px solid rgba(131,233,73,.18);border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(131,233,73,.09),transparent 28rem),
    radial-gradient(circle at 0% 100%,rgba(44,230,214,.07),transparent 24rem),
    linear-gradient(145deg,#10203a,#0a162b);
  box-shadow:0 24px 70px rgba(0,0,0,.18)
}
.study-today-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}
.study-today-head>div:first-child>span,.study-now-card>span,.study-language-card>span,.study-tomorrow-card>span{
  display:block;color:#91efcf;font-size:9px;font-weight:900;letter-spacing:.14em
}
.study-today-head h2{margin:7px 0 6px;font-size:clamp(28px,4vw,44px);letter-spacing:-.045em}
.study-today-head p{margin:0;color:#91a0bb;line-height:1.55;font-size:12px;max-width:760px}
.study-today-level{min-width:120px;padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);text-align:center}
.study-today-level small{display:block;color:#6f7f9c;font-size:8px;font-weight:900;letter-spacing:.12em}
.study-today-level strong{display:block;margin:5px 0 3px;font-size:29px;color:#b9f58e}
.study-today-level span{font-size:9px;color:#8fa0bd}
.study-today-progress{margin-top:18px;display:grid;gap:8px}
.study-today-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;color:#72829f;font-size:8px;font-weight:900;letter-spacing:.1em}
.study-today-progress>div:first-child strong{color:#dce8f8}
.study-today-body{display:grid;grid-template-columns:1fr 1.35fr .9fr;gap:10px;margin-top:17px}
.study-now-card,.study-language-card,.study-tomorrow-card{
  min-height:210px;padding:19px;border-radius:19px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.018)
}
.study-now-card{border-color:rgba(131,233,73,.16);background:linear-gradient(145deg,rgba(131,233,73,.055),rgba(255,255,255,.012))}
.study-now-card h3,.study-tomorrow-card h3{margin:15px 0 7px;font-size:18px}
.study-now-card p,.study-tomorrow-card p{margin:0 0 17px;color:#8493af;font-size:10px;line-height:1.55}
.study-now-card .appv3-primary{width:100%;margin-top:auto}
.study-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.study-language-grid>div{padding:13px;border-radius:14px;background:#08152a;border:1px solid rgba(255,255,255,.06)}
.study-language-grid small{display:block;color:#657593;font-size:7px;font-weight:900;letter-spacing:.12em;margin-bottom:10px}
.study-language-grid [data-study-vocab],.study-language-grid [data-study-chunks]{display:grid;gap:7px}
.study-word,.study-chunk{display:grid;gap:2px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.055)}
.study-word:last-child,.study-chunk:last-child{border-bottom:0;padding-bottom:0}
.study-word b,.study-chunk b{font-size:10px;color:#e5edf9}
.study-word span,.study-chunk span{font-size:8px;color:#7686a4;line-height:1.35}
.study-tomorrow-next{margin-top:16px;padding:13px;border-radius:14px;background:rgba(143,99,255,.055);border:1px solid rgba(143,99,255,.14)}
.study-tomorrow-next small{display:block;color:#8e7ac1;font-size:7px;font-weight:900;letter-spacing:.11em}
.study-tomorrow-next strong{display:block;margin-top:5px;font-size:11px;line-height:1.4}
.study-phase-strip{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;margin-top:14px}
.study-phase{padding:8px 4px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.014);text-align:center;min-width:0;color:inherit;font:inherit;cursor:pointer;appearance:none}
.study-phase span{display:block;font-size:7px;color:#60708d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.study-phase.is-done{background:rgba(131,233,73,.055);border-color:rgba(131,233,73,.15)}
.study-phase.is-done span{color:#9fe06f}
.study-phase.is-current{background:rgba(44,230,214,.07);border-color:rgba(44,230,214,.22);box-shadow:0 0 0 2px rgba(44,230,214,.03)}
.study-phase.is-current span{color:#8cefe0;font-weight:900}.study-phase:hover{border-color:rgba(44,230,214,.28);background:rgba(44,230,214,.045)}.study-phase:focus-visible{outline:2px solid #83e949;outline-offset:2px}
.study-secondary-details{margin-top:16px}
.study-secondary-details>summary{cursor:pointer;list-style:none;width:max-content;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);color:#7787a5;font-size:9px;font-weight:800}
.study-secondary-details>summary::-webkit-details-marker{display:none}
.study-secondary-details>summary:before{content:"+";margin-right:7px;color:#6edfd0}
.study-secondary-details[open]>summary:before{content:"–"}
.study-progress-summary{margin-top:12px}
.appv3-sidebar .appx-phase-card,.appv3-sidebar .appv3-ecosystem-links{opacity:.6}
.appv3-nav [data-view="course"]{order:-20}
.appv3-nav [data-view="readers"]{order:-19}
.appv3-nav [data-view="speak"]{order:-18}
.appv3-nav [data-view="listening"]{order:-17}
.appv3-nav [data-view="pronunciation"]{order:-16}
.appv3-nav [data-view="real-life"]{order:-15}
.appv3-nav [data-view="work"]{order:-14}
.appv3-nav [data-view="weekly"]{order:-13}
.appv3-nav [data-view="assessment"]{order:-12}
.appv3-nav [data-view="library"]{order:20}
.appv3-nav [data-view="intelligence"],.appv3-nav [data-view="knowledge"],.appv3-nav [data-view="progress"],.appv3-nav [data-view="career"],.appv3-nav [data-view="teachers"]{order:30}
@media(max-width:1100px){.study-today-body{grid-template-columns:1fr 1fr}.study-tomorrow-card{grid-column:1/-1}.study-phase-strip{grid-template-columns:repeat(7,1fr)}}
@media(max-width:760px){
 .study-today{padding:17px;border-radius:20px}
 .study-today-head{grid-template-columns:1fr}
 .study-today-level{display:flex;align-items:center;justify-content:space-between;text-align:left}
 .study-today-level strong{font-size:23px;margin:0 10px}
 .study-today-body{grid-template-columns:1fr}
 .study-tomorrow-card{grid-column:auto}
 .study-language-grid{grid-template-columns:1fr}
 .study-phase-strip{grid-template-columns:repeat(4,1fr)}
}

.study-centers{margin:16px 0 4px}
.study-centers-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:10px}
.study-centers-head span{color:#82e9d8;font-size:9px;font-weight:900;letter-spacing:.14em}
.study-centers-head strong{font-size:13px;color:#dce6f5}
.study-centers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.study-centers-grid button{
  min-height:96px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;
  padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.016);
  color:#e9f1fb;text-align:left;cursor:pointer
}
.study-centers-grid button:hover{border-color:rgba(44,230,214,.2);background:rgba(44,230,214,.035)}
.study-centers-grid button>span{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:rgba(44,230,214,.06);border:1px solid rgba(44,230,214,.12);color:#7be7d6;font-size:9px;font-weight:900
}
.study-centers-grid b{display:block;font-size:11px}
.study-centers-grid small{display:block;margin-top:3px;color:#7584a0;font-size:8px;line-height:1.4}
.study-centers-grid i{font-style:normal;color:#657491}
@media(max-width:1000px){.study-centers-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.study-centers-grid{grid-template-columns:1fr}.study-centers-head{align-items:flex-start;flex-direction:column}}