.art{max-width:760px;margin:0 auto}.art-hero{text-align:center;max-width:820px;margin:0 auto 40px}.art-hero h1{margin-bottom:18px;font-size:clamp(30px,3.8vw,44px)}.art-meta{color:var(--text-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:26px;font-size:13.5px;display:flex}.art-cover{box-shadow:var(--shadow-lg);border-radius:22px;margin-bottom:44px;overflow:hidden}.art-cover img{width:100%;height:auto}.art h2{margin:40px 0 16px;font-size:26px}.art h3{margin:30px 0 12px;font-size:20px}.art p{color:var(--text);margin-bottom:18px;font-size:17px;line-height:1.75}.art ul{margin:0 0 22px;padding-left:0}.art ul li{color:var(--text);gap:12px;margin-bottom:11px;font-size:16.5px;line-height:1.7;display:flex}.art ul li:before{content:"";background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:11px}.art blockquote{border-left:4px solid var(--blue);background:var(--surface);color:var(--ink);border-radius:0 14px 14px 0;margin:28px 0;padding:22px 26px;font-size:17.5px;font-style:italic}.toc{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:36px;padding:26px 30px}.toc h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin:0 0 14px;font-size:15px}.toc ol{padding-left:20px}.toc li{margin-bottom:8px;font-size:15px}.toc a{color:var(--blue);font-weight:600}.art-share{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:12px;margin:44px 0;padding:26px 0;font-size:14px;display:flex}.art-share-icons{flex-wrap:wrap;gap:10px;display:flex}.art-share a{border:1px solid var(--line);width:40px;height:40px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:800;transition:background .15s,border-color .15s,color .15s;display:flex}.art-share a svg{fill:currentColor;width:18px;height:18px}.art-share a:hover{color:#fff;border-color:#0000}.art-share a.as-fb:hover{background:#1877f2}.art-share a.as-x:hover{background:#000}.art-share a.as-li:hover{background:#0a66c2}.art-share a.as-wa:hover{background:#25d366}.art-share a.as-tg:hover{background:#229ed9}.art-share a.as-mail:hover{background:var(--blue)}.art-share a.as-copy.copied{color:#fff;background:#16a34a;border-color:#0000}.rel-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1000px){.rel-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.rel-grid{grid-template-columns:1fr}}