:root{--paper:#ffffff;--tint:#f5f7f9;--ink:#16191f;--ink-2:#5a6472;--rule:#e4e8ed;--accent:#2563a8;--accent-tint:#eaf1f9;--accent-ink:#1b4a7d;--font-sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-serif:ui-serif,Georgia,Charter,"Iowan Old Style","Times New Roman",serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--shell:860px;--gutter:20px;--radius:6px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-serif);font-size:19px;line-height:1.72;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--rule)}.site-header__inner{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:16px;min-height:56px}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-decoration:none;white-space:nowrap}.brand:hover{color:var(--accent)}.brand img{width:18px;height:18px}.nav{display:flex;align-items:center;gap:4px;margin-left:auto;font-family:var(--font-sans);font-size:14.5px}.nav a{display:block;padding:7px 10px;border-radius:var(--radius);color:var(--ink-2);font-weight:500;text-decoration:none}.nav a:hover{background:var(--tint);color:var(--ink)}.nav a[aria-current="page"]{color:var(--accent)}.nav-toggle{display:none;margin-left:auto;padding:8px;background:none;border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink);cursor:pointer;line-height:0}.search-form{display:flex}.search-form input[type="text"]{width:150px;padding:7px 11px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--tint);color:var(--ink);font-family:var(--font-sans);font-size:14.5px}.search-form input[type="text"]:focus{background:var(--paper);border-color:var(--accent);outline:none}@media (max-width:860px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 14px;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 8px 24px rgba(22,25,31,.07)}.nav.is-open{display:flex}.nav a{padding:10px 8px;font-size:16px}.search-form{margin-top:8px}.search-form input[type="text"]{width:100%}}.layout{max-width:var(--shell);margin:0 auto;padding:28px var(--gutter) 56px}.content{min-width:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.021em;line-height:1.22;text-wrap:balance}h1{margin:0 0 10px;font-size:clamp(30px,5.2vw,42px);font-weight:800}h2{margin:2.1em 0 .5em;font-size:25px;font-weight:700}h3{margin:1.9em 0 .4em;font-size:20px;font-weight:700}h4,h5,h6{margin:1.6em 0 .4em;font-size:17px;font-weight:700}p{margin:0 0 1.15em}a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--accent-ink)}hr{margin:2.2em 0;border:0;border-top:1px solid var(--rule)}blockquote{margin:1.6em 0;padding:2px 0 2px 20px;border-left:3px solid var(--accent);color:var(--ink-2);font-style:italic}ul,ol{margin:0 0 1.15em;padding-left:1.4em}li{margin-bottom:.35em}.eyebrow{margin:0 0 8px;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}.pretext,.article-meta{margin:0 0 22px;font-family:var(--font-sans);font-size:13.5px;line-height:1.6;color:var(--ink-2)}.article-meta a{color:var(--ink-2);text-decoration:underline}.article-meta a:hover{color:var(--accent)}.article-description{margin-bottom:1.4em;font-size:1.09em;line-height:1.6;color:var(--ink-2)}.article-body>*:first-child{margin-top:0}pre.kod{overflow-x:auto;overflow-y:hidden;margin:1.7em 0;padding:0;border:0;border-radius:0;background:none;font-family:inherit;font-size:1.05em;text-align:center;white-space:pre-wrap}.article-body p>img[alt],.article-body div>img[alt]{vertical-align:middle}mjx-container[display="true"],.MathJax_Display{margin:1.5em 0!important}mjx-container{font-size:106%}@media (max-width:720px){mjx-container{font-size:92%}mjx-container[display="true"]{overflow-x:auto;overflow-y:hidden}}.articleImage img,.nahled{border:1px solid var(--rule);border-radius:var(--radius);background:#fff}.articleImageRight,.articleImageLeft{max-width:300px}@media (max-width:620px){.articleImageRight,.articleImageLeft{float:none!important;max-width:100%;margin:16px 0!important}}.exercise{margin:1.8em 0;padding:18px 20px;border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--paper)}.exercise>*:first-child{margin-top:0}.exercise>*:last-child{margin-bottom:0}.exercise__toggle{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:8px 15px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:14.5px;font-weight:600;cursor:pointer}.exercise__toggle:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.exercise__solution{margin-top:16px;padding-top:16px;border-top:1px dashed var(--rule)}.exercise__solution[hidden]{display:none}.article-list{margin:0;padding:0;list-style:none}.article-list__item{padding:22px 0;border-bottom:1px solid var(--rule)}.article-list__item:first-child{padding-top:4px}.article-list__item h2{margin:0 0 4px;font-size:21px;font-weight:700}.article-list__item h2 a{color:var(--ink);text-decoration:none}.article-list__item h2 a:hover{color:var(--accent)}.article-list__item .article-description{margin-bottom:0;font-size:1em}.link-list{margin:0 0 1.4em;padding:0;list-style:none}.link-list li{margin:0;padding:11px 0;border-bottom:1px solid var(--rule)}.link-list a{font-family:var(--font-sans);font-weight:600;text-decoration:none}.link-list a:hover{text-decoration:underline}.home-promo{margin:0 0 4px;padding:12px 16px;border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--accent-tint);font-size:1em}.practice-cta{margin:28px 0 0;padding:14px 18px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-tint);font-family:var(--font-sans);font-size:16px}.practice-cta a{font-weight:700}.breadcrumbs{margin:0 0 14px;font-family:var(--font-sans);font-size:13px;color:var(--ink-2)}.breadcrumbs a{color:var(--ink-2);text-decoration:none}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.breadcrumbs>span:last-child a{color:var(--accent);font-weight:600}.btn-maths,.btn-secondary{display:inline-block;padding:9px 17px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}.btn-maths:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}.btn-secondary{background:var(--paper);border-color:var(--rule);color:var(--ink)}.btn-secondary:hover{background:var(--tint);color:var(--ink)}.answer{display:flex;align-items:flex-start;gap:9px;margin-bottom:6px;padding:8px 10px;border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer}.answer:hover{background:var(--tint)}.answer--correct{background:#e6f6e2;border-color:#9ed48d}.answer--wrong{background:#fdeaea;border-color:#e9a9a9}.quick-nav{margin:44px 0 0;padding-top:26px;border-top:1px solid var(--rule);display:grid;gap:32px}@media (min-width:780px){.quick-nav{grid-template-columns:1fr 1fr}}.quick-nav h2{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}.ad{margin:32px 0;text-align:center}.ad--inline{margin:28px 0}.ad ins{display:block}pre{overflow-x:auto;margin:1.5em 0;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--tint);font-family:var(--font-mono);font-size:15px;line-height:1.6}code{font-family:var(--font-mono);font-size:.93em}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{padding:9px 12px;border-bottom:1px solid var(--rule);text-align:left}th{font-family:var(--font-sans);font-size:14px;font-weight:700}.highlight{background:#fff3a8;border-radius:2px}.site-footer{border-top:1px solid var(--rule);background:var(--tint)}.site-footer__inner{max-width:var(--shell);margin:0 auto;padding:26px var(--gutter);font-family:var(--font-sans);font-size:13px;line-height:1.65;color:var(--ink-2)}.site-footer p{margin:0 0 4px}.site-footer a{color:var(--ink-2)}@media print{.site-header,.site-footer,.quick-nav,.breadcrumbs,.ad,.article-meta{display:none!important}.layout{display:block;max-width:none;padding:0}body{font-size:12pt}a{text-decoration:none;color:var(--ink)}}.practice{--p-paper:#ffffff;--p-grid:#dbe7f4;--p-ink:#172030;--p-ink-2:#5d6b7f;--p-primary:#2f6fd0;--p-primary-dark:#24579f;--p-ok:#1d9a55;--p-ok-bg:#e4f7ec;--p-bad:#d24545;--p-bad-bg:#fdecec;--p-gold:#eda32d;--p-radius:16px}.set-grid{display:grid;gap:14px;grid-template-columns:1fr;margin:26px 0 0;padding:0;list-style:none}@media (min-width:560px){.set-grid{grid-template-columns:1fr 1fr}}.set-card{display:block;padding:18px 20px;border:2px solid var(--p-grid);border-radius:var(--p-radius);background:var(--p-paper);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.set-card:hover,.set-card:focus-visible{border-color:var(--p-primary);transform:translateY(-2px);color:inherit}.set-card__icon{font-size:26px;line-height:1}.set-card__name{margin:8px 0 2px;font-family:var(--font-sans);font-size:19px;font-weight:700;color:var(--p-ink)}.set-card__grade{display:inline-block;padding:2px 9px;border-radius:999px;background:#eaf1fb;color:var(--p-primary-dark);font-family:var(--font-sans);font-size:12px;font-weight:700}.set-card__intro{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--p-ink-2)}.drill{position:relative;margin:24px 0;padding:22px 18px 26px;border:2px solid var(--p-grid);border-radius:var(--p-radius);background-color:var(--p-paper);background-image:linear-gradient(var(--p-grid) 1px,transparent 1px),linear-gradient(90deg,var(--p-grid) 1px,transparent 1px);background-size:24px 24px;text-align:center}.drill[data-state="ok"]{border-color:var(--p-ok)}.drill[data-state="bad"]{border-color:var(--p-bad)}.frame{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:18px}.frame__cell{width:20px;height:20px;border:2px solid var(--p-grid);border-radius:5px;background:var(--p-paper);transition:background-color .2s,border-color .2s,transform .2s}.frame__cell[data-fill="ok"]{background:var(--p-ok);border-color:var(--p-ok);transform:scale(1.08)}.frame__cell[data-fill="bad"]{background:var(--p-bad);border-color:var(--p-bad)}.frame__cell[data-fill="now"]{border-color:var(--p-primary);box-shadow:0 0 0 3px #dbe8fb}.score{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font-family:var(--font-sans);font-size:14px;font-weight:700}.score__chip{padding:4px 12px;border-radius:999px;background:#f1f4f8;color:var(--p-ink-2)}.score__chip--ok{background:var(--p-ok-bg);color:#147a41}.score__chip--bad{background:var(--p-bad-bg);color:#b33636}.score__chip--streak{background:#fdf2df;color:#9a6412}.drill__question{margin:6px 0 14px;font-family:var(--font-sans);font-size:clamp(44px,13vw,76px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--p-ink);font-variant-numeric:tabular-nums}.drill__answer{display:inline-block;min-width:2.2em;padding:0 .1em;border-bottom:5px solid var(--p-primary);color:var(--p-primary)}.drill[data-state="ok"] .drill__answer{border-color:var(--p-ok);color:var(--p-ok)}.drill[data-state="bad"] .drill__answer{border-color:var(--p-bad);color:var(--p-bad)}.drill__caret{opacity:.35}.frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 .12em;font-size:.62em;line-height:1.1}.frac__n{padding:0 .28em}.frac__d{padding:0 .28em;border-top:.11em solid currentColor}.frac--wide{font-size:.5em}.frac--wide .frac__n,.frac--wide .frac__d{padding:0 .4em;white-space:nowrap}.frac--answer{color:var(--p-primary)}.frac--answer .frac__n,.frac--answer .frac__d{min-width:1.4em;border-radius:4px;cursor:pointer}.frac--answer [data-active="true"]{background:#dbe8fb}.drill[data-state="ok"] .frac--answer{color:var(--p-ok)}.drill[data-state="bad"] .frac--answer{color:var(--p-bad)}.tuple{white-space:nowrap}.pair{white-space:nowrap;color:var(--p-primary)}.pair__slot{display:inline-block;min-width:1.5em;padding:0 .06em;border-bottom:.09em solid currentColor;border-radius:4px;text-align:center}.pair__slot[data-active="true"]{background:#dbe8fb}.drill__question sup{font-size:.55em;vertical-align:super;line-height:0}.drill__question sup .pair__slot{min-width:1.1em}.drill[data-state="ok"] .pair{color:var(--p-ok)}.drill[data-state="bad"] .pair{color:var(--p-bad)}.drill__prompt{margin:0 0 4px;font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--p-ink-2)}.drill__feedback{min-height:30px;margin:0 0 12px;font-family:var(--font-sans);font-size:18px;font-weight:700}.drill__feedback[data-state="ok"]{color:var(--p-ok)}.drill__feedback[data-state="bad"]{color:var(--p-bad)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:320px;margin:0 auto}.keypad button{padding:14px 0;border:2px solid var(--p-grid);border-radius:12px;background:var(--p-paper);color:var(--p-ink);font-family:var(--font-sans);font-size:24px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,background-color .12s,border-color .12s}.keypad button:hover{background:#f3f7fd;border-color:var(--p-primary)}.keypad button:active{transform:scale(.94)}.keypad button[data-key="ok"]{background:var(--p-primary);border-color:var(--p-primary);color:#fff}.keypad button[data-key="ok"]:hover{background:var(--p-primary-dark);border-color:var(--p-primary-dark)}.keypad button[data-key="del"]{color:var(--p-ink-2);font-size:20px}.keypad button[data-key="slash"],.keypad button[data-key="next"]{grid-column:span 3;font-size:16px;color:var(--p-ink-2)}.keypad button[data-key="sign"]{grid-column:span 3;font-size:20px;color:var(--p-ink-2)}.result{text-align:center}.result__stamp{display:inline-block;margin:4px 0 14px;padding:14px 22px;border:4px solid var(--p-gold);border-radius:14px;color:var(--p-gold);font-family:var(--font-sans);font-size:30px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;transform:rotate(-6deg);animation:stamp .35s cubic-bezier(.2,1.4,.5,1) both}.result__stamp[data-grade="good"]{border-color:var(--p-ok);color:var(--p-ok)}.result__stamp[data-grade="try"]{border-color:var(--p-primary);color:var(--p-primary)}@keyframes stamp{from{transform:rotate(-6deg) scale(2.2);opacity:0}to{transform:rotate(-6deg) scale(1);opacity:1}}.result__stars{font-size:34px;letter-spacing:4px;margin-bottom:6px}.result__line{margin:0 0 6px;font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--p-ink)}.result__sub{margin:0 0 18px;color:var(--p-ink-2);font-size:15px}.result__mistakes{max-width:340px;margin:0 auto 20px;padding:14px 16px;border-radius:12px;background:var(--p-bad-bg);text-align:left}.result__mistakes h3{margin:0 0 8px;font-size:14px;font-weight:700;color:#b33636;text-transform:uppercase;letter-spacing:.06em}.result__mistakes ul{margin:0;padding-left:18px}.result__mistakes li{font-family:var(--font-sans);font-size:16px;font-variant-numeric:tabular-nums}.result__mistakes s{color:var(--p-bad);text-decoration-thickness:2px}.result__mistakes strong{color:var(--p-ok)}.result__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.options{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:18px 0 0;padding:14px 16px;border-radius:12px;background:#f5f8fc;font-family:var(--font-sans);font-size:14px}.options label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--p-ink-2)}.options input[type="number"]{width:68px;padding:6px 8px;border:2px solid var(--p-grid);border-radius:8px;font-family:var(--font-sans);font-size:15px;font-weight:700;text-align:center}.options input[type="number"]:focus{border-color:var(--p-primary);outline:none}.options__ops{display:flex;gap:6px}.options__op{width:38px;height:34px;border:2px solid var(--p-grid);border-radius:8px;background:var(--p-paper);font-size:17px;font-weight:700;cursor:pointer}.options__op[aria-pressed="true"]{background:var(--p-primary);border-color:var(--p-primary);color:#fff}.btn-play{display:inline-block;padding:13px 26px;border:0;border-radius:12px;background:var(--p-primary);color:#fff;font-family:var(--font-sans);font-size:17px;font-weight:700;text-decoration:none;cursor:pointer}.btn-play:hover{background:var(--p-primary-dark);color:#fff}.btn-play--ghost{background:var(--p-paper);border:2px solid var(--p-grid);color:var(--p-ink)}.btn-play--ghost:hover{background:#f3f7fd;border-color:var(--p-primary);color:var(--p-ink)}[hidden]{display:none!important}@keyframes nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.drill[data-state="bad"] .drill__question{animation:nudge .3s ease}@media (prefers-reduced-motion:reduce){.drill__question,.result__stamp,.set-card,.keypad button{animation:none!important;transition:none!important}}