.art{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding-top:36px;align-items:start}
.art h1,.bt{font-size:clamp(28px,4.2vw,42px);line-height:1.15;letter-spacing:-1px;font-weight:800}.bt{margin-top:40px;text-align:center}
.crumb{color:var(--mut);font-size:14px;margin-bottom:14px}.crumb a:hover{color:var(--tx)}.meta{color:var(--mut);font-size:14px;margin:10px 0 24px}
article h2{font-size:22px;margin:28px 0 8px;font-weight:800}article p,article li{color:#cfc9e4;font-size:17px;margin:10px 0}article ul,article ol{padding-left:22px}article a{color:var(--cy);text-decoration:underline}article code{background:#1a1530;padding:2px 6px;border-radius:6px;font-size:14px}
.cta-box{margin-top:36px;padding:26px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(400px 160px at 50% 0,rgba(255,31,142,.2),transparent),var(--card);text-align:center}.cta-box p{margin:6px 0 16px}
aside{position:sticky;top:90px}aside h3{font-size:16px;margin-bottom:10px}.rel{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:10px;font-size:14px;font-weight:600}.rel:hover{border-color:var(--pur)}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:10px 0 40px}.post{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;transition:.2s}.post:hover{border-color:var(--pur);transform:translateY(-3px)}
.post time{color:var(--mut);font-size:13px}.post h2{font-size:20px;margin:8px 0;line-height:1.3}.post p{color:var(--mut);font-size:15px}.post span{display:inline-block;margin-top:12px;color:var(--pink);font-weight:700}
@media(max-width:900px){.art{grid-template-columns:1fr}aside{position:static}.pgrid{grid-template-columns:1fr}}
.col{min-width:0}.art article h2,.art article h3{text-align:left}.cover{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line);margin:0 0 26px;aspect-ratio:1200/630}
.post img{display:block;width:calc(100% + 48px);margin:-24px -24px 16px;border-radius:18px 18px 0 0;height:auto;aspect-ratio:1200/630}
.rel img{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:8px}
header img,footer img{mix-blend-mode:lighten}
.post h2{text-align:left}.post{text-align:left}article a.btn{text-decoration:none;color:#fff}