:root{--primary:#155eef;--primary-dark:#0b3fb8;--accent:#06b6d4;--dark:#071b5f;--text:#334155;--muted:#64748b;--bg:#f4f9ff;--card:#fff;--border:#dbeafe;--warning:#f59e0b;--good:#22c55e;--bad:#ef4444;--shadow:0 20px 45px rgba(15,23,42,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-height:100vh!important;margin:0!important;overflow-x:clip;font-family:"Inter",Arial,sans-serif!important;background:radial-gradient(circle at top left,rgba(21,94,239,.14),transparent 32%),radial-gradient(circle at bottom right,rgba(6,182,212,.14),transparent 30%),var(--bg)!important;color:var(--text)!important;line-height:1.7!important}
.page,.container,main.container,.wrapper{width:min(1120px,calc(100% - 32px))!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
main.page{padding:40px 20px 70px!important}
main.page.auto-toc-host{padding-left:276px!important;padding-right:0!important}
.top-bar,.top,.header-inner{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;min-height:72px}
.brand,.logo{display:inline-flex!important;align-items:center!important;gap:12px!important;color:var(--dark)!important;font-weight:800!important;font-size:22px!important;letter-spacing:-.04em!important;text-decoration:none!important}
.back-link,.top-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px;padding:10px 16px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:#fff!important;color:var(--primary)!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}
.hero:not(.custom-hero){background:linear-gradient(135deg,#155eef,#06b6d4)!important;color:#fff!important;border:0!important;border-radius:30px!important;padding:38px!important;box-shadow:0 20px 45px rgba(21,94,239,.25)!important;margin:0 0 32px!important;position:relative!important;overflow:hidden!important}
body>.hero:not(.custom-hero){width:min(1120px,calc(100% - 32px))!important;margin:28px auto!important}
.page>.hero:not(.custom-hero),main>.hero:not(.custom-hero){width:100%!important}
.hero:not(.custom-hero) h1,h1{font-size:clamp(2rem,4vw,3.2rem)!important;line-height:1.1!important;color:var(--dark)!important;letter-spacing:-.05em!important}
.hero:not(.custom-hero) h1{color:#fff!important;text-shadow:0 2px 5px rgba(7,27,95,.28)}
.hero:not(.custom-hero) p{max-width:820px;color:rgba(255,255,255,.95)!important;font-size:1.08rem!important}
.hero:not(.custom-hero) .badge{color:#fff!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important}
.hero .hero-content{color:var(--text)!important}
.hero .hero-content h1{color:var(--dark)!important;text-shadow:none!important}
.hero .hero-content .lead{color:var(--muted)!important}
.hero .hero-content .badge{color:#0369a1!important;background:#e0f2fe!important;border:0!important}
.hero .hero-content .btn-secondary{background:#eff6ff!important;color:var(--primary)!important;border:1px solid var(--border)!important}
.hero .hero-card{color:#fff!important}
.hero .hero-card>h2,.hero .hero-card>h3,.hero .hero-card>p,.hero .hero-card>.lead,.hero .hero-card .stat strong,.hero .hero-card .stat span{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
.hero .hero-card .idea-window,.hero .hero-card .idea-window h2,.hero .hero-card .idea-window h3,.hero .hero-card .idea-window p,.hero .hero-card .mini-window,.hero .hero-card .mini-window h2,.hero .hero-card .mini-window h3,.hero .hero-card .mini-window p{color:var(--text)!important;-webkit-text-fill-color:currentColor!important}
.hero.custom-hero h1{color:#fff!important;text-shadow:0 2px 5px rgba(7,27,95,.28)}
.page>.hero.custom-hero{width:100%!important;margin:0 0 32px!important}
.hero.custom-hero>p,.hero.custom-hero>.hero-inner>p,.hero.custom-hero>.hero-content>p{max-width:820px!important;color:rgba(255,255,255,.95)!important}
.hero.custom-hero .badge{color:#fff!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important}
.badge,.eyebrow{display:inline-flex!important;align-items:center!important;padding:8px 14px!important;border-radius:999px!important;background:#e0f2fe!important;color:#075985!important;font-weight:800!important}
.course-level-tag{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:7px 13px;border:1px solid #e9d5ff;border-radius:999px;background:#f3e8ff;color:#7e22ce;font-size:.86rem;font-weight:900;line-height:1.2}
.hub-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.hub-section-heading h2{margin:0!important}.hub-section-heading .course-level-tag{flex:0 0 auto}
.page>.hero.extension-hero{padding:42px!important;border:0!important;border-radius:30px!important;background:linear-gradient(135deg,#12348f 0%,#155eef 58%,#06b6d4 100%)!important;box-shadow:0 20px 45px rgba(21,94,239,.25)!important;overflow:hidden!important}
.extension-badges{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}.extension-badges .badge{margin:0!important}.extension-hero .course-level-tag{border-color:rgba(255,255,255,.34);background:rgba(126,34,206,.9);color:#fff}
.extension-content{display:grid!important;gap:24px!important}.extension-definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.extension-definition-grid .definition{margin:0!important}.extension-definition-grid p{margin:7px 0 0}.section-intro{margin:-4px 0 22px;color:var(--muted)}
.extension-solid-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.extension-solid-gallery .geometry-figure{display:flex;flex-direction:column;margin:0;min-width:0;padding:14px}.extension-solid-gallery .geometry-figure>svg{flex:1;max-height:280px}.extension-solid-gallery figcaption{font-size:.9rem;text-align:left}.extension-solid-gallery figcaption strong{display:block;margin-bottom:5px;color:var(--dark)}
.extension-tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.extension-limit-explorer>h2,.extension-method-trainer>h2{margin:5px 0 8px!important}.extension-tool-head p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}.extension-tool-kicker{color:var(--primary);font-size:.8rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.extension-tool-value{display:grid;flex:0 0 220px;gap:5px;padding:15px 18px;border:1px solid #a5f3fc;border-radius:17px;background:#ecfeff;text-align:center}.extension-tool-value span{color:#0e7490;font-size:.82rem;font-weight:800}.extension-tool-value strong{color:var(--dark);font-size:1.45rem}.extension-limit-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.extension-limit-controls label{display:grid;gap:9px;color:var(--dark);font-weight:800}.extension-limit-controls select{width:100%}.extension-limit-controls input[type="range"]{width:100%;min-height:42px;padding:0;accent-color:var(--primary)}.extension-limit-result{display:grid;grid-template-columns:1fr 1fr;gap:14px}.extension-limit-result>div{padding:15px 17px;border:1px solid var(--border);border-radius:16px;background:#f8fbff}.extension-limit-result strong,.extension-limit-result span{display:block}.extension-limit-result span{margin-top:5px;color:var(--primary);font-size:1.18rem;font-weight:900}.extension-live-chart{margin-bottom:0!important}
.extension-method-trainer{background:linear-gradient(145deg,#eef7ff,#ecfeff)!important}.extension-trainer-count{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#fff;color:var(--primary);font-weight:900}.extension-trainer-problem{margin-top:22px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:#fff}.extension-trainer-problem strong{display:block;margin-bottom:7px;color:var(--primary)}.extension-trainer-problem p{margin:0;color:var(--dark);font-size:1.05rem;line-height:1.65}.extension-trainer-problem mjx-container:not([display="true"]),.extension-trainer-answer mjx-container:not([display="true"]){margin:0 .14em!important}.extension-trainer-options{display:grid;gap:11px;margin:15px 0}.extension-trainer-options button,.extension-trainer-options button:not(.answer){display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;justify-content:stretch;width:100%;min-height:64px;padding:13px 16px;border:2px solid var(--border);border-radius:16px;background:#fff!important;color:var(--text)!important;text-align:left;line-height:1.55;box-shadow:none}.extension-trainer-options button:hover{border-color:#93c5fd}.extension-trainer-letter{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#eff6ff;color:var(--primary);font-size:.88rem;font-weight:900}.extension-trainer-answer{min-width:0}.extension-trainer-options button.is-correct{border-color:#22c55e!important;background:#f0fdf4!important;color:#166534!important}.extension-trainer-options button.is-correct .extension-trainer-letter{background:#22c55e;color:#fff}.extension-trainer-options button.is-wrong{border-color:#ef4444!important;background:#fef2f2!important;color:#991b1b!important}.extension-trainer-options button.is-wrong .extension-trainer-letter{background:#ef4444;color:#fff}.extension-trainer-options button:disabled{opacity:1;cursor:default}.extension-trainer-feedback{display:none}.extension-trainer-feedback.is-visible{display:grid;gap:6px;margin:0 0 15px;padding:15px 17px;border-radius:16px;line-height:1.55}.extension-trainer-feedback.is-good{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.extension-trainer-feedback.is-bad{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.extension-trainer-feedback strong{display:block}.extension-method-trainer>#trainerNext{width:auto;margin-top:2px}.extension-method-trainer>#trainerNext[hidden]{display:none!important}
.extension-example{margin:22px 0;padding:0;border:1px solid #bfdbfe;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.07)}.extension-example__head{display:flex;align-items:center;gap:15px;padding:18px 21px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border-bottom:1px solid var(--border)}.extension-example__head span{flex:0 0 auto;padding:7px 11px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:900}.extension-example__head h3{margin:0!important;font-size:1.15rem!important}.extension-example__head h3:empty{display:none}.extension-example__problem{padding:20px 22px;color:var(--dark);font-size:1.04rem}.extension-solution{padding:20px 22px;border-top:1px solid #bbf7d0;background:#f0fdf4}.extension-solution>strong{display:block;margin-bottom:13px;color:#166534;font-size:1.08rem}.extension-solution .steps li{background:#fff;border-color:#bbf7d0}.extension-answer{margin:16px 0 0;padding:15px 17px;border-radius:15px;background:#dcfce7;color:#14532d}.extension-errors{display:grid;gap:12px;margin:0;padding:0;list-style:none}.extension-errors li{position:relative;padding:14px 16px 14px 48px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed}.extension-errors li::before{content:"!";position:absolute;left:14px;top:12px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#f59e0b;color:#fff;font-weight:900}.extension-visual{margin-top:24px!important}
.content{display:grid!important;gap:22px!important}
.section,section.lesson,.lesson-section,.content-card,.module,.card:not(.answer){background:var(--card)!important;border:1px solid var(--border)!important;border-radius:24px!important;padding:28px!important;box-shadow:0 14px 32px rgba(15,23,42,.07)!important}
h2{color:var(--dark)!important;font-size:1.65rem!important;letter-spacing:-.03em!important}h3{color:var(--dark)!important}
h1,h2,h3,.figure-title,.example-title,.section-title,.lesson-title{min-width:0;overflow-wrap:anywhere;word-break:normal}
.hero,.section,section.lesson,.lesson-section,.content-card,.module,.card,.figure-card,.example{min-width:0}
.math-box,.formula,.formula-box,.equation{background:#f8fbff!important;border:1px solid var(--border)!important;border-radius:18px!important;padding:18px!important;margin:18px 0!important;overflow-x:auto!important}
.stereometria-page .math-box mjx-container[jax="SVG"][display="true"]{font-size:clamp(.9rem,2vw,1.05rem)!important}
.stereometria-page .formula-strip mjx-container[jax="SVG"]{font-size:.96rem!important}
.stereometria-page .formula-strip>div{font-size:1rem!important;line-height:1.5}
.note,.warning,.tip{background:#fff7ed!important;border:1px solid #fed7aa!important;border-left:6px solid var(--warning)!important;border-radius:18px!important;padding:18px!important;margin:18px 0!important}
.definition,.info-box{background:#eef7ff!important;border:1px solid #bfdbfe!important;border-left:6px solid var(--primary)!important;border-radius:18px!important;padding:18px!important;margin:18px 0!important}
.plain-language-explainer{width:100%;margin:0 0 22px;padding:20px 22px;border:1px solid #a5f3fc;border-left:7px solid var(--accent);border-radius:20px;background:linear-gradient(135deg,#ecfeff,#f8fbff);box-shadow:0 12px 28px rgba(8,145,178,.08)}
.plain-language-explainer strong{display:block;margin-bottom:6px;color:var(--dark);font-size:1.12rem}
.plain-language-explainer p{margin:0;color:var(--text);line-height:1.72}
.course-hub-hero{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr)!important;gap:34px!important;align-items:stretch!important;margin:0 0 32px!important;padding:38px!important;border:0!important;border-radius:30px!important;background:linear-gradient(135deg,#155eef,#06b6d4)!important;box-shadow:0 20px 45px rgba(21,94,239,.25)!important;overflow:hidden!important}
.course-hub-hero__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:46px;border:1px solid var(--border);border-radius:34px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.page>.hero.course-hub-hero .hero-content h1{margin:0 0 20px!important;color:var(--dark)!important;-webkit-text-fill-color:var(--dark)!important;text-shadow:none!important;font-size:clamp(2.45rem,5vw,4rem)!important;line-height:1.05!important}
.hero.course-hub-hero .course-hub-hero__lead{max-width:720px!important;margin:0 0 30px!important;color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important;font-size:1.08rem!important;font-weight:500!important;line-height:1.7!important;text-shadow:none!important}
.course-hub-hero__actions{display:flex!important;flex-wrap:wrap;gap:14px!important;margin-top:0!important}.course-hub-hero__actions .btn{min-height:50px!important;padding:15px 22px!important;border-radius:16px!important}.course-hub-hero__actions .btn-primary{border:0!important;background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:#fff!important}.course-hub-hero__actions .btn-secondary{background:#fff!important;color:var(--primary)!important;border:1px solid var(--border)!important}
.course-hub-hero__card{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:34px;border-radius:34px;color:#fff;background:linear-gradient(135deg,#155eef,#06b6d4);box-shadow:var(--shadow);overflow:hidden}.course-hub-hero__card::after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.14)}
.course-hub-hero__card>*{position:relative;z-index:1}.course-hub-hero__card h2{margin:0 0 16px!important;color:#fff!important;font-size:1.7rem!important}.course-hub-hero__card p{margin:0!important;color:#fff!important;font-size:1rem!important;font-weight:500!important;line-height:1.7!important}
.course-hub-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.course-hub-hero__stat{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.16);text-align:center}.course-hub-hero__stat strong{display:block;color:#fff!important;font-size:28px;line-height:1.2}.course-hub-hero__stat span{display:block;margin-top:7px;color:#fff!important;font-size:13px;font-weight:700;line-height:1.45}
.course-modules-title{margin:0 0 20px}.course-modules-title h2{margin:0 0 8px!important;color:var(--dark)!important;font-size:2rem!important}.course-modules-title p{margin:0;color:var(--muted);line-height:1.65}.course-modules-title+main.content{margin-top:0!important}
.extension-catalog-block{grid-column:1/-1;margin:32px 0 0}.extension-module-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.extension-module-card{display:flex;min-width:0;flex-direction:column;gap:18px;padding:28px;border:1px solid var(--border);border-radius:26px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.07)}.extension-module-card__head{display:flex;align-items:flex-start;gap:15px}.extension-module-card__head .module-number{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:1.08rem;font-weight:900}.extension-module-card h3{margin:0 0 10px!important;font-size:1.45rem!important;line-height:1.25}.extension-module-card>p{margin:0;color:var(--muted)}.extension-module-card__topics{display:grid;gap:11px}.extension-module-card__topics>div{padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#f8fbff}.extension-module-card__topics strong,.extension-module-card__topics span{display:block}.extension-module-card__topics span{margin-top:3px;color:var(--muted);font-size:.92rem}.extension-module-card>.btn{width:100%;margin-top:auto}.course-level-tag--mixed{background:#f5f3ff;color:#6d28d9}.extension-module-card--test{justify-content:space-between;background:linear-gradient(135deg,#071b5f,#155eef);color:#fff}.extension-module-card--test h3,.extension-module-card--test p{color:#fff!important}.extension-module-card--test .badge{width:max-content;background:rgba(255,255,255,.16)!important;color:#fff!important}
.course-section-test-compact{margin-top:26px}.course-section-test-compact .extension-module-card--test{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;min-height:0;padding:22px 26px;border-radius:22px}.course-section-test-compact .extension-module-card--test>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px}.course-section-test-compact .extension-module-card--test .badge{margin:0}.course-section-test-compact .extension-module-card--test h3{margin:0!important;font-size:1.28rem!important}.course-section-test-compact .extension-module-card--test p{margin:0!important;color:#dbeafe!important}.course-section-test-compact .extension-module-card--test>.btn{width:auto;min-width:245px;margin:0;background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 12px 24px rgba(22,163,74,.25)}
.course-hub-section-test{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:26px!important;padding:22px 26px!important}.course-hub-section-test>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px}.course-hub-section-test .badge{width:max-content;margin:0!important;background:rgba(255,255,255,.16)!important;color:#fff!important}.course-hub-section-test h2{margin:0!important;font-size:1.3rem!important}.course-hub-section-test p{margin:0!important;color:#dbeafe!important}.course-hub-section-test>.btn{width:auto!important;min-width:245px;margin:0!important;border:0!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 12px 24px rgba(22,163,74,.25)!important}
.example,.example-box{background:#fff!important;border:1px solid var(--border)!important;border-radius:22px!important;padding:22px!important;margin:20px 0!important;box-shadow:0 12px 26px rgba(15,23,42,.06)!important}
.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.geometry-figure{margin:20px 0;padding:20px;background:linear-gradient(145deg,#f8fbff,#eef7ff);border:1px solid var(--border);border-radius:22px;text-align:center;overflow:hidden}
.geometry-figure>svg{display:block;width:100%;height:auto;max-height:360px;margin:0 auto;overflow:visible}
.geometry-figure figcaption{margin-top:14px;color:var(--muted);font-size:.95rem;line-height:1.55}
.geometry-figure .shape{fill:rgba(21,94,239,.10);stroke:var(--primary);stroke-width:3}
.geometry-figure .accent-shape{fill:rgba(6,182,212,.18);stroke:#0891b2;stroke-width:3}
.geometry-figure .guide{fill:none;stroke:#94a3b8;stroke-width:2;stroke-dasharray:7 6}
.geometry-figure .measure{fill:none;stroke:#f59e0b;stroke-width:3}
.geometry-figure .point{fill:var(--dark)}
.geometry-figure>svg text{font:700 15px "Inter",Arial,sans-serif;fill:var(--dark)}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.decision-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:#f8fbff}
.decision-card strong{display:block;color:var(--dark);font-size:1.05rem;margin-bottom:6px}
.formula-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}
.formula-strip>div{padding:16px;border:1px solid var(--border);border-radius:16px;background:#f8fbff;text-align:center}
.steps{counter-reset:lesson-step;list-style:none;padding:0;display:grid;gap:12px}
.steps li{counter-increment:lesson-step;position:relative;padding:14px 16px 14px 54px;border:1px solid var(--border);border-radius:16px;background:#f8fbff}
.steps li::before{content:counter(lesson-step);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:900}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px;border:1px solid var(--border);text-align:left}th{background:#eef7ff;color:var(--dark)}
.table-wrap,.table-wrapper{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.btn,button:not(.answer){display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:14px;font:800 16px/1.2 "Inter",Arial,sans-serif;text-decoration:none;cursor:pointer}.btn-primary,button:not(.answer){border:0;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.btn-secondary,.btn-ghost{background:#fff;color:var(--primary);border:1px solid var(--border)}
input,select,textarea{min-height:46px;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font:inherit;background:#fff}
.test-cta,.cta,.lesson-footer{background:linear-gradient(135deg,#071b5f,#155eef)!important;color:#fff!important;border-radius:26px!important;padding:28px!important;margin-top:26px!important}.test-cta h2,.cta h2,.lesson-footer h2{color:#fff!important}
mjx-container{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
svg{max-width:100%}
.global-sticky-header{position:sticky!important;top:0!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:100%!important;max-width:none!important;margin:0 0 24px!important;padding:12px max(18px,calc((100vw - 1440px)/2))!important;background:rgba(255,255,255,.92)!important;border:0!important;border-bottom:1px solid rgba(219,234,254,.95)!important;border-radius:0!important;box-shadow:0 12px 30px rgba(15,23,42,.09)!important;backdrop-filter:blur(14px)}
.global-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.global-sticky-header .brand{flex:0 0 auto!important;white-space:nowrap!important}
.course-level-switch{display:inline-flex;align-items:center;gap:4px;padding:6px;border:2px solid #bfdbfe;border-radius:20px;background:#eaf2ff;box-shadow:0 8px 20px rgba(21,94,239,.08)}
.course-level-switch__option,.course-level-switch__option:not(.answer){width:auto!important;min-width:142px!important;min-height:48px!important;margin:0!important;padding:11px 18px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#52627e!important;box-shadow:none!important;font:900 16px/1.2 "Inter",Arial,sans-serif!important;white-space:nowrap!important}
.course-level-switch__option.is-active,.course-level-switch__option.is-active:not(.answer){background:#fff!important;color:var(--primary)!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}
.course-level-switch__option:focus-visible{outline:3px solid rgba(6,182,212,.38)!important;outline-offset:2px!important}
.course-level-switch__select{display:none}
.mobile-back-icon{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.toc-toggle{display:none!important;align-items:center!important;gap:9px!important;min-height:46px!important;padding:10px 16px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:#fff!important;color:var(--primary)!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;white-space:nowrap}
.toc-toggle-icon{font-size:1.15rem;line-height:1}.toc-backdrop{display:none;position:fixed;inset:0;background:rgba(7,27,95,.28);backdrop-filter:blur(3px);z-index:950}
.global-brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-style:italic;font-weight:900;line-height:1}.auto-toc-host{position:relative!important;width:min(1440px,calc(100% - 32px))!important;padding-left:276px!important;padding-right:0!important;max-width:1440px!important}.auto-toc{position:fixed;top:96px;left:max(16px,calc((100vw - 1440px)/2));right:auto;width:260px;max-height:calc(100vh - 118px);overflow:auto;background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:16px;z-index:50}.auto-toc .toc-title{font-weight:900;color:var(--dark);margin-bottom:10px}.auto-toc a{display:flex;gap:9px;padding:9px 10px;border-radius:12px;color:var(--muted);font-size:.92rem;font-weight:700;text-decoration:none}.auto-toc a:hover{background:#eff6ff;color:var(--primary)}.auto-toc .toc-number{color:var(--primary);font-weight:900;min-width:24px}.global-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:28px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.global-bottom-nav>*{min-width:0}.global-bottom-nav .btn{width:100%;min-width:0;text-align:center}
.layout{grid-template-columns:minmax(0,1fr)!important}.global-bottom-nav+.test-cta{margin-top:22px!important}
.global-bottom-nav.is-final-lesson .btn-section-test{border:0;background:linear-gradient(135deg,#071b5f,#155eef);color:#fff;box-shadow:0 12px 24px rgba(7,27,95,.18)}
.global-bottom-nav.is-final-lesson .next-section-btn{grid-column:1/-1;width:100%}
.masonry-modules{display:block!important;columns:2;column-gap:24px}
.masonry-modules>.module{display:inline-flex!important;width:100%!important;min-height:0!important;margin:0 0 24px!important;break-inside:avoid;vertical-align:top}
@media(max-width:1000px){.masonry-modules{columns:1}.masonry-modules>.module{display:flex!important}}
@media(max-width:720px){.page,.container,main.container,.wrapper{width:min(100% - 24px,1120px)!important}main.page{padding:24px 16px 50px!important}main.page.auto-toc-host{padding-left:16px!important;padding-right:16px!important}.top-bar,.top,.header-inner{flex-direction:column!important;align-items:stretch!important;padding:14px 16px!important}.global-sticky-header>.global-header-actions{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;width:100%}.global-header-actions .course-level-switch{grid-column:1/-1;width:100%}.global-header-actions .back-link,.global-header-actions .toc-toggle{width:100%!important;min-width:0!important;margin:0!important}.course-level-switch__option,.course-level-switch__option:not(.answer){min-width:0!important;flex:1 1 50%!important;padding:11px 10px!important}.content{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}.hero:not(.custom-hero),.section,section.lesson,.lesson-section,.content-card,.module,.card:not(.answer){width:100%!important;min-width:0!important;padding:23px 19px!important}.hero.custom-hero{width:100%!important;min-width:0!important;padding:clamp(24px,7vw,34px)!important}.btn,button:not(.answer),.back-link,.top-link{width:100%}.cta-buttons,.actions{display:flex!important;flex-direction:column!important;gap:12px!important}.example-header{flex-direction:column!important;align-items:flex-start!important}.example-title{width:100%;min-width:0}.visual-grid,.decision-grid{grid-template-columns:1fr}.formula-strip{grid-template-columns:1fr}.geometry-figure{padding:12px}.geometry-figure>svg text{font-size:13px}table{display:block;overflow-x:auto}}
@media(max-width:1180px){body.toc-menu-open{overflow:hidden}.auto-toc-host{padding-left:0!important;padding-right:0!important}main.page.auto-toc-host{padding-left:0!important;padding-right:0!important}.toc-toggle{display:inline-flex!important}.auto-toc{display:none;position:fixed;top:var(--toc-top,88px);left:16px;right:16px;width:auto;max-height:calc(100dvh - var(--toc-top,88px) - 16px);margin:0;z-index:1100}.auto-toc.is-open{display:block}.toc-backdrop.is-open{display:block}.global-bottom-nav{grid-template-columns:1fr}.global-bottom-nav>*{justify-self:stretch!important}.global-sticky-header{border-radius:0!important;width:100%!important}}
@media(max-width:1080px) and (min-width:721px){.global-sticky-header{flex-wrap:wrap!important}.global-sticky-header .site-search{order:3;flex:1 1 100%!important;max-width:none!important}.global-header-actions{margin-left:auto}.course-level-switch__option,.course-level-switch__option:not(.answer){min-width:118px!important}}
@media(max-width:720px){main.page.auto-toc-host{padding-left:16px!important;padding-right:16px!important}}
@media(max-width:1000px){.extension-solid-gallery{grid-template-columns:1fr 1fr}.extension-solid-gallery .geometry-figure:last-child{grid-column:1/-1}}
@media(max-width:820px){.extension-module-grid{grid-template-columns:1fr}.extension-example__head{align-items:flex-start}.extension-definition-grid{grid-template-columns:1fr}.course-section-test-compact .extension-module-card--test,.course-section-test-compact .extension-module-card--test>div,.course-hub-section-test,.course-hub-section-test>div,.extension-limit-controls,.extension-limit-result{grid-template-columns:1fr}.course-section-test-compact .extension-module-card--test>.btn,.course-hub-section-test>.btn{width:100%!important;min-width:0}.extension-tool-head{flex-direction:column}.extension-tool-value{width:100%;flex-basis:auto}.extension-solid-gallery{grid-template-columns:1fr}.extension-solid-gallery .geometry-figure:last-child{grid-column:auto}.extension-method-trainer>#trainerNext{width:100%}}
@media(max-width:900px){.course-hub-hero{grid-template-columns:1fr!important}.course-hub-hero__card{min-height:auto}}
@media(max-width:720px){.course-hub-hero{padding:24px!important;border-radius:26px!important}.course-hub-hero__content,.course-hub-hero__card{padding:26px!important;border-radius:26px!important}.page>.hero.course-hub-hero .hero-content h1{font-size:clamp(1.7rem,7vw,2.45rem)!important}.course-hub-hero__actions{width:100%;flex-direction:column}.course-hub-hero__actions .btn{width:100%}.course-hub-hero__stats{grid-template-columns:1fr}}

/* Kompaktowy nagłówek telefonu. Reguły są na końcu, aby zastąpić starszy układ wielorzędowy. */
@media(max-width:720px){
  .global-sticky-header{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    min-height:64px!important;
    margin-bottom:16px!important;
    padding:8px 12px!important;
  }
  .global-sticky-header>.brand{
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    overflow:hidden!important;
  }
  .global-sticky-header>.brand>span:not(.global-brand-mark){display:none!important}
  .global-sticky-header .global-brand-mark{flex:0 0 38px!important;width:38px!important;height:38px!important}
  .global-sticky-header>.global-header-actions{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    width:auto!important;
    min-width:0!important;
    margin-left:auto!important;
  }
  .global-header-actions .course-level-switch{
    position:relative!important;
    display:block!important;
    flex:0 1 110px!important;
    width:110px!important;
    min-width:92px!important;
    height:40px!important;
    padding:0!important;
    border-width:1px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .course-level-switch__option,.course-level-switch__option:not(.answer){display:none!important}
  .course-level-switch__select{
    display:block!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 26px 0 9px!important;
    border:0!important;
    border-radius:11px!important;
    outline:0!important;
    appearance:auto!important;
    background:#fff!important;
    color:var(--primary)!important;
    font:800 12px/1.2 "Inter",Arial,sans-serif!important;
    box-shadow:none!important;
  }
  .course-level-switch__select:focus-visible{outline:3px solid rgba(6,182,212,.38)!important;outline-offset:-3px!important}
  .global-header-actions .back-link,.global-header-actions .toc-toggle{
    display:inline-grid!important;
    flex:0 0 40px!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    gap:0!important;
  }
  .global-header-actions .back-link__text,
  .global-header-actions .toc-toggle>span:not(.toc-toggle-icon){display:none!important}
  .global-header-actions .mobile-back-icon{display:block!important}
  .global-header-actions .toc-toggle-icon{font-size:20px!important;line-height:1!important}
  section[id],article[id],h1[id],h2[id]{scroll-margin-top:82px!important}
}