:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5eefb;background:#100a19;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 100% 600px at 80% 0,#42206480,transparent),#100a19}a{color:#dfbaff;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible,summary:focus-visible{outline:3px solid #d8a4ff;outline-offset:5px;border-radius:4px}
.skip{position:absolute;left:16px;top:8px;padding:12px;background:#251537;transform:translateY(-180%);z-index:5}.skip:focus{transform:none}
.site{max-width:1180px;margin:auto;min-height:86px;padding:16px 28px;display:flex;gap:28px;align-items:center;justify-content:space-between;border-bottom:1px solid #4e345e}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:21px;font-weight:850;letter-spacing:.09em}
.site nav{display:flex;gap:24px;align-items:center;font-size:14px}.site nav a{padding:10px 0;text-decoration:none}.brand img{object-fit:contain}
main{max-width:1180px;margin:0 auto;padding:28px 28px 60px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.7;color:#c5b3d4;margin-bottom:34px}.breadcrumbs a{padding:4px 0}
.hero{max-width:900px;margin:0 0 36px}.eyebrow{font-size:11px;letter-spacing:.11em;font-weight:800;color:#dca8ff;text-transform:uppercase}.hero h1{font-size:clamp(30px,4.5vw,52px);line-height:1.13;letter-spacing:-.035em;margin:16px 0 22px;text-wrap:balance}
.lead{font-size:19px;line-height:1.75;color:#e4d6ef}.byline{font-size:13px;line-height:1.7;color:#c8b7d5}.byline a{color:inherit}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:30px;align-items:start}.content{min-width:0}.content section{scroll-margin-top:22px;margin:0 0 24px;padding:28px;border:1px solid #4a315e;border-radius:20px;background:linear-gradient(125deg,#25172fd9,#181120eb)}
h2{font-size:24px;line-height:1.3;letter-spacing:-.02em;margin:0 0 18px}h3{font-size:17px;line-height:1.5;margin:24px 0 10px}p,li{font-size:16px;line-height:1.85;color:#e1d5eb}p{margin:0 0 17px}p:last-child{margin-bottom:0}ul{padding-left:24px}li{margin-bottom:12px}li::marker{color:#c383ff}
.example{border-top:2px solid #a65ee5!important}.prompt{font-size:18px;color:#fff;padding:18px 20px;background:#120c1bb3;border-radius:13px;border:1px solid #4c3260;margin-bottom:24px}
.solution{list-style:none;counter-reset:steps;padding:0;margin:0}.solution>li{counter-increment:steps;position:relative;padding-left:45px;margin:0 0 23px}.solution>li:before{content:counter(steps);position:absolute;left:0;top:1px;width:29px;height:29px;display:grid;place-items:center;font-size:13px;font-weight:800;background:#6835a3;color:#fff;border-radius:10px}.solution h3{margin:0 0 8px}.solution p{margin-bottom:10px}
.equation{max-width:100%;overflow:auto;padding:12px 6px;color:#fff}.equation math{margin:0;font-size:1.18em}math{font-family:"Cambria Math","STIX Two Math",math;font-size:1.06em}
.answer{border:1px solid #4d9d89;border-radius:13px;padding:16px 20px;background:#15352f80;margin:12px 0 16px}.answer>span{display:block;font-size:11px;font-weight:800;color:#9ce8d2;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.answer p{color:#e5fff7;font-weight:650;font-size:18px;margin:0}.explanation{font-size:14px;color:#d2c2e0}
details>summary{cursor:pointer;min-height:46px;padding:12px 0;color:#dfbaff;font-weight:750;font-size:15px;line-height:1.6}details[open]>summary{margin-bottom:22px}
.takeaway{padding:20px;border-left:3px solid #b173ee;background:#6f39962e;border-radius:0 12px 12px 0;margin-top:22px}.takeaway h3{color:#e0b9ff;margin:0 0 8px}.takeaway p{margin:0}
aside{position:sticky;top:24px;display:grid;gap:20px}aside>nav,aside>.practice{padding:22px;background:#281a35e6;border:1px solid #57366d;border-radius:18px}aside h2{font-size:17px;line-height:1.5}aside nav a{display:block;padding:9px 0;font-size:14px;text-decoration:none}aside p{font-size:14px;line-height:1.7}.practice>a{display:block;font-size:14px;margin-top:15px}.practice .cta{padding:13px 14px;text-align:center;border-radius:10px;background:linear-gradient(120deg,#a936d6,#7633dc);color:#fff;font-weight:750;text-decoration:none}
.related{margin-top:40px}.related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related a{display:flex;flex-direction:column;text-decoration:none;border:1px solid #57366d;border-radius:18px;background:#21152e;padding:24px}.related h3{color:#fff;margin:0 0 12px;font-size:20px}.related p{font-size:14px}.related span{font-size:14px;font-weight:700;margin-top:auto}
footer{max-width:1124px;margin:auto;padding:30px 0 38px;border-top:1px solid #4e345e}footer>a{font-weight:850;letter-spacing:.1em;text-decoration:none}footer p{font-size:13px;color:#c8b7d5;margin:14px 0}footer nav{display:flex;gap:24px;flex-wrap:wrap}footer nav a{font-size:13px;padding:8px 0}
@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static;grid-row:1;grid-template-columns:1fr 1fr}.site{padding-inline:22px}main{padding-inline:22px}footer{margin-inline:22px}.hero h1{font-size:38px}}
@media(max-width:560px){.site{gap:12px;flex-wrap:wrap;padding:18px}.site nav{gap:22px}.site nav a{font-size:13px}.brand{font-size:19px}main{padding:22px 16px 40px}.hero h1{font-size:31px}.lead{font-size:17px}.layout{gap:20px}aside{grid-template-columns:1fr}aside>nav{display:none}.content section{padding:23px 18px}.prompt{padding:15px;font-size:17px}.solution>li{padding-left:38px}.solution>li:before{width:26px;height:26px}.answer{padding:16px}.related>div{grid-template-columns:1fr}h2{font-size:22px}p,li{font-size:16px}.breadcrumbs{font-size:12px;margin-bottom:26px}footer{margin-inline:18px}}
@media print{body{background:#fff;color:#111}.site nav,aside,.related,footer,.skip{display:none}.layout{display:block}main{max-width:none}.content section,.prompt{background:#fff;border-color:#aaa;break-inside:avoid}.hero h1,h2,h3,p,li,.prompt,.equation{color:#111}.answer{background:#eee;border-color:#777}.answer p,.answer span{color:#111}a{color:#111}.example{border-top-color:#777!important}}

/* Public Streamora classroom: static diagrams, native answer disclosures. */
.course-page{--accent:#c69aff;--soft:#b87bea22;background:radial-gradient(ellipse 80% 500px at 90% 0,#52286a45,transparent),radial-gradient(ellipse 65% 600px at 5% 100px,#28366820,transparent),#100b18}
.course-page[data-topic="procenty"],.course-page[data-topic="prawdopodobienstwo"]{--accent:#88e7d4;--soft:#50c9b01a}.course-page[data-topic="potegi"],.course-page[data-topic="funkcja"]{--accent:#a4c7ff;--soft:#688dec20}.course-page[data-topic="rownania"],.course-page[data-topic="trygonometria"]{--accent:#efafff;--soft:#d065e41c}.course-page[data-topic="ciag"],.course-page[data-topic="stereometria"]{--accent:#f0c991;--soft:#e8ad5720}
.course-page main{max-width:1320px;padding:28px 38px 74px}.course-site{max-width:1320px;min-height:88px;padding:12px 38px}.course-site .brand img{width:162px;height:58px;object-fit:contain}.course-site nav{gap:28px}.site-tag{font-size:9px;letter-spacing:.13em;font-weight:750;color:#baa9ce}.course-page .breadcrumbs{margin-bottom:26px;color:#baa9ce}.course-page .eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--accent);line-height:1.5;margin:0 0 13px}.eyebrow svg,.diagram-top svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.course-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:48px;align-items:center;margin:28px 0 35px}.course-hero h1{font-size:clamp(35px,4vw,51px);line-height:1.13;letter-spacing:-.042em;margin:0 0 22px;text-wrap:balance}.course-hero .lead{font-size:17px;line-height:1.8;color:#d4c7e1;margin:0 0 20px;max-width:680px}.course-hero .byline{font-size:11px;color:#b6a5c8;margin-top:23px}.course-badges{display:flex;gap:7px;flex-wrap:wrap}.level{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:750;line-height:1.3;letter-spacing:.015em}.level.start{color:#ffdda4;background:#ca914122;border:1px solid #ae834d52}.level.basic{color:#b5d8ff;background:#659dd222;border:1px solid #739bc445}.level.advanced{color:#edc4ff;background:#a765ce22;border:1px solid #b17bc64d}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px}.hero-actions>a{font-size:13px;font-weight:700;text-decoration:none}.course-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 19px;border:1px solid #c590f1;border-radius:12px;background:linear-gradient(120deg,#a23cd0,#7628ce);color:#fff!important;font-weight:750;text-decoration:none;font-size:13px;box-shadow:0 6px 25px #8c28c51a}.course-primary:hover{background:linear-gradient(120deg,#b44be2,#8336db)}
.hero-visual{border:1px solid #685077;border-radius:25px;background:radial-gradient(ellipse at 30% 20%,var(--soft),transparent 80%),linear-gradient(135deg,#292033,#19121f);box-shadow:0 18px 60px #05020840;overflow:hidden}.diagram-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #62437155;color:var(--accent);font-size:9px;font-weight:750;letter-spacing:.11em}.course-diagram{margin:0;padding:18px 22px 16px}.course-diagram svg{width:100%;height:auto;display:block;max-height:260px}.course-diagram figcaption{font-size:12px;line-height:1.7;color:#d1c3de;min-height:42px;margin:5px 0 0}.course-diagram text{font-family:inherit;font-size:15px;fill:#eee7fa;text-anchor:middle}.course-diagram .tiny{font-size:12px;font-weight:650}.course-diagram .medium{font-size:20px;font-weight:750}.course-diagram .big{font-size:36px;font-weight:800}.course-diagram line{stroke:#9d84b6;stroke-width:2;fill:none}.course-diagram .diagram-box{fill:#39264d;stroke:var(--accent);stroke-width:1.5}.course-diagram .diagram-box.alt{fill:#183f3a;stroke:#87ead4}.course-diagram .accent,.course-diagram .curve{stroke:var(--accent);stroke-width:3;fill:none}.course-diagram .mint{stroke:#87ead4;stroke-width:3}.course-diagram .rose{stroke:#ffa8c4;stroke-width:3}.course-diagram .dashed{stroke:#c3a7db;stroke-dasharray:6 5;stroke-width:1.3;fill:none}.course-diagram .axis,.course-diagram .muted{stroke:#9d84b6;stroke-width:1.3;fill:none}.course-diagram .dot{fill:var(--accent)}.course-diagram .dot.alt{fill:#87ead4}.course-diagram .tile-on{fill:#88e7d4}.course-diagram .tile-off{fill:#6b5c7c55}.course-diagram .area{fill:#aa80df55}.course-diagram .frame,.course-diagram .wire{fill:none;stroke:#b9a3ce;stroke-width:1.7}.visual-bottom{display:flex;justify-content:space-around;gap:10px;padding:15px 12px;border-top:1px solid #62437155;background:#120c1a55}.visual-bottom span{font-size:10px;color:#ddcfe9;font-weight:750}
.course-orientation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #4b345c;border-radius:18px;background:#24172f85;margin-bottom:56px}.course-orientation>div{display:flex;gap:15px;align-items:flex-start;padding:23px}.course-orientation>div+div{border-left:1px solid #4b345c}.course-orientation b{color:var(--accent);font-size:13px;font-weight:850;line-height:1.7}.course-orientation p{margin:0;font-size:12px;line-height:1.65}.course-orientation strong{display:block;color:#f5eefa;font-size:14px;margin-bottom:5px}.course-orientation span{color:#c8b9d7}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}.section-heading h2{font-size:27px;letter-spacing:-.025em;margin:0}.section-note{font-size:11px;color:#bbaacb;line-height:1.7;max-width:260px}.course-prerequisites,.course-plan{scroll-margin-top:24px;margin-bottom:48px}.course-prerequisites>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.course-prerequisites article{position:relative;padding:23px;border-radius:17px;background:linear-gradient(130deg,#35283a,#211724);border:1px solid #82604c66}.course-prerequisites article>span{position:absolute;right:20px;top:18px;color:#ba9864;font-size:11px;font-weight:750}.course-prerequisites h3{font-size:16px;margin:0 28px 12px 0;color:#ffdda4}.course-prerequisites p{font-size:13px;line-height:1.8;color:#ddcfe1}
.course-plan>div:nth-child(2){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:170px;padding:20px;border:1px solid #624176;border-radius:17px;background:linear-gradient(130deg,#302039,#1c1526);color:#fff;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.plan-card:hover{transform:translateY(-3px);border-color:var(--accent)}.plan-card.start{background:linear-gradient(125deg,#3b2c2a,#251b28);border-color:#80613e80}.plan-card.advanced{background:linear-gradient(125deg,#3d2250,#221728);border-color:#88529c88}.plan-index{font-size:12px;font-weight:800;color:var(--accent)}.plan-card .level{font-size:9px;padding:4px 6px}.plan-card h3{font-size:14px;line-height:1.5;margin:0 16px 4px 0}.plan-arrow{position:absolute;right:17px;top:17px;color:#c9a4e5}.scope-note{font-size:11px;line-height:1.75;color:#b9a9c8;margin-top:16px;max-width:900px}
.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:34px;align-items:start}.course-content{min-width:0}.course-stage{scroll-margin-top:24px;margin:0 0 34px;border:1px solid #563d68;border-radius:22px;background:linear-gradient(145deg,#251a30dd,#18121fe8);overflow:hidden}.stage-heading{display:flex;align-items:center;gap:19px;padding:27px 29px;border-bottom:1px solid #493054;background:linear-gradient(110deg,var(--soft),#22152944)}.stage-number{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border:1px solid #9869b665;border-radius:15px;background:#9d4fce22;color:var(--accent);font-size:20px;font-weight:850}.stage-heading h2{font-size:25px;margin:10px 0 0;line-height:1.3;letter-spacing:-.025em}.stage-heading .level{font-size:9px}.stage-reading{padding:28px 29px 4px}.stage-reading p{font-size:16px;line-height:1.9;color:#e1d5ec;margin-bottom:19px}
.course-task{margin:24px 29px;padding:24px;border:1px solid #5483ae66;border-radius:17px;background:linear-gradient(130deg,#1a30415c,#18162280)}.course-task .task-label{color:#acd7ff;font-size:10px;letter-spacing:.09em;line-height:1.6;font-weight:800;margin:0 0 15px}.course-task .prompt{border:0;border-radius:0;background:none;padding:0 0 19px;margin:0 0 20px;border-bottom:1px solid #5b83a238;color:#f7efff;font-size:17px;line-height:1.85;overflow-x:auto}.course-task .solution>li{padding-left:40px;margin-bottom:21px}.course-task .solution>li:before{border-radius:9px;background:#396a9570;color:#c8e7ff;width:26px;height:26px;font-size:11px}.course-task .solution h3{margin:0 0 8px;color:#f2eaf9;font-size:15px;line-height:1.5}.course-task .solution p{font-size:14px;line-height:1.85;color:#d8ccdf}.course-task .equation{padding:12px 2px;overflow-x:auto;overflow-y:hidden;margin:0}.course-task .equation math{font-size:1.1em}.course-task .answer{margin-bottom:12px;padding:15px 17px}.course-task .answer p{font-size:17px}.course-task .answer>span{font-size:9px}.course-task .explanation{font-size:12px;line-height:1.85;color:#cbbcd6}.course-task.try-task{border-color:#54998866;background:linear-gradient(120deg,#173c345e,#181d2780)}.try-task .task-label{color:#9debd8}.try-task .prompt{margin-bottom:14px;border-bottom-color:#5c9e8238}.try-note{font-size:12px!important;line-height:1.8;color:#c4d9d3;margin-bottom:16px}.reveal{border-top:1px solid #6397883d}.reveal>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0 3px;font-size:13px;line-height:1.6;color:#b4f1df;list-style:none}.reveal>summary::-webkit-details-marker{display:none}.reveal>summary>span{font-size:22px;font-weight:400;transition:transform .15s}.reveal[open]>summary{margin-bottom:22px}.reveal[open]>summary>span{transform:rotate(45deg)}.reveal>div{border-top:1px solid #6397883d;padding-top:23px}
.course-trap{display:flex;align-items:flex-start;gap:13px;margin:24px 29px;padding:18px 19px;border:1px solid #a45c7555;border-radius:14px;background:#73334f24}.course-trap>span{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;color:#ffbad1;border:1px solid #bb688655;border-radius:50%;font-size:13px;font-weight:800}.course-trap h3{font-size:12px;color:#ffc3d5;margin:0 0 8px}.course-trap p{font-size:13px;line-height:1.8;color:#e7cbda;margin:0}.checkpoint{display:flex;gap:11px;margin:0 29px 24px;color:#a4e8d2}.checkpoint>span{padding-top:2px;font-weight:800}.checkpoint p{font-size:12px;line-height:1.85;color:#cbd9d4;margin:0}.checkpoint strong{color:#acf0d9}.stage-next{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #493054;padding:18px 29px;background:#110d1844}.stage-next a{font-size:12px;font-weight:750;text-decoration:none;line-height:1.8}.stage-next a:last-child{color:var(--accent)}
.course-rail{position:sticky;top:24px;display:grid;gap:19px;max-height:calc(100svh - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#75528b transparent;padding-right:4px;padding-bottom:5px}.course-rail>nav,.course-rail>.rail-practice{padding:21px 19px;border-radius:18px;border:1px solid #59406a;background:#261a32e6}.course-rail h2{font-size:15px;line-height:1.6;margin-bottom:17px}.course-rail nav a{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:11px;line-height:1.6;text-decoration:none;border-top:1px solid #583c633d;color:#ddcaec}.course-rail nav a>span{font-size:9px;line-height:1.9;color:#c28de4;font-weight:800;flex-shrink:0}.course-rail .eyebrow{font-size:8px;letter-spacing:.1em}.course-rail .rail-gold{color:#ffdc9a}.rail-practice p{font-size:12px;color:#c6b5d3;line-height:1.8}.rail-practice>a{display:block;font-size:11px;line-height:1.7;margin-top:17px}.rail-practice .course-primary{font-size:11px;padding:12px}
.course-official,.course-final,.course-mastery,.course-faq,.course-sources{scroll-margin-top:24px;margin-bottom:32px;padding:29px;border:1px solid #68487b;border-radius:22px;background:linear-gradient(135deg,#302037bb,#1b1424dd)}.course-official{background:radial-gradient(ellipse at 0 0,#b77d3c24,transparent 80%),#221b26;border-color:#9c784c99}.course-official>.eyebrow{color:#ffdc9a}.course-official h2,.course-final h2,.course-mastery h2,.course-faq h2{font-size:27px}.official-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:19px}.official-meta span{font-size:10px;line-height:1.5;color:#f5d8af;background:#aa793822;padding:6px 9px;border-radius:6px;border:1px solid #94714455}.source-note{font-size:11px;color:#d2c2b7;line-height:1.9}.course-official>.course-task,.course-final>.course-task{margin:24px 0 0}.official-source{font-size:11px;line-height:1.9;margin:20px 0 0;color:#ddc9b1}.official-source a{color:#f1d49f}.course-final{background:linear-gradient(135deg,#42214066,#201526);border-color:#92538c77}.course-final>p:not(.eyebrow){font-size:14px;line-height:1.85}.course-mastery>ul{list-style:none;padding:0;margin:22px 0 30px}.course-mastery>ul>li{position:relative;padding-left:26px;font-size:14px;line-height:1.8;margin-bottom:16px}.course-mastery>ul>li:before{content:'✓';position:absolute;left:0;color:#9ce8d2}.course-mastery h3{font-size:17px}.course-mastery .takeaway{margin-bottom:29px}.course-faq details{border-top:1px solid #6b477c66;padding:6px 0}.course-faq summary{font-size:14px}.course-faq details p{font-size:14px;line-height:1.85}.course-sources{background:#1a1421;border-color:#48334f}.course-sources h2{font-size:18px}.course-sources p{font-size:12px;color:#cbbbd8;line-height:1.9}.course-related{margin-top:28px}.course-related h2{font-size:27px}.course-page footer{max-width:1244px;margin-inline:auto}.course-page section:target{border-color:var(--accent)}
@media(max-width:1100px){.course-hero{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.course-hero h1{font-size:40px}.course-layout{grid-template-columns:minmax(0,1fr) 225px;gap:22px}.course-plan>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{min-height:135px}.course-page main,.course-site{padding-inline:27px}.course-page footer{margin-inline:27px}.site-tag{display:none}}
@media(max-width:850px){.course-hero{grid-template-columns:1fr 300px;gap:25px}.course-hero h1{font-size:35px}.course-hero .lead{font-size:15px}.course-layout{display:block}.course-rail{display:none}.course-orientation>div{padding:19px 16px;gap:11px}.course-prerequisites>div:last-child{gap:11px}.course-prerequisites article{padding:19px}.course-stage{margin-bottom:27px}.course-page .related>div{grid-template-columns:1fr 1fr}}
@media(max-width:670px){.course-page main{padding:21px 17px 45px}.course-site{padding:9px 18px;gap:12px;flex-wrap:wrap;min-height:75px}.course-site .brand img{width:143px;height:52px}.course-site nav{gap:18px}.course-site nav a{font-size:11px}.course-page .breadcrumbs{font-size:11px;gap:8px;margin-bottom:20px}.course-hero{grid-template-columns:1fr;gap:28px;margin-top:18px}.course-hero h1{font-size:35px}.course-hero .lead{font-size:16px}.hero-visual{max-width:440px;width:100%;justify-self:center}.course-diagram svg{max-height:205px}.hero-actions{gap:18px}.hero-actions>a{font-size:12px}.course-orientation{grid-template-columns:1fr;margin-bottom:35px}.course-orientation>div{padding:17px 20px}.course-orientation>div+div{border-left:0;border-top:1px solid #4b345c}.course-orientation span{font-size:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{font-size:24px}.section-note{max-width:none}.course-prerequisites>div:last-child{grid-template-columns:1fr}.course-prerequisites article{padding:21px}.course-prerequisites p{font-size:14px}.course-plan>div:nth-child(2){gap:10px}.plan-card{padding:16px;min-height:169px;gap:11px}.plan-card h3{font-size:13px;margin-right:0}.plan-card .level{font-size:8px}.plan-arrow{right:13px;top:13px}.stage-heading{gap:13px;padding:22px 19px}.stage-number{width:39px;height:42px;font-size:17px}.stage-heading h2{font-size:22px;margin-top:9px}.stage-reading{padding:24px 20px 0}.stage-reading p{font-size:15px;line-height:1.95}.course-task{margin:22px 16px;padding:19px 16px}.course-task .task-label{font-size:9px;line-height:1.8}.course-task .prompt{font-size:16px}.course-task .solution>li{padding-left:34px}.course-task .solution p{font-size:14px}.course-task .equation{font-size:14px}.course-task .solution>li:before{width:23px;height:24px}.course-task .answer{padding:13px}.course-task .answer p{font-size:16px}.course-trap{margin:22px 16px;padding:17px 15px;gap:10px}.checkpoint{margin:0 20px 23px}.stage-next{padding:18px 20px}.stage-next a{font-size:11px}.course-official,.course-final,.course-mastery,.course-faq,.course-sources{padding:24px 18px;border-radius:20px}.course-official h2,.course-final h2,.course-mastery h2,.course-faq h2{font-size:24px}.course-page .related>div{grid-template-columns:1fr}.course-page footer{margin-inline:18px}.course-page footer nav{gap:12px 22px}.course-page footer nav a{font-size:12px}.course-page section{scroll-margin-top:16px}}
@media(prefers-reduced-motion:reduce){.plan-card,.reveal>summary>span{transition:none}.plan-card:hover{transform:none}}
@media print{.course-hero{display:block}.hero-visual,.hero-actions,.course-orientation,.course-plan,.course-rail,.stage-next,.course-related{display:none}.course-layout{display:block}.course-page{background:#fff;color:#111}.course-stage,.course-task,.course-trap,.course-official,.course-final,.course-mastery,.course-faq,.course-sources,.course-prerequisites article{background:#fff;border-color:#aaa;box-shadow:none;break-inside:avoid}.course-page h1,.course-page h2,.course-page h3,.course-page h4,.course-page p,.course-page li{color:#111}.stage-heading{background:#eee}.course-task .prompt{color:#111}.course-page .eyebrow,.course-task .task-label{color:#333}}

.course-prerequisite-links{margin:20px 0 0;color:#cdbed9;font-size:15px;line-height:1.8}.course-prerequisite-links a{color:#dfbbf7;text-underline-offset:4px}.course-prerequisite-links a:hover{color:#f1d29b}

/* The classroom's reading layer: fewer frames, larger type, distinct roles. */
.lesson-page .guide-title-accent{display:block;color:#d3b6ff;background:linear-gradient(105deg,#b8b0ff 2%,#e9a4ef 56%,#ffc6ae);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.lesson-page .site{border-bottom-color:#ad85ce1c}
.lesson-page .breadcrumbs{font-size:14px}
.lesson-page .eyebrow{font-size:13px;letter-spacing:.11em}
.course-page .site-tag{font-size:12px;letter-spacing:.08em}
.course-hero{gap:54px;margin-bottom:44px}
.course-hero>div{min-width:0}
.lesson-page h1{overflow-wrap:anywhere}
.course-hero h1{font-size:clamp(40px,4.7vw,60px);line-height:1.1}
.course-hero .lead{font-size:19px;line-height:1.85;color:#e1d5ec}
.course-hero .byline{font-size:14px;color:#bcabc9}
.course-page .level{border:0;background:none;padding:0;font-size:13px;line-height:1.65}
.course-badges{gap:18px}
.hero-actions>a,.course-primary{font-size:16px}
.course-primary{border:0;padding:16px 22px;border-radius:12px}
.hero-visual{border:0;background:radial-gradient(ellipse at 50% 40%,var(--soft),transparent 70%);box-shadow:none;border-radius:0}
.diagram-top{border:0;padding-bottom:10px;font-size:12px;letter-spacing:.07em}
.course-diagram figcaption{font-size:15px;line-height:1.8;color:#d2c4df}
.visual-bottom{border:0;background:none;padding:15px 12px}
.visual-bottom span{font-size:14px;color:#d8c6e7}
.course-orientation{border:0;border-radius:0;background:none;gap:22px;margin-bottom:62px}
.course-orientation>div{padding:14px 0;gap:15px}
.course-orientation>div+div{border:0}
.course-orientation b{font-size:22px;line-height:1.4}
.course-orientation strong{font-size:20px;line-height:1.4;margin-bottom:9px}
.course-orientation span{font-size:16px;line-height:1.75;color:#cbbcd7}
.section-heading h2{font-size:32px;color:#f6edff;line-height:1.25}
.section-note{font-size:15px;color:#bfb0ce;max-width:300px}
.course-prerequisites article{border:0;border-left:2px solid #b68b4e45;border-radius:0;background:none;padding:14px 22px}
.course-prerequisites article>span{font-size:14px;top:12px;right:16px}
.course-prerequisites h3{font-size:21px;color:#f3d49e}
.course-prerequisites p{font-size:17px;line-height:1.85}
.plan-card{border:0;border-radius:13px;background:linear-gradient(135deg,#43304e50,#231a3440);padding:23px;min-height:185px;gap:13px}
.plan-card.start{border:0;background:linear-gradient(135deg,#70553a38,#2d203140)}
.plan-card.advanced{border:0;background:linear-gradient(135deg,#703b8538,#2d203140)}
.plan-index{font-size:16px}
.plan-card .level{font-size:12px;padding:0}
.plan-card h3{font-size:17px;line-height:1.5}
.plan-arrow{font-size:20px}
.scope-note{font-size:14px;line-height:1.85;color:#bfb0ce;margin-top:23px}
.course-layout{gap:44px}
.course-stage{border:0;border-top:1px solid #cda5df26;border-radius:0;background:none;overflow:visible;margin-bottom:64px}
.stage-heading{border:0;background:none;padding:32px 8px 18px;gap:21px}
.stage-number{border:0;background:none;font-size:31px;height:54px;width:49px;color:var(--accent)}
.stage-heading h2{font-size:33px;line-height:1.25;color:#f9f2ff;margin-top:8px}
.stage-heading .level{font-size:13px}
.stage-reading{padding:13px 8px 3px}
.stage-reading p{font-size:18px;line-height:1.95;color:#e1d7ec;margin-bottom:22px}
.course-task{margin:26px 0;padding:29px 32px;border:0;border-radius:15px;background:linear-gradient(125deg,#24465d40,#201c3045)}
.course-task .task-label{font-size:13px;color:#a8d7ff;letter-spacing:.075em;margin-bottom:19px}
.course-task .prompt{font-size:21px;line-height:1.8;border:0;margin-bottom:16px;padding-bottom:9px}
.course-task .solution h3{font-size:20px;line-height:1.4;color:#c6e0ff;margin-bottom:12px}
.course-task .solution p{font-size:17px;line-height:1.85;color:#ded3e9}
.course-task .solution>li{margin-bottom:27px}
.course-task .solution>li:before{border-radius:50%;background:#46789c35;color:#adddff;font-size:14px}
.course-task .equation{padding-block:14px;font-size:18px}
.course-task .answer{border:0;border-radius:10px;background:#2e826c26;padding:19px 21px}
.course-task .answer>span{font-size:13px;color:#9ee8d2}
.course-task .answer p{font-size:21px;color:#dafff3}
.course-task .explanation{font-size:16px;line-height:1.85;color:#d0bfdd}
.course-task.try-task{border:0;border-left:2px solid #82d4b84d;border-radius:0 14px 14px 0;background:linear-gradient(120deg,#225d4e30,#211d2e35)}
.try-task .task-label{color:#a5efd6}
.try-note{font-size:16px!important;line-height:1.85;color:#c6ddd4}
.reveal{border-top-color:#a8d5c51c}
.reveal>summary{font-size:16px;line-height:1.8;padding:17px 0 6px;color:#b1efd9}
.reveal>div{border-top-color:#a8d5c51c}
.course-trap{border:0;border-radius:10px;background:#91415c14;margin:27px 0;padding:22px 24px;gap:16px}
.course-trap h3{font-size:17px;color:#ffbdd3}
.course-trap p{font-size:16px;line-height:1.85;color:#e6c9d9}
.checkpoint{margin:0 8px 24px;gap:14px}
.checkpoint p{font-size:16px;line-height:1.8;color:#c7dbd3}
.stage-next{background:none;border-top-color:#bfa3d21c;padding:20px 8px}
.stage-next a{font-size:15px;line-height:1.8}
.course-rail>nav,.course-rail>.rail-practice{border:0;border-left:1px solid #c5a0d72b;border-radius:0;background:none;padding:8px 0 10px 23px}
.course-rail .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.07em}
.course-rail h2{font-size:20px;line-height:1.4;color:#eee3f8}
.course-rail nav a{font-size:14px;line-height:1.65;padding:12px 0;border-top-color:#b393d015}
.course-rail nav a>span{font-size:12px;line-height:1.9}
.rail-practice p{font-size:15px;line-height:1.85}
.rail-practice>a,.rail-practice .course-primary{font-size:14px;line-height:1.8}
.course-official,.course-final,.course-mastery,.course-faq,.course-sources{border:0;border-top:1px solid #cba1d726;border-radius:0;background:none;padding:33px 8px;margin-bottom:39px}
.course-official{border-top-color:#deb37560;background:radial-gradient(ellipse at 0 0,#d9a24e12,transparent 70%)}
.course-official h2,.course-final h2,.course-mastery h2,.course-faq h2{font-size:33px;line-height:1.25}
.course-official h2{color:#f5d8a6}
.course-final h2{color:#e9bfff}
.official-meta{gap:12px 24px}
.official-meta span{border:0;background:none;padding:0;font-size:15px;line-height:1.7;color:#e7c592}
.source-note,.official-source{font-size:15px;line-height:1.85}
.course-final>p:not(.eyebrow),.course-mastery>ul>li{font-size:18px;line-height:1.85}
.course-mastery h3{font-size:22px}
.course-mastery .takeaway{border:0;border-radius:10px;background:#925ac91c;padding:24px}
.course-mastery .takeaway p{font-size:18px;line-height:1.85}
.course-faq summary{font-size:19px;padding-block:20px}
.course-faq details{border-color:#bd94d023}
.course-faq details p{font-size:17px;line-height:1.9}
.course-sources h2{font-size:25px;color:#d3b8eb}
.course-sources p{font-size:15px;line-height:1.85}
.course-page .related h2{font-size:32px}
.lesson-page .related a{border:0;background:linear-gradient(130deg,#724d9322,#33213f30);padding:27px;border-radius:14px}
.lesson-page .related h3{font-size:24px;color:#f3e6ff}
.lesson-page .related p,.lesson-page .related span{font-size:16px;line-height:1.8}
.lesson-page footer nav a,.lesson-page footer p{font-size:14px}

/* Language lessons share the open reading style. */
.language-page .hero{max-width:none;text-align:center;padding:35px 0 48px}
.language-page .hero h1{max-width:1000px;margin:22px auto 28px;font-size:clamp(39px,5vw,66px);line-height:1.1}
.language-page .hero .lead{font-size:20px;max-width:820px;margin-inline:auto;line-height:1.85}
.language-page .content section{border:0;border-top:1px solid #b79ac72b;border-radius:0;background:none;padding:32px 0;margin-bottom:25px}
.language-page .content section.example{border-top:1px solid #b47fe544!important}
.language-page .content h2{font-size:31px;color:#e6c1ff}
.language-page .content h3{font-size:21px;color:#c4dfff}
.language-page .content p,.language-page .content li{font-size:18px;line-height:1.9}
.language-page .content .prompt{border:0;background:#4e3e7526;font-size:20px;padding:23px;border-radius:12px;color:#fff}
.language-page .answer{border:0;background:#36867324}
.language-page .answer>span{font-size:13px}
.language-page .answer p{font-size:20px}
.language-page aside>nav,.language-page aside>.practice{border:0;border-left:1px solid #b295ce30;background:none;border-radius:0;padding:12px 0 12px 22px}
.language-page aside h2{font-size:21px}
.language-page aside nav a,.language-page aside p,.language-page .practice>a{font-size:16px;line-height:1.8}

@media(max-width:1100px){.course-hero{gap:25px}.course-hero h1{font-size:45px}.course-layout{gap:27px;grid-template-columns:minmax(0,1fr) 235px}.course-task{padding:27px}.stage-heading h2{font-size:30px}}
@media(max-width:850px){.course-layout{display:block}.course-hero h1{font-size:41px}.course-hero .lead{font-size:18px}.course-prerequisites article{padding:12px 16px}.section-heading{gap:22px}.section-note{font-size:14px}.course-orientation{gap:19px}.course-orientation strong{font-size:18px}.course-orientation span{font-size:15px}.language-page aside{grid-row:auto;margin-top:25px}}
@media(max-width:670px){
  .course-page main{padding-inline:20px}.course-site{padding-inline:20px}.course-site nav{gap:22px}.course-site nav a{font-size:14px}
  .course-hero{gap:20px}.course-hero h1{font-size:40px}.course-hero .lead{font-size:18px}.course-hero .byline{font-size:13px}.hero-actions>a{font-size:15px}
  .course-page[data-topic="prawdopodobienstwo"] .course-hero h1{font-size:clamp(31px,8.7vw,40px)}
  .course-page .eyebrow{font-size:12px}.course-badges{gap:15px}.course-page .level{font-size:12px}.diagram-top{font-size:12px;padding-inline:0}.course-diagram{padding-inline:0}.course-diagram figcaption{font-size:15px}.visual-bottom span{font-size:13px}
  .course-orientation{gap:9px;margin-bottom:40px}.course-orientation>div{padding:12px 0}.course-orientation>div+div{border:0}.course-orientation strong{font-size:20px}.course-orientation span{font-size:16px}
  .section-heading h2{font-size:29px}.course-prerequisites article{padding:12px 20px}.course-prerequisites p{font-size:17px}.plan-card{padding:19px;min-height:190px;gap:12px}.plan-card h3{font-size:16px}.plan-card .level{font-size:12px}.scope-note{font-size:14px}
  .stage-heading{padding:26px 0 14px;gap:12px}.stage-number{font-size:27px;width:40px;flex-shrink:0}.stage-heading h2{font-size:28px}.stage-heading .level{font-size:12px}.stage-reading{padding:10px 0 0}.stage-reading p{font-size:17px;line-height:1.95}
  .course-task{margin:24px 0;padding:24px 19px}.course-task .task-label{font-size:12px;line-height:1.8}.course-task .prompt{font-size:19px}.course-task .solution h3{font-size:18px}.course-task .solution p{font-size:16px}.course-task .solution>li{padding-left:32px}.course-task .equation{font-size:16px}.course-task .answer>span{font-size:12px}.course-task .answer p{font-size:20px}.course-task .explanation{font-size:16px}
  .try-note{font-size:16px!important}.reveal>summary{font-size:16px}.course-trap{margin:24px 0;padding:21px 18px}.course-trap p{font-size:16px}.checkpoint{margin-inline:0}.checkpoint p{font-size:16px}.stage-next{padding-inline:0}.stage-next a{font-size:14px}
  .course-official,.course-final,.course-mastery,.course-faq,.course-sources{padding:29px 0;border-radius:0}.course-official h2,.course-final h2,.course-mastery h2,.course-faq h2{font-size:29px}.course-final>p:not(.eyebrow),.course-mastery>ul>li{font-size:17px}.official-meta span,.source-note,.official-source{font-size:14px}.course-faq summary{font-size:18px}.course-sources p{font-size:15px}
  .language-page .hero{padding-top:25px}.language-page .hero h1{font-size:38px}.language-page .hero .lead{font-size:18px}.language-page .content h2{font-size:28px}.language-page .content p,.language-page .content li{font-size:17px}.language-page .content .prompt{font-size:19px;padding:19px}
}
@media print{.lesson-page .guide-title-accent{background:none;-webkit-text-fill-color:currentColor;color:#111}.course-hero h1{font-size:30px}.course-stage{margin-bottom:25px}.lesson-page .course-task,.language-page .content .prompt{background:none}.course-rail{display:none}}

/* Shared by the app's guide library and the pregenerated lessons. */
html:has(.study-guide),html:has(.lesson-page){scroll-behavior:smooth}
.study-guide,.lesson-page main{view-transition-name:guide-content}
.study-guide .guide-title-divider,.lesson-page .guide-title-divider{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(guide-content){animation:guide-leave .2s ease both}
::view-transition-new(guide-content){animation:guide-arrive .36s ease both}
@keyframes guide-leave{to{opacity:0;transform:translateY(-6px)}}
@keyframes guide-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes guide-reveal{from{opacity:.35;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes guide-focus{from{color:#dfadff}to{color:inherit}}
@keyframes guide-fade-in{from{opacity:0}to{opacity:1}}
@keyframes guide-fade-out{to{opacity:0}}
.study-guide-hero,.lesson-page article>header{animation:guide-arrive .45s ease both}
.study-guide a,.lesson-page a{transition:color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease}
.study-guide a:active,.lesson-page .plan-card:active,.lesson-page .course-primary:active{transform:translateY(1px)}
.study-guide .study-guide-body section:target h2,.lesson-page section:target>.stage-heading h2{animation:guide-focus .8s ease both}
.lesson-page details summary{transition:color .2s ease,background-color .2s ease}
.lesson-page details summary:hover{color:#e9fff7}
.lesson-page details[open]>div,.lesson-page .example details[open]>.solution{animation:guide-arrive .3s ease both}
/* Animate native disclosures in both directions when supported. */
@supports(interpolate-size:allow-keywords){
  .lesson-page details{interpolate-size:allow-keywords}
  .lesson-page details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .34s ease,opacity .24s ease,content-visibility .34s allow-discrete}
  .lesson-page details[open]::details-content{block-size:auto;opacity:1}
}
@supports(animation-timeline:view()){
  .study-guide-course-card,.study-guide-body>section>h2,.lesson-page .stage-heading,.lesson-page .plan-card,.lesson-page .course-prerequisites article,.language-page .content>section>h2{
    animation:guide-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 30%;
  }
}
@media(prefers-reduced-motion:reduce){
  /* Anchor scrolling was explicitly requested even with reduced motion enabled. */
  html:has(.study-guide),html:has(.lesson-page){scroll-behavior:smooth}
  .study-guide-course-card,.study-guide-body>section>h2,.lesson-page .stage-heading,.lesson-page .plan-card,.lesson-page .course-prerequisites article,.language-page .content>section>h2{animation:none;translate:none}
  .study-guide-hero,.lesson-page article>header,.lesson-page details[open]>div,.lesson-page .example details[open]>.solution,.lesson-page section:target>.stage-heading,.study-guide .study-guide-body section:target h2{animation:guide-fade-in .18s ease both}
  .lesson-page details::details-content{transition:block-size 0s,opacity .18s ease,content-visibility .18s allow-discrete}
  .study-guide a:active,.lesson-page .plan-card:active,.lesson-page .course-primary:active{transform:none}
  ::view-transition-group(*){animation:none}
  ::view-transition-old(guide-content){animation:guide-fade-out .18s ease both}
  ::view-transition-new(guide-content){animation:guide-fade-in .18s ease both}
}

.language-page{--reading-accent:#b5d7ff}
.language-page .reading-badge{display:inline-block;color:#f5d59a;font-size:14px;font-weight:750;padding:8px 13px;border-radius:8px;background:#af834a1c;line-height:1.65}
.reading-cards{display:grid;gap:22px;margin-top:24px}
.language-page .reading-card{position:relative;padding:4px 0 8px 32px;border-left:2px solid #8badd62b}
.language-page .reading-card h3{margin:0 0 11px;font-size:23px;color:#b9d9ff}
.language-page .reading-card p{margin:0;color:#ded4e8}
.language-page .reading-key{border-left-color:#dab46d99}
.language-page .reading-key h3{color:#f0d49f}
.reading-index{display:block;color:#b0a1bd;font-size:12px;font-weight:750;letter-spacing:.12em;margin-bottom:9px}
.language-page .reading-section:nth-of-type(3n) h2{color:#eeb6c9}
.language-page .reading-section:nth-of-type(3n+1) h2{color:#abdcd0}
.language-page .reading-note{margin-top:26px;padding:20px 23px;border-left:3px solid #d8b66e66;background:linear-gradient(110deg,#a0793d16,transparent);font-size:16px;color:#e8d7b7;border-radius:0 9px 9px 0}
.reading-table{overflow-x:auto;margin:24px 0;max-width:100%;border-radius:12px;background:#7199c90b}
.reading-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.8;text-align:left;min-width:420px}
.reading-table th{padding:17px 18px;color:#f3d49e;background:#c5a8730c;font-size:14px;letter-spacing:.02em;border-bottom:1px solid #b995581c}
.reading-table td{padding:17px 18px;vertical-align:top;color:#dfd7eb;border-bottom:1px solid #af99cb14}
.reading-table td:first-child{color:#b8d7ff;font-weight:650}
.reading-table:focus-visible{outline:2px solid #b6d5ff;outline-offset:4px}
.language-page aside>nav{max-height:76vh;overflow-y:auto}
@media(max-width:670px){.language-page .reading-card{padding-left:21px}.language-page .reading-card h3{font-size:21px}.reading-table table{font-size:15px}.reading-table td,.reading-table th{padding:14px}.language-page .reading-note{padding:17px;font-size:16px}}
@media(max-width:560px){.reading-table{overflow:visible;background:none}.reading-table table{min-width:0;width:100%}.reading-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reading-table tr{display:block;margin-bottom:19px;padding:16px 18px;background:#7199c90c;border-radius:10px}.reading-table td{display:block;padding:7px 0;border:0}.reading-table td::before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.05em;font-weight:750;color:#d6b981;margin-bottom:3px}.reading-table td:first-child{font-size:18px}.reading-table td:first-child::before{font-size:11px}}
@media print{.language-page .reading-card h3,.reading-table td,.reading-table th{color:#111}.reading-table{overflow:visible}.reading-table table{min-width:0}.language-page .reading-note{color:#222}}
