.article{max-width:740px;margin:0 auto}
.article-meta{display:flex;gap:14px;align-items:center;margin-bottom:36px;font-family:var(--mono);font-size:11.5px;color:var(--mut);letter-spacing:.04em}
.article-meta .tag{background:var(--tint);color:var(--pp);padding:4px 12px;border-radius:6px;font-weight:500}
.article h2{font-size:22px;margin:44px 0 16px;padding-top:14px;border-top:1px solid var(--line);line-height:1.55}
.article h2:first-of-type{border-top:none;padding-top:0;margin-top:28px}
.article h3{font-size:18px;margin:30px 0 12px;color:var(--ink)}
.article p{font-size:15.5px;color:#3a3640;line-height:2.1;margin:0 0 18px}
.article ul,.article ol{padding-left:22px;margin:0 0 18px}
.article li{font-size:15px;color:#3a3640;line-height:2;margin-bottom:6px}
.article strong{color:var(--ink)}
.article blockquote{border-left:3px solid var(--pp);margin:24px 0;padding:16px 22px;background:var(--soft);border-radius:0 10px 10px 0;font-size:15px;color:var(--mut);line-height:2}
.article a{color:var(--pp);border-bottom:1px solid var(--line)}
.article a:hover{border-color:var(--pp)}
.article .point-box{background:var(--tint);border-radius:12px;padding:22px 26px;margin:24px 0}
.article .point-box h4{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--pp);margin:0 0 8px}
.article .point-box ul{margin:0}
.article-cta{margin-top:48px;text-align:center;padding:36px;background:linear-gradient(135deg,#f5f0fc,#ebe4f5);border-radius:16px}
.article-cta h3{font-size:20px;margin-bottom:12px}
.article-cta p{font-size:14.5px;color:var(--mut);margin:0 0 22px}
.related{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}
.related h3{font-size:16px;margin-bottom:18px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.related-card{border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:transform .2s,box-shadow .2s}
.related-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(62,20,135,.08)}
.related-card .rc-tag{font-family:var(--mono);font-size:10px;color:var(--pp);letter-spacing:.08em;text-transform:uppercase}
.related-card .rc-title{font-size:14.5px;font-weight:600;margin-top:6px;line-height:1.6;color:var(--ink)}
@media(max-width:680px){.related-grid{grid-template-columns:1fr}}
