/* Mendeleev Learn V8.12.27 — minimum course standard */
.page-family-learn .mini-official-mascot{transform:scale(1.18);transform-origin:center center}
.page-family-learn .tip-mascot{overflow:visible}
.learn-standard-v81227{display:grid;gap:18px;margin:28px 0}
.learn-standard-v81227 .course-relation,
.learn-standard-v81227 .course-worked,
.learn-standard-v81227 .course-practice,
.learn-standard-v81227 .course-visual-v81227{
  border:1px solid var(--line,#d8e0df);border-radius:20px;padding:20px;background:var(--surface,#fff)
}
.learn-standard-v81227 h2,.learn-standard-v81227 h3{margin-top:0}
.learn-standard-v81227 p,.learn-standard-v81227 li{line-height:1.7}
.learn-standard-v81227 .eyebrow{margin-bottom:6px}
.course-formula-v81227{padding:16px 18px;border-radius:15px;background:rgba(61,104,199,.08);font-size:1.15rem;font-weight:850;text-align:center;overflow-wrap:anywhere}
.course-example-line-v81227{margin:14px 0;padding:14px;border-left:4px solid currentColor;background:rgba(61,104,199,.045);border-radius:0 13px 13px 0}
.course-practice-v81227 details{margin-top:12px;border:1px solid var(--line,#d8e0df);border-radius:14px;padding:13px}
.course-practice-v81227 summary{cursor:pointer;font-weight:850}
.course-links-v81227{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.course-links-v81227 a{display:inline-flex;padding:8px 11px;border-radius:999px;border:1px solid var(--line,#d8e0df);text-decoration:none;font-weight:750}
.course-visual-v81227{overflow:hidden}
.course-visual-stage-v81227{height:180px;position:relative;border-radius:16px;background:linear-gradient(145deg,rgba(61,104,199,.075),rgba(110,70,180,.035));overflow:hidden}
.course-visual-stage-v81227 .axis{position:absolute;left:8%;right:8%;top:50%;height:1px;background:currentColor;opacity:.16}
.v-wave .wave-a,.v-wave .wave-b{position:absolute;left:-3%;right:-3%;top:50%;font-size:62px;line-height:1;white-space:nowrap;transform:translateY(-55%);letter-spacing:0;opacity:.8}
.v-wave .wave-b{top:64%;opacity:.42}
.v-atom .nucleus{position:absolute;left:50%;top:50%;width:60px;height:60px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:rgba(61,104,199,.18);font-weight:900}
.v-atom .ring{position:absolute;left:50%;top:50%;border:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);opacity:.18}
.v-atom .r1{width:130px;height:70px}.v-atom .r2{width:190px;height:105px;transform:translate(-50%,-50%) rotate(60deg)}
.v-vector .arrow{position:absolute;left:18%;top:50%;width:58%;height:6px;background:currentColor;border-radius:4px}
.v-vector .arrow:after{content:"";position:absolute;right:-2px;top:50%;border-left:22px solid currentColor;border-top:13px solid transparent;border-bottom:13px solid transparent;transform:translateY(-50%)}
.v-energy .hill{position:absolute;left:10%;right:10%;bottom:28px;height:120px;border-radius:50% 50% 0 0/85% 85% 0 0;border-top:5px solid currentColor;opacity:.6}
.v-energy .ball{position:absolute;left:46%;top:20%;width:24px;height:24px;border-radius:50%;background:currentColor}
.v-optics .lens{position:absolute;left:48%;top:18px;bottom:18px;width:38px;border:3px solid currentColor;border-radius:50%;opacity:.65}
.v-optics .ray{position:absolute;left:8%;right:8%;height:2px;background:currentColor;top:35%;transform-origin:50% 50%}.v-optics .ray.r2{top:65%;transform:rotate(-10deg)}
.v-gas .particle{position:absolute;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.55}
.v-decay .bar{position:absolute;left:12%;bottom:30px;width:76%;height:34px;border:1px solid currentColor;border-radius:10px;overflow:hidden}.v-decay .bar span{display:block;width:50%;height:100%;background:currentColor;opacity:.24}
.v-periodic{display:grid!important;grid-template-columns:repeat(8,1fr);gap:4px;padding:22px}.v-periodic i{display:block;border:1px solid currentColor;border-radius:5px;opacity:.25}
.course-mini-lab-v81227{margin-top:14px;padding:15px;border:1px solid var(--line,#d8e0df);border-radius:14px}
.course-mini-lab-v81227 label{display:grid;grid-template-columns:1fr auto;gap:8px}.course-mini-lab-v81227 input{grid-column:1/-1;width:100%}
.course-mini-lab-v81227 output{font-weight:900}
body.dark .learn-standard-v81227 .course-relation,
body.dark .learn-standard-v81227 .course-worked,
body.dark .learn-standard-v81227 .course-practice,
body.dark .learn-standard-v81227 .course-visual-v81227{background:#17201c}
@media(max-width:650px){.learn-standard-v81227{gap:14px}.course-links-v81227{display:grid}.course-links-v81227 a{justify-content:center}}