/* Слой обучения. Общая бумага, шрифты и навигация — /assets/site.css. */
.learn-register{padding-block:22px;border-bottom:1px solid var(--line)}
.site-nav,.learn-links{display:flex;flex-wrap:wrap;gap:12px 28px;font:12px/1.6 var(--font-mono)}
.site-nav a,.learn-links a{display:inline-flex;align-items:center;min-height:44px}
.site-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.top-stats{display:flex;align-items:baseline;flex-wrap:wrap;gap:18px 32px;padding-block:16px}
.stat{display:flex;align-items:baseline;gap:10px}.stat .v{font:18px var(--font-mono)}
.stat .l,#saved{font:11px var(--font-mono);color:var(--muted)}
.top-bar,.tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.top-bar>.bar{min-width:80px}
.label,.m-prog,.w-num,.m-num,.tag,.state,.chip,.eyebrow,.code-list .p,.mono{font-family:var(--font-mono)}
.label{font-size:12px}.bar{display:block;height:5px;background:var(--line)}.bar i{display:block;height:100%;background:var(--accent);width:0}.bar.mini{min-width:54px}
.btn,.filter,.search{min-height:44px;padding:10px 14px;border:1px solid var(--strong);background:transparent;color:var(--ink);font:12px/1.6 var(--font-mono);border-radius:0}
.btn,.filter{cursor:pointer}.btn:hover,.filter:hover{border-color:var(--accent);color:var(--accent)}
.filter[aria-pressed="true"]{border:2px solid var(--accent);text-decoration:underline;text-underline-offset:4px;color:var(--accent)}
.search{flex:1 1 240px;min-width:0}.search::placeholder{color:var(--muted);opacity:1}
.hero{padding-block:40px 48px}.hero-copy{max-width:86ch}.eyebrow{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}
.hero h1,.doc h1{font:700 clamp(42px,6.8vw,86px)/1.1 var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:22px 0 28px}
.hero h1 em{display:block;font:italic 400 .64em/1.35 var(--font-read);letter-spacing:-.035em;text-transform:none;color:var(--accent);margin-top:12px}
.hero-copy>p{max-width:68ch;color:var(--soft)}
.principle{max-width:80ch;border-block:1px solid var(--line);padding-block:24px;margin-block:30px;font:18px/1.8 var(--font-read)}
.module-method{max-width:86ch}.sec{font:12px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:28px 0 14px}
section.block{border-top:1px solid var(--line);padding-block:38px 48px}
h2.h,.doc h2{font:600 clamp(34px,4vw,56px)/1.2 var(--font-display);text-transform:uppercase;letter-spacing:-.035em;margin:0 0 20px}
p.sub{color:var(--soft);max-width:76ch;margin:0 0 24px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.chip,.tag,.state{font-size:11px;padding:6px 8px;border:1px solid var(--line);color:var(--soft)}
.dot{display:none}.state.wip{border-style:dashed}.state.done{border:2px solid var(--strong)}
.weeks{border-top:1px solid var(--strong)}.week{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding-block:22px;border-bottom:1px solid var(--line);min-width:0}
.w-top{display:flex;flex-direction:column;gap:6px}.w-num{font-size:11px;color:var(--muted)}.w-title{font-size:21px;line-height:1.4;font-weight:500}
.w-mods{display:flex;flex-direction:column;align-items:start;gap:8px}.wmod{display:inline-block;padding-block:8px;font-size:13px}.wmod::after{content:' ↗';color:var(--accent)}
.wmod.done::before{content:'[готово] ';font-family:var(--font-mono)}.wmod.wip::before{content:'[в работе] ';font-family:var(--font-mono)}
ul.check,ul.plain{list-style:none;margin:0;padding:0}ul.check li,ul.plain li{border-bottom:1px solid var(--line);padding-block:12px}
label.cb{display:flex;gap:14px;align-items:start;min-height:44px;cursor:pointer;padding-block:8px}input[type=checkbox]{accent-color:var(--accent);flex:0 0 22px;width:22px;height:22px;margin:3px 0}
label.cb.on>span{text-decoration:line-through;color:var(--muted)}
.module{border-top:1px solid var(--strong);scroll-margin-top:100px;min-width:0}.module:last-child{border-bottom:1px solid var(--strong)}
.m-head{display:flex;gap:22px;align-items:center;padding:24px 0;cursor:pointer}.m-head::after{content:'↗';color:var(--accent);font-size:24px}.module.open .m-head::after{content:'↙'}
.m-num{font-size:18px;color:var(--accent)}.m-titles{flex:1;min-width:0}.m-titles h3{margin:0 0 6px;font-size:23px;line-height:1.3}.m-titles .s{font-size:13px;color:var(--soft)}
.m-meta{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;max-width:350px}.m-prog{display:flex;gap:10px;align-items:center;font-size:12px}.m-prog .bar{width:60px}
.m-body{display:none;border-top:1px solid var(--line);padding-block:8px 32px;overflow-wrap:anywhere}.module.open .m-body{display:block}.m-why{max-width:80ch;margin:18px 0 26px}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.code-list .p{font-size:13px}.code-list .d{color:var(--soft)}
details.topic{border-bottom:1px solid var(--line)}details.topic>summary{padding-block:14px;cursor:pointer;min-height:44px}details.topic>summary::marker{color:var(--accent)}.t-body{padding:0 0 20px;max-width:80ch;color:var(--soft)}
.dod>div,.qa{padding-block:14px;border-bottom:1px solid var(--line)}.dod>div::before{content:'— ';color:var(--accent)}
.articles-block ul{counter-reset:article}.articles-block li{counter-increment:article}.articles-block li::before{content:counter(article,decimal-leading-zero) ' / ';font:12px var(--font-mono);color:var(--muted)}
.articles-block a{display:inline-block;padding-block:10px}.articles-block li a::after{content:' ↗';color:var(--accent)}
.learn-notes{padding-block:28px;color:var(--soft);font-size:13px}.learn-notes p{max-width:86ch}.hidden{display:none!important}
.doc{padding-block:36px 60px}.doc>p,.doc>ul,.doc>ol,.doc>div{max-width:68ch}.doc{font:18px/1.85 var(--font-read);overflow-wrap:anywhere}.doc h1{font-size:clamp(40px,5vw,64px);max-width:26ch}.doc h2{border-top:1px solid var(--line);padding-top:26px;margin-top:48px;max-width:30ch}.doc h3{font:600 24px/1.4 var(--font-ui);margin-top:28px}.doc li{margin-block:10px}
code,pre,.chain{font-family:var(--font-mono)}code{background:var(--sunk);padding:2px 5px;font-size:.85em}pre,.chain{background:var(--sunk);padding:20px;overflow:auto;white-space:pre;max-width:100%;font-size:13px;line-height:1.7;overflow-wrap:normal}pre code{padding:0;font-size:inherit}
.call,.warn,.num{border-block:1px solid var(--line);border-left:3px solid var(--accent);padding:22px;margin-block:26px}.back{display:inline-flex;align-items:center;min-height:44px;font:12px/1.6 var(--font-mono);color:var(--accent)}
@media(max-width:760px){.week{grid-template-columns:100px minmax(0,1fr);gap:12px 20px}.w-mods{grid-column:2}.m-head{flex-wrap:wrap;gap:12px}.m-meta{width:100%;max-width:none;justify-content:start;order:3}.m-head::after{margin-left:auto}.two-col{grid-template-columns:minmax(0,1fr);gap:0}}
@media(max-width:600px){.hero{padding-block:28px 36px}.week{grid-template-columns:minmax(0,1fr)}.w-top{flex-direction:row;justify-content:space-between}.w-mods{grid-column:1}.tools{width:100%}.tools .btn{flex:1 1 auto}.doc{font-size:17px}.m-titles h3{font-size:21px}.chip{width:100%}.principle{font-size:17px}.call,.warn,.num{padding:16px}}