.article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;margin-top:20px;display:grid}.article{padding:44px 52px;font-size:17px;line-height:1.65}.article--single{max-width:860px}.article__title{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(30px,4vw,42px);line-height:1.15}.article__meta{color:var(--muted);margin:0 0 28px;font-size:14px}.article__lead{font-size:19px;line-height:1.55}.article h2{letter-spacing:-.01em;margin:40px 0 12px;scroll-margin-top:88px;font-size:24px;line-height:1.25}.article p{margin:0 0 16px}.article ul,.article ol{gap:10px;margin:0 0 16px;padding-left:24px;display:grid}.article li::marker{color:var(--accent-ink);font-weight:700}.article>:last-child{margin-bottom:0}.article-side{gap:16px;display:grid;position:sticky;top:88px}.toc{padding:22px 24px}.toc__title{margin-bottom:12px;font-weight:800}.toc ol{gap:10px;margin:0;padding-left:20px;font-size:15px;line-height:1.4;display:grid}.toc li::marker{color:var(--muted)}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--ink)}.side-cta{border:1px solid var(--accent-line);background:var(--accent-glow), var(--card);color:var(--ink);gap:14px;padding:24px;display:grid}.side-cta h2{margin:0;font-size:20px;line-height:1.25}.side-cta p{opacity:.85;margin:0;font-size:15px}.side-cta .button{background:var(--accent);color:var(--accent-on);justify-content:center}.side-cta .more{color:var(--accent);justify-self:center}.article-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.article-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.article-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.article-card h2,.article-card h3{margin:0;font-size:20px}.article-card p{color:var(--muted);margin:0}.article-card__cover{border:1px solid var(--line);background:radial-gradient(circle at 85% 20%, #7ee08a33, transparent 55%), var(--grid), var(--bg);background-size:auto,22px 22px,22px 22px;border-radius:12px;align-items:center;gap:18px;height:112px;margin:-8px -8px 8px;padding:0 24px;display:flex;overflow:hidden}.article-card__icon{background:var(--card);width:56px;height:56px;color:var(--accent-ink);border-radius:16px;flex:none;place-items:center;transition:transform .2s;display:grid;box-shadow:0 8px 20px #0000004d}.article-card:hover .article-card__icon{transform:translateY(-2px)}.article-card__lines{flex:1;gap:8px;display:grid}.article-card__lines i{background:#ffffff14;border-radius:999px;height:8px}.article-card__lines i:nth-child(2){width:78%}.article-card__lines i:nth-child(3){width:52%}.article-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:auto;padding-top:4px;display:flex}.article-card__time{color:var(--muted);font-size:13px;font-weight:600}@media (max-width:960px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-side{position:static}.toc{display:none}}@media (max-width:520px){.article{padding:26px 20px;font-size:16px}.article__lead{font-size:17px}}