.page{max-width:1240px;margin:auto;padding:28px clamp(16px,4vw,48px) 0}
.crumbs{color:var(--mut);font-size:.84rem;margin-bottom:22px}
.crumbs a{color:var(--mut)}
.page-head{max-width:900px;margin-bottom:34px}
.page-head h1{font-size:clamp(2rem,4.6vw,3.4rem)}
.block{margin:48px 0;padding-top:28px;border-top:1px solid var(--line)}
.block h2{font-size:clamp(1.35rem,2.6vw,1.95rem);margin-bottom:16px}
.block ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:var(--ink2);max-width:920px;font-weight:300}
.block ul li{padding-inline-start:22px;position:relative}
.block ul li::before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:10px;height:1px;background:var(--acc)}
.sheets.big{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
@media(max-width:520px){.sheets.big{grid-template-columns:1fr}}
.page .final{margin-inline:calc(-1 * clamp(16px,4vw,48px))}

/* learn */
.lessons{list-style:none;margin:0;padding:0;display:grid;gap:clamp(48px,7vw,90px);counter-reset:l}
.lesson{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:start;counter-increment:l}
@media(max-width:900px){.lesson{grid-template-columns:1fr}}
.lesson .lc::before{content:counter(l,decimal-leading-zero);display:block;direction:ltr;text-align:end;font-size:3rem;font-weight:200;line-height:1;color:var(--acc);margin-bottom:10px}
.lesson h2{font-size:clamp(1.35rem,2.4vw,1.8rem);margin-bottom:12px}
.lesson p{color:var(--ink2);font-weight:300;margin:0 0 12px}
.lesson ol{margin:0 0 14px;padding-inline-start:22px;display:grid;gap:8px;color:var(--ink2)}
.lesson .tip{background:var(--acc-l);border-inline-start:3px solid var(--acc);padding:10px 14px;border-radius:4px;font-size:.9rem;color:var(--ink2)}
.lesson figure{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.lesson figure img{display:block;width:100%;height:auto}
.lesson figure figcaption{padding:8px 14px;color:var(--mut);font-size:.8rem;border-top:1px solid var(--line)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 44px;padding:0;list-style:none}
.toc a{display:inline-block;padding:6px 12px;border:1px solid var(--line2);border-radius:4px;text-decoration:none;font-size:.86rem;color:var(--ink2)}
.toc a:hover{border-color:var(--ink);color:var(--ink)}