/* Читательский слой поверх общей дизайн-системы. */
.learn-links{padding-block:16px;border-bottom:1px solid var(--line)}
.art-wrap{padding-block:44px 64px}.art-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px 48px;align-items:start}.art-grid>.art-head,.art-grid>.art-body{grid-column:2;min-width:0}
.art-head{max-width:850px;margin-bottom:28px}.art-kicker{font:11px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 16px}
.art-head h1{font:700 clamp(40px,4.8vw,66px)/1.15 var(--font-display);text-transform:uppercase;letter-spacing:-.04em;margin:0 0 22px;overflow-wrap:anywhere}
.art-lead{font:italic 18px/1.8 var(--font-read);color:var(--accent);max-width:68ch;margin:0 0 24px}
.art-meta{display:flex;flex-wrap:wrap;gap:10px 22px;border-block:1px solid var(--line);padding-block:16px;font:11px/1.6 var(--font-mono);color:var(--muted)}
.art-aside{position:sticky;top:100px;max-height:calc(100dvh - 120px);overflow:auto;grid-column:1;grid-row:2}.art-aside summary{min-height:44px;cursor:pointer;font:12px/1.6 var(--font-mono);padding-block:12px}
.art-toc{display:flex;flex-direction:column}.art-toc a{font:12px/1.6 var(--font-mono);padding:12px 10px;border-left:2px solid var(--line);color:var(--muted)}.art-toc a.on{border-left:3px solid var(--accent);color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.art-body{font:18px/1.85 var(--font-read);width:100%;max-width:68ch;overflow-wrap:anywhere;color:var(--soft)}.art-body h2{position:relative;font:600 clamp(30px,3vw,40px)/1.25 var(--font-display);text-transform:uppercase;color:var(--ink);border-top:1px solid var(--line);padding-top:24px;margin:44px 0 20px;scroll-margin-top:100px}.art-body h2:first-child{margin-top:0}.art-body h3{font:600 23px/1.4 var(--font-ui);color:var(--ink);margin:30px 0 14px}
.anchor{position:absolute;left:-20px;font:13px var(--font-mono);color:var(--muted)}.art-body p{margin:0 0 22px}.art-body li{margin-block:9px}.art-body strong{color:var(--ink);font-weight:600}.art-body a:not(.pg):not(.anchor){text-decoration:underline;text-underline-offset:4px}
.ref{font: .78em var(--font-mono);border:1px solid var(--line);padding:2px 5px;box-decoration-break:clone}.art-body code{font-size:.78em}.art-body pre{margin:0 0 24px;border:1px solid var(--line)}.art-body pre code{font-size:13px;background:none}
.table-scroll{max-width:100%;overflow-x:auto;border-block:1px solid var(--line);margin-block:26px;scrollbar-width:thin}.art-body table{border-collapse:collapse;min-width:560px;width:100%;font:14px/1.6 var(--font-ui);overflow-wrap:normal}.art-body th,.art-body td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--line)}.art-body th{color:var(--ink);background:var(--sunk)}
.art-body blockquote{border-left:3px solid var(--accent);margin:26px 0;padding:12px 24px;font-style:italic}.art-body blockquote p:last-child{margin-bottom:0}.art-body hr{border:0;border-top:1px solid var(--line);margin-block:40px}
.art-pager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:48px;border-block:1px solid var(--line)}.pg{display:flex;flex-direction:column;gap:10px;padding-block:22px;font:17px/1.5 var(--font-ui)}.pg span{font:11px var(--font-mono);color:var(--muted)}.pg::after{content:'↗';color:var(--accent)}.pg.next{grid-column:2}.art-src{font:12px/1.8 var(--font-mono);color:var(--muted);margin-top:28px!important}
.cards{border-top:1px solid var(--strong)}.card{display:grid;grid-template-columns:50px minmax(0,1.3fr) minmax(0,1fr);gap:12px 26px;padding-block:28px;border-bottom:1px solid var(--line);align-items:start}.card .no{font:12px var(--font-mono);color:var(--accent);padding-top:8px;grid-row:span 2}.card h2{font:500 26px/1.3 var(--font-ui);letter-spacing:-.025em;margin:0;grid-row:span 2}.card p{font-size:14px;color:var(--soft);margin:0;max-width:64ch}.card .meta{display:flex;justify-content:space-between;gap:16px;font:11px var(--font-mono);color:var(--muted)}.card .meta::after{content:'↗';font-size:25px;color:var(--accent)}
@media(max-width:820px){.art-grid{grid-template-columns:minmax(0,1fr);gap:24px}.art-grid>.art-head,.art-grid>.art-body{grid-column:1}.art-aside{position:static;grid-column:1;grid-row:auto;max-height:none;border-block:1px solid var(--line)}.art-toc a{padding-block:14px}.anchor{display:none}.card{grid-template-columns:30px minmax(0,1fr)}.card h2{grid-row:auto}.card p,.card .meta{grid-column:2}.art-wrap{padding-top:30px}}
@media(max-width:600px){.art-body{font-size:17px}.art-head h1{font-size:40px}.art-lead{font-size:17px}.card{gap:12px 16px}.card h2{font-size:23px}.art-pager{grid-template-columns:minmax(0,1fr);gap:0}.pg.next{grid-column:1}.art-body pre{padding:14px}}
@media print{.art-grid{display:block}.art-aside,.art-pager{display:none}.art-body{max-width:68ch}}