:root{--ink:#0f172a;--ink2:#1e293b;--gray:#64748b;--gray2:#94a3b8;--border:#e2e8f0;--bg:#ffffff;--bg2:#f8fafc;--blue:#3b82f6;--blue-dark:#2563eb;--blue-pale:#eff6ff;--blue-text:#3b82f6;--radius:12px;--radius-sm:8px}.article{min-height:100vh;padding:80px 24px}.article__inner{max-width:720px;margin:0 auto}.article__back{display:inline-block;font-size:.9rem;color:#3b82f6;text-decoration:none;margin-bottom:32px}.article__back:hover{text-decoration:underline}.article__date{display:block;font-size:.85rem;color:#64748b;margin-bottom:12px}.article__title{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 20px;line-height:1.25}.article__tags{list-style:none;padding:0;margin:0 0 40px;display:flex;gap:8px;flex-wrap:wrap}.article__tag{font-size:.75rem;color:#3b82f6;background:#eff6ff;border-radius:999px;padding:2px 10px}.article__body{color:#1e293b;line-height:1.75;font-size:1rem}.article__body h2{font-size:1.4rem;font-weight:600;color:#0f172a;margin:40px 0 16px}.article__body h3{font-size:1.1rem;font-weight:600;color:#0f172a;margin:28px 0 12px}.article__body p{margin:0 0 20px}.article__body a{color:#3b82f6;text-decoration:underline}.article__body ol,.article__body ul{padding-left:24px;margin:0 0 20px}.article__body ol li,.article__body ul li{margin-bottom:8px}.article__body code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:.875em}.article__body pre{background:#0f172a;color:#e2e8f0;border-radius:8px;padding:20px;overflow-x:auto;margin:0 0 24px}.article__body pre code{background:none;border:none;padding:0;color:inherit;font-size:.875rem}.article__body blockquote{border-left:3px solid #3b82f6;padding-left:20px;margin:0 0 20px;color:#64748b;font-style:italic}