:root{
 --paper:#F4EEDD;--sheet:#FFFCF4;--ink:#1B2236;--muted:#545E76;--line:#D5CBB2;--edge:#1B2236;--shadow:#1B2236;--focus:#C73A31;
 --blue:#2349B8;--blue-t:#E2EAFB;--green:#17724A;--green-t:#DDF0E6;--orange:#B24A0C;--orange-t:#FBE6D5;
 --red:#C73A31;--note:#FFF0A8;--note-ink:#3A3000;--hl:#FFE27A;--board:#1F4A3C;--frame:#8B5A2B;--chalk:#F4F1E6;--grid:#E4DCC6;
 --on-pc:#FFFFFF;--ok:#0F5C3A;--ok-t:#D8F0E2;
 --pc:var(--blue);--pt:var(--blue-t);
 --f-head:"Shantell Sans","Comic Sans MS","Chalkboard SE",ui-rounded,system-ui,sans-serif;
 --f-body:"Nunito",ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,"Noto Sans Math",sans-serif;
 --f-math:"STIX Two Math","Cambria Math","Latin Modern Math","Noto Sans Math","Noto Serif",Georgia,serif;
 --r1:8px;--r2:12px;--r3:16px;--sh1:2px 2px 0 var(--shadow);--sh2:4px 4px 0 var(--shadow);
 --s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;
 --fs-s:14px;--fs-b:17px;--fs-m:19px;--fs-l:24px;--fs-xl:34px;
}
@media (prefers-color-scheme:dark){:root{
 --paper:#141F1A;--sheet:#1B2A23;--ink:#F1EEE2;--muted:#AAB6AD;--line:#35463D;--edge:#7C9A8A;--shadow:#08100C;--focus:#FFB4A8;
 --blue:#9DB4FF;--blue-t:#232F55;--green:#7FD9AB;--green-t:#1F3F31;--orange:#F5A978;--orange-t:#4A2E1B;
 --red:#FF9A8D;--note:#4B4219;--note-ink:#F7EBB0;--hl:#6B5A12;--board:#1A3A30;--frame:#7A5530;--chalk:#F4F1E6;--grid:#223229;
 --on-pc:#0E1713;--ok:#8FE3B8;--ok-t:#1F3F31;}}
.p1{--pc:var(--blue);--pt:var(--blue-t)}.p2{--pc:var(--green);--pt:var(--green-t)}.p3{--pc:var(--orange);--pt:var(--orange-t)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-b)/1.6 var(--f-body);-webkit-print-color-adjust:exact;print-color-adjust:exact}
h1,h2,h3,h4,.head{font-family:var(--f-head);font-weight:700;line-height:1.2;margin:0}
p{margin:0}
a{color:var(--pc)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:var(--r1);text-decoration:none;font-weight:700}
.skip:focus{top:8px}
.ic{width:1.25em;height:1.25em;fill:currentColor;flex:none}
.ic.sm{width:18px;height:18px}.ic.lg{width:32px;height:32px}.ic.xl{width:48px;height:48px}
/* шапка */
.site-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--s3);padding:8px var(--s3);background:var(--paper);border-bottom:2px solid var(--edge)}
.site-top .brand{display:flex;align-items:center;gap:10px;font:700 18px var(--f-head);text-decoration:none;color:var(--ink);white-space:nowrap;min-height:44px}
.site-top .brand{min-width:44px}.site-top .brand .ic{width:30px;height:30px;color:var(--pc)}
#menu{display:none;place-items:center;width:44px;height:44px;border-radius:var(--r1);border:2px solid var(--edge);background:var(--sheet);color:var(--ink);cursor:pointer;box-shadow:var(--sh1)}
#menu .ic{width:24px;height:24px}
.search{position:relative;flex:1;max-width:460px;margin-left:auto}
.search .ic{position:absolute;left:12px;top:50%;translate:0 -50%;color:var(--muted);pointer-events:none}
.search input{width:100%;min-height:44px;padding:8px 14px 8px 40px;border-radius:var(--r2);border:2px solid var(--edge);background:var(--sheet);color:var(--ink);font:600 16px var(--f-body)}
.search input::placeholder{color:var(--muted);opacity:1}
#results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--sheet);border:2px solid var(--edge);border-radius:var(--r2);box-shadow:var(--sh2);max-height:70vh;overflow:auto;display:none}
#results a{display:block;padding:10px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
#results a:last-child{border-bottom:0}#results a:hover,#results a:focus-visible{background:var(--pt)}
#results small{display:block;color:var(--muted);font-size:var(--fs-s);line-height:1.4}
#results .k{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:8px}
#results .none{padding:12px 14px;color:var(--muted)}
/* каркас */
.layout{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1280px;margin:0 auto}
.side{position:sticky;top:61px;align-self:start;height:calc(100vh - 61px);overflow:auto;padding:var(--s3) var(--s2) var(--s5) var(--s3);border-right:2px solid var(--line);font-size:16px}
main.content{padding:var(--s4) var(--s5) 72px;min-width:0;max-width:960px}
.s-link,.s-lec{display:flex;gap:10px;align-items:center;min-height:44px;padding:6px 10px;border-radius:var(--r1);text-decoration:none;color:var(--ink);line-height:1.25}
.s-link:hover,.s-lec:hover{background:var(--pt)}
.s-link .ic{color:var(--muted)}
.s-part{margin:var(--s3) 0 var(--s1)}
.s-ph{display:flex;align-items:center;gap:10px;padding:6px 10px;font:700 15px var(--f-head);color:var(--ink)}
.s-ph .ic{color:var(--pc);width:26px;height:26px}.s-ph small{display:block;font:600 13px var(--f-body);color:var(--muted)}
.s-lec .no{flex:none;width:28px;height:28px;border-radius:var(--r1);background:var(--pc);color:var(--on-pc);display:grid;place-items:center;font:800 14px var(--f-body)}
.s-lec .tt{flex:1}
.s-lec .st{flex:none;color:var(--muted);display:inline-flex}.s-lec .st .ic{width:18px;height:18px}
.s-lec .st.done{color:var(--ok)}
.s-lec .ck{display:none;color:var(--ok)}.s-lec.read .ck{display:inline-flex}
.s-lec[aria-current=page],.s-link[aria-current=page]{background:var(--pt);font-weight:800;box-shadow:inset 0 0 0 2px var(--edge)}
.s-sep{margin:var(--s4) 10px var(--s2);font:800 12px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
/* кнопки и метки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 20px;border-radius:var(--r2);border:2px solid var(--edge);background:var(--pc);color:var(--on-pc);font:800 16px var(--f-body);text-decoration:none;cursor:pointer;box-shadow:var(--sh1)}
.btn:hover{translate:-1px -1px;box-shadow:3px 3px 0 var(--shadow)}
.btn:active{translate:2px 2px;box-shadow:none}
.btn.ghost{background:var(--sheet);color:var(--ink)}
.btn.done{background:var(--ok-t);color:var(--ok)}
.btn-row{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s4)}
.stat{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--f-body);border:2px solid var(--edge);border-radius:var(--r1);padding:2px 10px;background:var(--sheet);color:var(--ink)}
.stat.done{background:var(--ok-t);color:var(--ok)}
.hidden{display:none !important}
/* главная */
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:var(--s5) var(--s5) var(--s5) 64px;margin:0 0 var(--s4);border:2px solid var(--edge);border-radius:var(--r3);box-shadow:var(--sh2);
 background-color:var(--sheet);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;position:relative}
.hero::before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:var(--red);opacity:.75}
.hero h1{font-size:clamp(34px,6vw,56px);letter-spacing:-.01em}
.hero .sub{font-size:var(--fs-m);margin-top:var(--s3);max-width:30em}
.hero .facts{margin-top:var(--s2);color:var(--muted);font-weight:700}
.hero-i{display:flex;gap:var(--s3)}
.hero-i span{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--sheet);border:2px solid var(--edge);box-shadow:var(--sh1);color:var(--pc)}
.hero-i span:nth-child(1){rotate:-5deg;color:var(--blue)}.hero-i span:nth-child(2){rotate:4deg;margin-top:var(--s4);color:var(--orange)}.hero-i span:nth-child(3){rotate:-3deg;color:var(--green)}
.hero-i .ic{width:46px;height:46px}
.prog{margin-top:var(--s4);max-width:420px}
.bar{height:14px;background:var(--sheet);border:2px solid var(--edge);border-radius:var(--r1);overflow:hidden}
.bar i{display:block;height:100%;background:var(--green);width:0}
.prog small{display:block;margin-top:6px;color:var(--muted);font-weight:700;font-size:var(--fs-s)}
details.howto{border:2px solid var(--edge);border-radius:var(--r2);background:var(--sheet);margin:0 0 var(--s4);box-shadow:var(--sh1)}
details.howto summary{cursor:pointer;font:700 17px var(--f-head);padding:12px var(--s3);min-height:44px;display:flex;align-items:center;gap:10px}
details.howto .legend{padding:0 var(--s3) var(--s3);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s3)}
.legend div{display:flex;gap:10px;align-items:flex-start}.legend .ic{margin-top:3px;color:var(--pc)}.legend b{display:block}
.part-h{display:flex;align-items:center;gap:var(--s3);margin:var(--s5) 0 var(--s3)}
.part-h .badge{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r2);background:var(--pc);color:var(--on-pc);border:2px solid var(--edge);box-shadow:var(--sh1)}
.part-h .badge .ic{width:32px;height:32px}
.part-h h2{font-size:var(--fs-l)}.part-h p{color:var(--muted);font-weight:600;font-size:15px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s3)}
a.tile{position:relative;display:flex;flex-direction:column;gap:var(--s2);min-height:156px;padding:var(--s3);border:2px solid var(--edge);border-radius:var(--r2);background:var(--sheet);color:var(--ink);text-decoration:none;box-shadow:var(--sh2)}
a.tile:hover{translate:-2px -2px;box-shadow:6px 6px 0 var(--shadow)}
a.tile:active{translate:3px 3px;box-shadow:none}
a.tile .top{display:flex;align-items:center;gap:10px}
a.tile .no{width:32px;height:32px;border-radius:var(--r1);background:var(--pc);color:var(--on-pc);display:grid;place-items:center;font:800 15px var(--f-body)}
a.tile b{font:700 18px/1.25 var(--f-head);padding-right:60px}
a.tile small{color:var(--muted);font-size:15px;line-height:1.4;padding-right:8px}
a.tile .big{position:absolute;right:12px;top:12px;color:var(--pc)}
a.tile .big .ic{width:44px;height:44px}
a.tile.read{background:var(--ok-t)}
a.tile .tick{display:none;color:var(--ok);margin-left:auto}a.tile.read .tick{display:inline-flex}
a.tile.plain b{padding-right:0}
.dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s3);margin:var(--s4) 0}
.dl a{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px var(--s3);border:2px dashed var(--edge);border-radius:var(--r2);color:var(--ink);text-decoration:none;font-weight:700}
.dl a:hover{background:var(--pt)}.dl .ic{width:28px;height:28px;color:var(--pc)}
.foot{margin-top:var(--s6);color:var(--muted);font-size:var(--fs-s);max-width:44em}
/* страница лекции */
.lec-h{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);background:var(--pc);color:var(--on-pc);border:2px solid var(--edge);border-radius:var(--r3);box-shadow:var(--sh2);margin:0 0 var(--s3)}
.lec-ic{flex:none;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--sheet);border:2px solid var(--edge);color:var(--pc);rotate:-4deg}
.lec-ic .ic{width:54px;height:54px}
.lec-h .eyebrow{font:800 14px var(--f-body);letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.lec-h h1{font-size:clamp(26px,4.6vw,38px);margin:4px 0 var(--s2)}
.lec-h .stat{background:var(--sheet);color:var(--ink)}.lec-h .stat.done{background:var(--ok-t);color:var(--ok)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s4);padding:0;list-style:none}
.chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:2px solid var(--edge);border-radius:var(--r1);background:var(--sheet);color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.chips a:hover{background:var(--pt)}
.chips b{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--pc);color:var(--on-pc);font-size:13px}
.card{scroll-margin-top:76px;margin:0 0 var(--s4);padding:var(--s4);background:var(--sheet);border:2px solid var(--edge);border-radius:var(--r2);box-shadow:var(--sh2)}
.card-h{display:flex;align-items:center;gap:12px;margin:0 0 var(--s3)}
.card-h .num{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r1);background:var(--pc);color:var(--on-pc);font:800 18px var(--f-head)}
.card-h h2{font-size:var(--fs-l)}
.story{font-size:var(--fs-m);line-height:1.55;margin:0 0 var(--s3)}
.pic{margin:0 0 var(--s3);padding:var(--s3);background:var(--pt);border:2px solid var(--line);border-radius:var(--r2)}
.pic .cap{margin-top:var(--s2);text-align:center;color:var(--muted);font-size:var(--fs-s);font-weight:600}
.flow,.set{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--s3) var(--s2)}
.node{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:84px;max-width:132px;text-align:center}
.node .e{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--sheet);border:2px solid var(--edge);box-shadow:var(--sh1);font-size:32px;line-height:1}
.node .t{font-size:15px;font-weight:700;line-height:1.25}
.arrow{align-self:flex-start;margin-top:18px;color:var(--pc)}.arrow .ic{width:28px;height:28px}
.loop{flex-basis:100%;display:flex;gap:8px;justify-content:center;color:var(--pc);font-weight:800;font-size:15px}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.cmp>div{background:var(--sheet);border:2px solid var(--edge);border-radius:var(--r1);overflow:hidden}
.cmp h4{padding:6px 12px;font-size:16px;background:var(--pc);color:var(--on-pc)}
.cmp .b h4{background:var(--ink);color:var(--paper)}
.cmp ul{margin:0;padding:10px 12px 10px 30px}.cmp li{margin:3px 0}
.steps{list-style:none;counter-reset:s;margin:0;padding:0}
.steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;margin:10px 0}
.steps li::before{content:counter(s);flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r1);background:var(--pc);color:var(--on-pc);font:800 15px var(--f-body)}
.steps li span{padding-top:3px}
/* доска */
.board{margin:0 0 var(--s4);padding:var(--s3) var(--s4);background:var(--board);color:var(--chalk);border:6px solid var(--frame);border-radius:6px;box-shadow:var(--sh1);text-align:center}
.board .f{font:700 clamp(20px,3.4vw,27px)/1.5 var(--f-math);overflow-wrap:anywhere}
.board .say{margin-top:var(--s2);font:600 16px/1.5 var(--f-body);opacity:.92}
/* блоки */
.blk{margin:0 0 var(--s3)}
.lbl{display:flex;align-items:center;gap:8px;margin:0 0 var(--s2);font:800 13px var(--f-body);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.lbl .ic{width:20px;height:20px;color:var(--pc)}
ul.pts{list-style:none;margin:0;padding:0}
ul.pts li{display:flex;gap:12px;align-items:flex-start;margin:8px 0}
ul.pts .ic{margin-top:3px;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--pt);color:var(--pc)}
.note{display:flex;gap:12px;align-items:flex-start;margin:0 0 var(--s3);padding:var(--s3);background:var(--note);color:var(--note-ink);border:2px solid var(--edge);border-radius:4px var(--r2) var(--r2) var(--r2);box-shadow:var(--sh1)}
.note .ic{margin-top:2px}.note .lbl{color:inherit;opacity:.85;margin-bottom:2px}.note .lbl .ic{display:none}
dl.terms{margin:0;display:grid;gap:8px}
dl.terms div{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline}
dl.terms dt{font-weight:800;box-shadow:inset 0 -.5em 0 var(--hl);padding:0 2px}
dl.terms dd{margin:0;flex:1 1 220px}
details.quiz{margin-top:var(--s3);border-top:2px dashed var(--line);padding-top:var(--s3)}
details.quiz summary{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-weight:800;list-style:none;min-height:44px;padding:4px 0}
details.quiz summary::-webkit-details-marker{display:none}
details.quiz summary .ic{margin-top:3px;color:var(--pc);width:22px;height:22px}
details.quiz .a,.quiz.plain .a{display:flex;gap:10px;align-items:flex-start;margin-top:var(--s2);padding:10px 14px;background:var(--ok-t);color:var(--ok);border-radius:var(--r1);font-weight:700}
.quiz.plain .q{display:flex;gap:10px;font-weight:800}.quiz.plain{margin-top:var(--s3);border-top:2px dashed var(--line);padding-top:var(--s3)}
.lec-foot{display:grid;gap:6px;margin:0 0 var(--s3);padding:var(--s3);border:2px dashed var(--edge);border-radius:var(--r2);font-size:15px;color:var(--muted)}
.lec-foot div{display:flex;gap:10px;align-items:flex-start}.lec-foot .ic{margin-top:3px;color:var(--pc)}.lec-foot b{color:var(--ink)}
.readbtn{display:flex;margin:var(--s3) 0}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin:var(--s4) 0 0}
.pn a{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px var(--s3);border:2px solid var(--edge);border-radius:var(--r2);background:var(--sheet);color:var(--ink);text-decoration:none;box-shadow:var(--sh1);font-weight:700;line-height:1.3}
.pn a:hover{background:var(--pt)}.pn a.next{justify-content:flex-end;text-align:right;grid-column:2}.pn small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.pn .ic{width:26px;height:26px;color:var(--pc)}
/* приложения */
h1.page-t{font-size:var(--fs-xl);display:flex;gap:14px;align-items:center}h1.page-t .ic{width:40px;height:40px;color:var(--pc)}
.lead{color:var(--muted);font-size:var(--fs-m);margin:var(--s2) 0 var(--s4);max-width:40em}
.tools{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;margin:0 0 var(--s3)}
.tools input[type=search],.tools select{min-height:44px;padding:8px 14px;border-radius:var(--r2);border:2px solid var(--edge);background:var(--sheet);color:var(--ink);font:600 16px var(--f-body)}
.tools input[type=search]{flex:1;min-width:220px}
.fchip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 14px;border:2px solid var(--edge);border-radius:var(--r1);background:var(--sheet);color:var(--ink);font:800 15px var(--f-body);cursor:pointer;text-decoration:none}
.fchip:hover{background:var(--pt)}.fchip.on{background:var(--pc);color:var(--on-pc)}
.sheet-h{display:flex;align-items:center;gap:12px;margin:var(--s5) 0 var(--s2)}
.sheet-h .n{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r1);background:var(--pc);color:var(--on-pc);font:800 17px var(--f-head)}
.sheet-h h2{font-size:20px}
.tablewrap{overflow-x:auto;margin:0 0 var(--s4);border:2px solid var(--edge);border-radius:var(--r2);background:var(--sheet);box-shadow:var(--sh1)}
table.sheet{border-collapse:collapse;width:100%;min-width:560px;font-size:16px}
table.sheet th{background:var(--pt);text-align:left;padding:10px 14px;font:800 13px var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
table.sheet td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}
table.sheet td.f{font:700 17px/1.5 var(--f-math);overflow-wrap:anywhere}table.sheet td.k{color:var(--muted);font-size:15px}table.sheet td a{color:var(--ink)}
.gl-letter{scroll-margin-top:76px;margin:var(--s5) 0 var(--s2);font:800 28px var(--f-head);color:var(--pc);border-bottom:2px solid var(--edge)}
.gl{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 var(--s5)}
.gl p{padding:10px 0;border-bottom:1px dashed var(--line);font-size:16px}.gl b{box-shadow:inset 0 -.5em 0 var(--hl)}.gl small{color:var(--muted)}.gl a{color:var(--muted)}
details.qa{margin:0 0 var(--s2);border:2px solid var(--edge);border-radius:var(--r2);background:var(--sheet)}
details.qa summary{cursor:pointer;font-weight:800;padding:12px var(--s3);min-height:44px;list-style:none;display:flex;gap:10px}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary small{color:var(--muted);font-weight:600}
details.qa .a{padding:0 var(--s3) 12px;color:var(--ok);font-weight:800;display:flex;gap:10px}
/* адаптив */
@media (max-width:980px){
 .layout{grid-template-columns:1fr}
 .side{position:fixed;left:0;top:61px;bottom:0;height:auto;width:min(88vw,340px);background:var(--paper);z-index:25;translate:-104% 0;transition:translate .2s ease-out;border-right:2px solid var(--edge);box-shadow:var(--sh2)}
 body.menu-open .side{translate:0 0}
 #menu{display:grid}
 main.content{padding:var(--s3) var(--s3) 56px}
 .hero{grid-template-columns:1fr;padding:var(--s4) var(--s3) var(--s4) 52px}.hero::before{left:30px}.hero-i{display:none}
 .lec-h{gap:var(--s3);padding:var(--s3)}.lec-ic{width:64px;height:64px}.lec-ic .ic{width:40px;height:40px}
}
@media (max-width:560px){
 .site-top .brand span{display:none}.cmp{grid-template-columns:1fr}.card{padding:var(--s3)}
 .pn{grid-template-columns:1fr}.pn a.next{grid-column:1}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}.btn:hover,a.tile:hover{translate:none}}
@media (prefers-reduced-motion:no-preference){.btn,a.tile{transition:translate .12s ease-out,box-shadow .12s ease-out}}
@media screen{.lec-ic{rotate:-4deg}.note{rotate:-.4deg}}
/* печать */
@media print{
 body{font-size:12.5px;background:#fff}.site-top,.side,.pn,.readbtn,.chips,.skip{display:none !important}
 .layout{display:block}main.content{padding:0;max-width:none}
 .card,.lec-h,.tile,.board,.hero{box-shadow:none}.lec-ic,.hero-i span,.note{rotate:none !important}
 .card{break-inside:avoid;margin-bottom:10px}
 a{color:inherit;text-decoration:none}
}