.article{max-width:760px;margin:3rem auto;padding:0 1.5rem}.article .kicker{color:var(--cyan);font-family:var(--mono);font-size:0.8rem;letter-spacing:1px}.article h1{color:#fff;font-size:2rem;line-height:1.2;margin:0.6rem 0 0.8rem}.article .meta{color:#77808c;font-size:0.85rem;font-family:var(--mono);margin-bottom:0.6rem}.article .tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:2rem}.article h2{color:var(--cyan);font-size:1.3rem;margin:2.2rem 0 0.8rem}.article h3{color:#fff;font-size:1.05rem;margin:1.6rem 0 0.5rem}.article p,.article li{color:#c3ccd6;line-height:1.75;font-size:1rem}.article ul,.article ol{padding-left:1.3rem}.article li{margin-bottom:0.5rem}.article .callout a{color:var(--cyan)}.article .back{color:var(--gray);text-decoration:none;font-family:var(--mono);font-size:0.8rem}.article .back:hover{color:#fff}.article .author img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--cyan)}.article .author b{color:#fff}.article .author span{color:#77808c;font-size:0.85rem}.article .tags span{background:rgba(0,255,255,0.07);color:var(--cyan);font-family:var(--mono);font-size:0.7rem;padding:3px 9px;border-radius:4px}.article code{background:#12161d;color:#7fe3ff;font-family:var(--mono);font-size:0.85em;padding:2px 6px;border-radius:4px}.article pre{background:#0b0e13;border:1px solid #222;border-left:3px solid var(--cyan);border-radius:8px;padding:1rem 1.2rem;overflow-x:auto;margin:1rem 0}.article pre code{background:none;color:#d6e6f2;padding:0;font-size:0.82rem;line-height:1.6;display:block;white-space:pre}.article .callout{background:rgba(0,255,65,0.05);border:1px solid rgba(0,255,65,0.25);border-radius:8px;padding:1rem 1.2rem;margin:1.5rem 0;color:#cfe9d6;font-size:0.95rem}.article .warn{background:rgba(255,42,42,0.06);border:1px solid rgba(255,42,42,0.3);border-radius:8px;padding:1rem 1.2rem;margin:1.5rem 0;color:#ffc9c9;font-size:0.95rem}.article .author{display:flex;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #222}