.basics-course-feature{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:center;margin:0 0 28px;padding:28px 0;border-top:1px solid #735b4e;border-bottom:1px solid #735b4e}.basics-course-feature img{display:block;width:100%;height:auto}.basics-course-feature h2{margin:0 0 12px;font-size:1.9rem}.basics-course-feature p{color:#d1c8c4;line-height:1.7;max-width:840px}.basics-course{padding-top:38px;padding-bottom:80px}.basics-breadcrumb{color:#c8c2be;margin-bottom:26px}.basics-breadcrumb a{color:#f39261}.basics-intro{max-width:1050px}.basics-intro h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.15;margin:0 0 12px}.basics-intro p{line-height:1.75;color:#d1c8c4}.basics-subtitle{font-size:1.35rem;margin-top:0}.basics-meta{color:#f39261!important}.basics-language{font-size:.95rem}.basics-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 38px}.basics-reader{border-top:1px solid #64564c;padding-top:24px}.basics-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.basics-toolbar button,.basics-toolbar select,.basics-chapters button{font:inherit;color:#fff;background:#252525;border:1px solid #78665a;padding:11px 15px;min-height:44px}.basics-toolbar button,.basics-chapters button{cursor:pointer}.basics-toolbar button:disabled{opacity:.35;cursor:default}.basics-toolbar select{min-width:230px;max-width:100%;flex:1}.basics-toolbar output{min-width:65px;text-align:center}.basics-slide{margin:0}.basics-slide img{display:block;width:100%;height:auto;background:#fff}.basics-slide figcaption{color:#d1c8c4;padding:14px 0;font-size:1rem}.basics-chapters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.basics-chapters button{font-size:.92rem;background:transparent}.basics-transcript{border-top:1px solid #64564c;padding-top:18px;line-height:1.8;color:#d1c8c4}.basics-transcript summary{cursor:pointer;color:#f39261;font-weight:700}.basics-transcript p{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.basics-transcript a{color:#f39261;overflow-wrap:anywhere}.basics-reader:fullscreen{padding:16px;background:#111;overflow:auto}.basics-reader:fullscreen .basics-slide img{max-height:calc(100vh - 140px);object-fit:contain;background:#111}.basics-reader:fullscreen .basics-chapters,.basics-reader:fullscreen .basics-transcript{display:none}.basics-toolbar button:focus-visible,.basics-toolbar select:focus-visible,.basics-chapters button:focus-visible{outline:3px solid #ffab77;outline-offset:3px}@media(max-width:750px){.basics-course-feature{grid-template-columns:1fr;gap:20px}.basics-course-feature img{max-width:500px}.basics-toolbar label{display:none}.basics-toolbar select{order:-1;flex-basis:100%;width:100%}.basics-toolbar button{font-size:.9rem;padding:10px}.basics-course{padding-top:25px}.basics-reader:fullscreen .basics-toolbar select{order:0;flex-basis:auto}.basics-chapters{gap:7px}.basics-chapters button{flex:1 1 180px;text-align:left}}
.basics-cover-live{position:relative;aspect-ratio:16/9;background:#082b40;color:#fff;overflow:hidden;container-type:inline-size;--flow-time:1.25s}.basics-cover-live[hidden],.basics-flow-controls[hidden],[data-basics-image][hidden]{display:none}.basics-slide .basics-cover-logo{position:absolute;left:5%;top:5.8%;width:16.9%;height:auto;background:transparent}.basics-cover-company{position:absolute;left:24.2%;top:7%;margin:0;font-size:2.1cqw;line-height:1.45}.basics-cover-company span{display:block;color:#9dc7da;font-size:1.55cqw}.basics-slide .basics-cover-unit{position:absolute;right:3.1%;top:22.2%;width:26.6%;height:65.3%;object-fit:contain;background:transparent}.basics-cover-live h2{position:absolute;left:5%;top:25.5%;margin:0;font-size:4.85cqw;line-height:1.2;letter-spacing:0}.basics-cover-live h2 span{display:block;margin-top:2.2cqw;font-size:2.55cqw;font-weight:400;color:#b9d1dd}.basics-cover-equation{position:absolute;left:5%;top:51.5%;font-size:5.1cqw;line-height:1.35;white-space:nowrap;font-weight:700;color:#55d0d4;text-shadow:0 0 22px #24dce43b;animation:formula-arrive .9s ease-out both}.basics-cover-equation sub{font-size:55%;vertical-align:-.25em}.basics-cover-equation span{transition:color .6s,text-shadow .6s}.basics-cover-live[data-stage="1"] .flow-area-term,.basics-cover-live[data-stage="2"] .flow-pressure-term{color:#fff;text-shadow:0 0 22px #78f6ff}.basics-cover-meaning{position:absolute;left:5%;top:69%;max-width:68%;margin:0;font-size:2.05cqw;color:#fff;line-height:1.5}.basics-cover-author{position:absolute;left:5%;bottom:3.8%;font-size:1.9cqw;margin:0}.basics-flow-particles{position:absolute;left:5%;top:84%;width:66%;height:1.2cqw;border-bottom:1px solid #55d0d42b;overflow:hidden}.basics-flow-particles i{position:absolute;left:-12%;top:.1cqw;width:.7cqw;height:.7cqw;border-radius:50%;background:#55d0d4;box-shadow:0 0 9px #55d0d4;animation:flow-travel var(--flow-time) linear infinite;animation-delay:calc(var(--i) * -.16s)}.basics-flow-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #64564c}.basics-flow-controls label,.basics-flow-result>span{display:block;font-size:.95rem;color:#d1c8c4}.basics-flow-controls input{display:block;width:100%;margin:16px 0;accent-color:#55d0d4}.basics-flow-controls output{display:block;font-size:1.2rem;font-variant-numeric:tabular-nums;color:#fff}.basics-flow-result>output{color:#55d0d4;font-size:1.75rem;font-weight:700}.basics-flow-result button{margin-top:8px;background:transparent;border:1px solid #78665a;color:#fff;font:inherit;padding:9px 13px;cursor:pointer}.basics-flow-controls>p{grid-column:1/-1;margin:0;font-size:.85rem;color:#b9b1ac;line-height:1.6}.basics-reader:fullscreen .basics-cover-live{max-height:calc(100vh - 110px);width:min(100%,calc((100vh - 110px)*16/9));margin:auto}.basics-reader:fullscreen .basics-flow-controls{display:none}@keyframes formula-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-travel{to{left:110%}}@media(max-width:650px){.basics-flow-controls{grid-template-columns:1fr 1fr;gap:20px}.basics-flow-result{grid-column:1/-1;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.basics-flow-result button{margin:0}.basics-cover-company{top:6.5%}}@media(prefers-reduced-motion:reduce){.basics-cover-equation,.basics-flow-particles i{animation:none}.basics-cover-equation span{transition:none}}