.lesson-reader{--lesson-blue:#034cff;--lesson-ink:#101052;--lesson-muted:#505b99;background:#fff;color:var(--lesson-ink);font-family:Inter,sans-serif;overflow:clip}
.lesson-reader h1,.lesson-reader h2,.lesson-reader h3{margin:0;font-family:'Barlow Condensed',Inter,sans-serif;font-weight:800;line-height:1.03;letter-spacing:-.025em}
.lesson-reader .lesson-section h2{font-family:Inter,sans-serif;font-size:34px;letter-spacing:-.04em;line-height:1.14}
.lesson-reader a:focus-visible,.lesson-reader button:focus-visible,.lesson-reader [tabindex]:focus-visible{outline:3px solid #0035da;outline-offset:5px}
.lesson-reader .icon{flex-shrink:0}
.lesson-hero{position:relative;display:grid;align-items:center;min-height:465px;text-align:center;isolation:isolate}
.lesson-hero-art,.lesson-cta-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.lesson-hero-art{object-position:center 53%}
.lesson-hero:before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:65px;background:url('/assets/learning/hero-wave.webp') bottom/100% 100% no-repeat;pointer-events:none;z-index:2}
.lesson-hero-copy{width:min(480px,45%);margin:36px auto 60px;text-shadow:0 1px 14px #fff}
.lesson-hero-copy h1{font-size:clamp(36px,4.2vw,58px);text-wrap:balance}
.lesson-breadcrumb{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 22px;font-size:14px;font-weight:600}
.lesson-breadcrumb a{text-decoration:none;color:#12278f}
.lesson-breadcrumb a:hover{text-decoration:underline}
.lesson-introduction{font-size:17px;line-height:1.45;margin:22px 0 12px;text-wrap:pretty}
.lesson-classes{font-size:15px;margin:12px 0}
.lesson-print-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 20px;border:1px solid #4f61ff;border-radius:999px;background:#fffffff0;color:#12208c;font:600 14px Inter,sans-serif;cursor:pointer;box-shadow:0 3px 12px #203fd91a;transition:transform .2s,box-shadow .2s}
.lesson-print-button[hidden]{display:none}
.lesson-top-exercises{margin:14px 0 16px}.lesson-top-exercises .lesson-primary-button{text-shadow:none}
.lesson-print-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #203fd929}
.lesson-document{width:min(1160px,calc(100% - 80px));margin:0 auto;padding:34px 0 42px}
.lesson-section{display:grid;grid-template-columns:105px minmax(0,1fr);gap:24px;margin-bottom:36px}
.lesson-section:last-child{margin-bottom:0}
.lesson-section-number{font-family:Georgia,serif;font-weight:800;font-size:100px;line-height:1;color:#e5a214;text-align:center;text-shadow:0 2px 0 #fff2b2}
.lesson-section-number{background:url('/assets/learning/gold-wash.webp') center top/110px 110px no-repeat;align-self:start}
.lesson-section h2{color:var(--lesson-blue);font-size:clamp(29px,3vw,40px);margin:8px 0 12px}
.lesson-section p{font-size:17px;line-height:1.65;margin:8px 0;color:#323f86}
.lesson-section--explanation:nth-child(2) .lesson-section-content{background:url('/assets/learning/aqua-wash.webp') center bottom/100% 70% no-repeat}
.lesson-table-scroll{overflow-x:auto;border:1px solid #cdccff;border-radius:12px;margin:20px 0 10px}
.lesson-table-scroll table{width:100%;border-collapse:collapse;font-size:17px;text-align:center}
.lesson-table-scroll th,.lesson-table-scroll td{padding:10px 14px;border-right:1px solid #dedcff;border-bottom:1px solid #dedcff;line-height:1.35}
.lesson-table-scroll thead th{background:linear-gradient(115deg,#eae5ff,#e7eeff);font-weight:750}
.lesson-table-scroll tbody th{font-weight:500}
.lesson-table-change{color:#956300;font-weight:750}
.lesson-hebrew{font-family:'SBL Hebrew','Ezra SIL','Frank Ruhl Libre','David','Noto Serif Hebrew','Noto Sans Hebrew','Arial Hebrew','Times New Roman',serif;font-size:1.45em;font-weight:700;line-height:1.4;color:#101052;unicode-bidi:isolate;white-space:nowrap}
.lesson-formulas{display:flex;flex-wrap:wrap;justify-content:space-around;gap:16px;margin-top:10px;padding:20px 14px;background:url('/assets/learning/aqua-wash.webp') center/100% 100% no-repeat}
.lesson-formula{color:#111957;font-family:'Barlow Condensed',Inter,sans-serif;font-size:30px;line-height:1.2}
.lesson-formula-separator{display:none}
.lesson-section--explanation:nth-child(2) .lesson-section-content:has(.lesson-formulas){background:none}
.lesson-table-scroll tbody tr:nth-child(even){background:#f8f9ff}
.lesson-table-scroll tr:last-child>*{border-bottom:0}
.lesson-table-scroll tr>*:last-child{border-right:0}
.lesson-example{display:grid;grid-template-columns:1fr 30px 1fr 190px;gap:16px;align-items:center}
.lesson-example-prompt{padding:22px;background:linear-gradient(120deg,#fff0ce,#fff8e8);border:1px solid #e4bd73;border-radius:10px}
.lesson-example-answer{padding:20px 10px;background:url('/assets/learning/aqua-wash.webp') center/100% 100% no-repeat}
.lesson-example-arrow{font-size:30px;color:var(--lesson-blue)}
.lesson-example-map{width:100%;height:auto;mix-blend-mode:multiply}
.clock-face{display:block;width:100%;height:auto}
.clock-rim{fill:#fff;stroke:#12278f;stroke-width:4}
.clock-tick{stroke:#8b96d6;stroke-width:1.2}.clock-tick--major{stroke:#12278f;stroke-width:2.6}
.clock-number{fill:#101052;font:700 17px Inter,sans-serif}
.clock-hand{stroke-linecap:round}.clock-hand--hour{stroke:#e58a00;stroke-width:8}.clock-hand--minute{stroke:#034cff;stroke-width:5}
.clock-pin{fill:#101052}
.lesson-clocks{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px;margin:18px 0 6px;padding:22px;border:1px solid #cdccff;border-radius:16px;background:linear-gradient(120deg,#f3f6ff,#fff9ea)}
.lesson-clocks li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.lesson-clocks .clock-face{max-width:170px}
.lesson-clocks span{font-size:16px;font-weight:650;line-height:1.35;color:#12208c;white-space:pre-line}
.angle-figure{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}
.angle-line{stroke:#12278f;stroke-width:2.4;stroke-linecap:round}.angle-line--secant{stroke:#e58a00}
.angle-band{fill:#fff3c9;opacity:.8}
.angle-vertex{fill:#101052}
.angle-sector{fill-opacity:.62}
.angle-sector--blue{fill:#3f7dff}.angle-sector--red{fill:#ff5f52}.angle-sector--green{fill:#2fb574}.angle-sector--dark{fill:#3a3f63}
.angle-sector--gold{fill:#ffb81f;fill-opacity:.8}.angle-sector--pick{fill:#9a6bff;fill-opacity:.75}.angle-sector--ok{fill:#16a15c;fill-opacity:.8}.angle-sector--ko{fill:#e0453a;fill-opacity:.8}
.angle-text{font:700 13px Inter,Arial,sans-serif;fill:#101052;text-anchor:middle;dominant-baseline:central}
.angle-text--line{font-weight:600;font-style:italic;fill:#12278f}.angle-text--ray{font-weight:600;font-style:italic;font-size:14px}
.angle-text--point{font-size:14px}.angle-text--measure{font-size:13px;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.angle-hit{fill:#034cff;fill-opacity:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.angle-hit:hover,.angle-hit:focus-visible{fill-opacity:.1}
.angle-name{display:inline-block;position:relative;padding-top:.3em;font-style:italic;font-weight:650;white-space:nowrap;line-height:1.1}
.angle-name::before{content:"";position:absolute;left:6%;right:6%;top:.02em;height:.34em;border:.09em solid currentColor;border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0}
.lesson-angles{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px;margin:18px 0 6px;padding:22px;border:1px solid #cdccff;border-radius:16px;background:linear-gradient(120deg,#f3f6ff,#fff9ea)}
.lesson-angles li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.lesson-angles .angle-figure{max-width:440px;border-radius:12px;background:#fff}
.lesson-angles li>span{font-size:16px;font-weight:650;line-height:1.4;color:#12208c}
.graph-figure{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}
.graph-grid{stroke:#d9e2ff;stroke-width:.7}.graph-grid--major{stroke:#aebcf2;stroke-width:1}
.graph-axis{stroke:#101052;stroke-width:2;stroke-linecap:round}.graph-arrow{fill:#101052}.graph-tick{stroke:#101052;stroke-width:1.4}
.graph-text{font:600 11px Inter,Arial,sans-serif;fill:#101052;text-anchor:middle;dominant-baseline:central}
.graph-text--y{text-anchor:end}.graph-text--name{font-weight:750;font-size:12px;fill:#12278f}.graph-text--start{text-anchor:start}.graph-text--end{text-anchor:end}
.graph-text--note{font-style:italic;font-size:12px;fill:#b35c00}
.graph-line{fill:none;stroke:#034cff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.graph-point{fill:none;stroke:#e0453a;stroke-width:2.4;stroke-linecap:round}
.graph-guide{fill:none;stroke:#e58a00;stroke-width:1.8;stroke-dasharray:5 4}
.lesson-graphs .graph-figure{max-width:460px;border-radius:12px;background:#fff}
@media(max-width:700px){.lesson-graphs{padding:10px}.lesson-graphs .graph-text{font-size:12.5px}.lesson-graphs .graph-text--name{font-size:13px}}
.angle-lesson-live{min-height:3em;margin:0;font-size:15px;line-height:1.45;color:#22306f}
.angle-lesson-live.is-parallel{font-weight:700;color:#16794a}
.angle-lesson-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:min(440px,100%)}
.angle-lesson-controls label{font-size:14px;font-weight:650;color:#12208c}
.angle-lesson-controls input[type=range]{flex:1;min-width:160px;height:36px;accent-color:#034cff}
.angle-lesson-reset{min-height:40px;padding:6px 16px;border:1px solid #4f61ff;border-radius:999px;background:#fff;color:#12208c;font:650 14px Inter,sans-serif;cursor:pointer}
.lesson-download{display:inline-flex;align-items:center;gap:8px;color:#12208c;font-weight:650}
.lesson-section .lesson-transfer{font-size:15px;margin-top:16px}
.lesson-exercise-cta{position:relative;isolation:isolate;text-align:center;display:grid;align-items:center;min-height:295px;padding:40px 20px}
.lesson-cta-copy h2{font-size:38px;margin-bottom:22px}
.lesson-cta-copy p{font-size:15px;margin:16px 0 0}
.lesson-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:14px 24px;border-radius:12px;background:#034cff;color:#fff;text-decoration:none;font-size:15px;font-weight:650;box-shadow:0 5px 0 #022bc31f;transition:transform .18s,background .18s}
.lesson-primary-button:hover{background:#002fcd;transform:translateY(-2px)}
.lesson-back{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:#293392;font-size:15px;text-decoration:none}
.lesson-reader--member{border-radius:22px;margin:24px}
.lesson-reader--member .lesson-back{margin:18px 24px}
.lesson-reader--member h1,.lesson-reader--member h2,.lesson-reader--member h3{font-family:Fredoka,Inter,sans-serif;font-weight:600;letter-spacing:-.03em}
.lesson-reader--member .lesson-hero-copy h1{font-size:clamp(32px,3.6vw,48px)}
.lesson-reader--member .lesson-document{width:calc(100% - 56px)}
.lesson-reader--member .lesson-section{grid-template-columns:72px minmax(0,1fr);gap:20px}
.lesson-reader--member .lesson-section h2{font-size:32px}
.lesson-reader--member .lesson-section-number{font-family:Fredoka,sans-serif;font-size:76px}
.lesson-reader--member .lesson-example{grid-template-columns:1fr 24px 1fr}.lesson-reader--member .lesson-example-map{display:none}
.lesson-activities{padding:36px;scroll-margin-top:20px;background:#fbfbff}
.lesson-activities>h2{font-size:32px;margin-bottom:24px}
.lesson-activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}
.lesson-activity{padding:24px;border:1px solid #e0ddff;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:start;gap:16px}
.lesson-activity-type{display:flex;gap:8px;align-items:center;color:#4051b3;font-size:14px}
.lesson-activity h3{font-size:25px}.lesson-activity p{font-size:15px;line-height:1.55;margin:0;flex:1}.lesson-activity .lesson-primary-button{font-size:14px;padding:12px 16px}
.lesson-print-brand,.lesson-print-source{display:none}
@media(prefers-reduced-motion:no-preference){.lesson-revealed{animation:lesson-arrive .5s ease both}@keyframes lesson-arrive{from{transform:translateY(14px);opacity:.7}to{transform:none;opacity:1}}}
@media(max-width:1000px){.lesson-hero{min-height:430px}.lesson-hero-copy{width:52%}.lesson-example{grid-template-columns:1fr 24px 1fr}.lesson-example-map{display:none}.lesson-document{width:calc(100% - 48px)}.lesson-section{grid-template-columns:75px minmax(0,1fr);gap:20px}.lesson-section-number{font-size:80px}}
@media(max-width:600px){.lesson-hero{min-height:420px;align-items:start}.lesson-hero-art{object-position:34% center}.lesson-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ffffffb8,#ffffffeb 48%,#ffffff0d);z-index:-1}.lesson-hero-copy{width:calc(100% - 40px);margin:26px auto 112px}.lesson-hero-copy h1{font-size:38px}.lesson-breadcrumb{font-size:12px;gap:7px;margin-bottom:18px}.lesson-introduction{font-size:15px;margin-top:18px}.lesson-classes{font-size:14px}.lesson-document,.lesson-reader--member .lesson-document{width:calc(100% - 32px);padding:22px 0 28px}.lesson-section,.lesson-reader--member .lesson-section{grid-template-columns:34px minmax(0,1fr);gap:10px;margin-bottom:28px}.lesson-section-number,.lesson-reader--member .lesson-section-number{font-size:47px;margin-top:3px}.lesson-section h2,.lesson-reader--member .lesson-section h2{font-size:29px;margin-top:4px;line-height:1.08}.lesson-section p{font-size:15px;line-height:1.6}.lesson-table-scroll{margin-top:15px}.lesson-table-scroll table{font-size:14px}.lesson-table-scroll th,.lesson-table-scroll td{padding:9px 8px}.lesson-example,.lesson-reader--member .lesson-example{grid-template-columns:1fr;gap:10px}.lesson-example-arrow{display:none}.lesson-example-prompt{padding:14px}.lesson-example-answer{padding:10px 14px}.lesson-cta-copy h2{font-size:33px}.lesson-exercise-cta{min-height:300px}.lesson-primary-button{font-size:14px;padding:13px 18px;gap:9px}.lesson-activities{padding:24px 16px}.lesson-reader--member{border-radius:16px}.lesson-reader--member .lesson-hero-copy h1{font-size:32px}}
@media(max-width:600px){
 .lesson-reader .lesson-section h2{font-size:28px}
 .lesson-hero{min-height:545px;background:linear-gradient(#edf8ff,#fff 64%)}
 .lesson-hero-copy{margin-bottom:205px;position:relative;z-index:1}
 .lesson-hero-art{height:245px;top:auto;bottom:0;object-position:center}
 .lesson-hero:after{top:auto;bottom:165px;height:80px;background:linear-gradient(#fff,#ffffff00)}
 .lesson-hero:before{height:42px}
 .lesson-section-number{background-size:48px 48px}
 .lesson-reader--member{margin:12px}
 .lesson-formulas{gap:10px;padding:16px 6px}.lesson-formula{font-size:25px}
}
@media print{
 @page{size:A4;margin:12mm 14mm}
 html,body,.child-app{background:#fff!important;color:#111!important;margin:0!important;padding:0!important;font-size:10pt!important}
 .site-header,.site-footer,.child-header,.skip-link,dialog,noscript,.lesson-back,.lesson-print-button,.lesson-top-exercises,.lesson-breadcrumb,.lesson-hero-art,.lesson-exercise-cta,.lesson-activities,.lesson-example-map,.lesson-example-arrow,.lesson-section-number,.lesson-hero:after,.lesson-hero:before{display:none!important}
 #contenu,.child-content,.lesson-reader,.lesson-reader--member{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 .lesson-print-brand{display:flex!important;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dce8;padding-bottom:4mm;margin-bottom:4mm;font-size:9pt;color:#555}
 .lesson-print-brand img{display:block;width:42mm!important;height:auto!important}
 .lesson-hero{display:block;min-height:0!important;padding:0!important;text-align:left}
 .lesson-hero-copy{width:100%!important;margin:0!important;text-shadow:none!important}
 .lesson-reader h1,.lesson-reader--member .lesson-hero-copy h1{font-family:Inter,sans-serif!important;color:#121b49!important;font-size:22pt!important;font-weight:800!important;line-height:1.15!important}
 .lesson-introduction{font-size:10pt!important;line-height:1.45!important;margin:3mm 0!important}
 .lesson-classes{font-size:9pt!important;margin:2mm 0 3mm!important;color:#555}
 .lesson-document,.lesson-reader--member .lesson-document{width:100%!important;margin:0!important;padding:0!important}
 .lesson-section,.lesson-reader--member .lesson-section{display:block!important;margin:0 0 3mm!important;animation:none!important;transform:none!important;opacity:1!important}
 .lesson-section-content{background:none!important}
 .lesson-reader h2,.lesson-reader--member .lesson-section h2{font-family:Inter,sans-serif!important;color:#121b49!important;font-size:13pt!important;line-height:1.25!important;margin:0 0 2mm!important;break-after:avoid}
 .lesson-section p{font-size:10pt!important;line-height:1.35!important;margin:1.5mm 0!important;orphans:3;widows:3;color:#222!important}
 .lesson-table-scroll{overflow:visible!important;border-radius:0!important;margin:3mm 0!important;border-color:#aaa!important;break-inside:avoid}
 .lesson-table-scroll table{font-size:10pt!important}.lesson-table-scroll th,.lesson-table-scroll td{padding:1.2mm 3mm!important;border-color:#bbb!important;background:#fff!important;color:#111!important}
 .lesson-table-scroll thead th{font-weight:700!important}.lesson-table-scroll thead{display:table-header-group}
 .lesson-formulas,.lesson-formula,.lesson-formula-separator{display:inline!important;margin:0!important;padding:0!important;background:none!important;color:#111!important;font:inherit!important}.lesson-table-change{color:#111!important}
 .lesson-example{display:block!important;break-inside:avoid}.lesson-example-prompt,.lesson-example-answer{padding:2mm 3mm!important;border:1px solid #ddd!important;background:none!important;border-radius:0!important;margin-bottom:2mm!important}
 .lesson-clocks{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4mm!important;padding:2mm 0!important;margin:2mm 0!important;border:0!important;background:none!important;break-inside:avoid}
 .lesson-clocks .clock-face{max-width:30mm!important}.lesson-clocks span{font-size:9pt!important;color:#111!important}
 .lesson-angles{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:4mm!important;padding:2mm 0!important;margin:2mm 0!important;border:0!important;background:none!important;break-inside:avoid}
 .lesson-angles .angle-figure{max-width:70mm!important}.lesson-angles li>span{font-size:9pt!important;color:#111!important}.angle-lesson-controls,.angle-lesson-live{display:none!important}.lesson-graphs .graph-figure{max-width:80mm!important}.angle-sector,.angle-band{print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .clock-hand--hour{stroke:#111!important}.clock-hand--minute{stroke:#555!important}
 .lesson-print-source{display:block;font-size:8pt;border-top:1px solid #ddd;margin-top:2mm;padding-top:2mm;overflow-wrap:anywhere;color:#444}
 body>script,.information-dialog,.no-script-info{display:none!important}
}
.lesson-hero--stacked{display:block;min-height:0;background:linear-gradient(#edf8ff,#fff)}
.lesson-hero--stacked .lesson-hero-art{position:static;display:block;height:auto;aspect-ratio:1600/840;max-height:520px;object-position:center 40%}
.lesson-hero--stacked:before,.lesson-hero--stacked:after{display:none}
.lesson-hero--stacked .lesson-hero-copy{width:min(760px,calc(100% - 40px));margin:26px auto 34px;text-shadow:none}
.matter-figure{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}
.matter-box{fill:#fff;stroke:#101052;stroke-width:2}
.matter-particle{fill:#5b8cff;stroke:#12278f;stroke-width:1;stroke-linejoin:round}
.matter-vessel{fill:none;stroke:#101052;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.matter-liquid{fill:#8fc4ff}.matter-surface{stroke:#e0453a;stroke-width:2.6;stroke-linecap:round}
.matter-gas{fill:#b5651d}.matter-plate{stroke:#101052;stroke-width:4;stroke-linecap:round}
.matter-state{fill:#f3f6ff;stroke:#12278f;stroke-width:2}
.matter-arc{fill:none;stroke-width:2.4;stroke-linecap:round}.matter-arc--hot{stroke:#e0453a}.matter-arc--cold{stroke:#034cff}
.matter-head--hot{fill:#e0453a}.matter-head--cold{fill:#034cff}
.matter-text{font:700 13px Inter,Arial,sans-serif;fill:#101052;text-anchor:middle;dominant-baseline:central}
.matter-text--hot{fill:#b3261e}.matter-text--cold{fill:#0338c2}
.lesson-matter .matter-figure{max-width:440px;border-radius:12px;background:#fff}
.lesson-matter .matter-figure--particles{max-width:230px}
@media print{.lesson-matter .matter-figure{max-width:80mm!important}.lesson-matter .matter-figure--particles{max-width:45mm!important}.matter-particle,.matter-liquid,.matter-gas,.matter-state{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* Fractions: stacked writing in the text, shared shapes and graduated half-line (src/Learning/FractionFigure.php, assets/shared/js/fraction-figure.js). */
.lesson-fraction{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 .14em;font-weight:700;font-size:.92em;line-height:1.12;font-variant-numeric:tabular-nums;white-space:nowrap}
.lesson-fraction>span{padding:0 .22em}.lesson-fraction>span+span{border-top:.11em solid currentColor}
.fraction-figure{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}
.fraction-part{fill:#fff;stroke:#101052;stroke-width:1.6;stroke-linejoin:round}.fraction-part.is-on{fill:#ffb938}
.fraction-axis{stroke:#101052;stroke-width:2.2;stroke-linecap:round}.fraction-arrow{fill:#101052}
.fraction-tick{stroke:#101052;stroke-width:1.4}.fraction-tick--unit{stroke-width:2.6}
.fraction-text{font:650 11px Inter,Arial,sans-serif;fill:#323f86;text-anchor:middle;dominant-baseline:central}
.fraction-text--unit{font-size:15px;font-weight:800;fill:#101052}.fraction-text--mark{fill:#d6336c;font-weight:800;font-size:12.5px}
.fraction-bar{stroke:#323f86;stroke-width:1.1}.fraction-bar--mark{stroke:#d6336c;stroke-width:1.5}.fraction-dot{fill:#d6336c;stroke:#fff;stroke-width:2}
.lesson-fractions{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.lesson-fractions .fraction-figure{max-width:300px}.lesson-fractions .fraction-figure--disque{max-height:150px}.lesson-fractions .fraction-figure--line{max-width:480px}
.lesson-fractions li:has(.fraction-figure--line){grid-column:1/-1}
@media print{.fraction-part.is-on{print-color-adjust:exact;-webkit-print-color-adjust:exact}.lesson-fractions .fraction-figure{max-width:60mm!important}.lesson-fractions .fraction-figure--line{max-width:120mm!important}}