.article{max-width:1000px;margin:0 auto;padding:72px 32px 96px}.article-head{margin-bottom:32px;padding-bottom:28px;border-bottom:2px solid var(--ink)}.article-meta{display:flex;gap:16px;align-items:baseline;font-family:JetBrains Mono,monospace;font-size:11px;margin-bottom:18px;flex-wrap:wrap}.article-cat{color:var(--cobalt);letter-spacing:.12em;font-weight:700}.article-date,.article-updated{color:var(--text-muted);letter-spacing:.1em}.article-title{font-family:"Noto Serif JP",serif;font-weight:900;font-size:clamp(26px,4vw,40px);line-height:1.4;color:var(--ink)}.article-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;list-style:none;padding:0}.article-topic{display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-soft);letter-spacing:.05em;text-decoration:none;border:1px solid var(--rule);border-radius:3px;padding:.25em .55em;background:var(--paper-warm);transition:color .15s,border-color .15s}.article-topic:hover{color:var(--cobalt);border-color:var(--cobalt)}.article-hero{margin:0 0 28px}.article-hero img{width:100%;height:auto;border:1px solid var(--rule);border-radius:4px;display:block}.article-pr{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.04em;color:var(--text-soft);background:var(--paper-warm);border:1px solid var(--rule);padding:12px 16px;margin-bottom:28px}.article-toc{background:var(--paper-warm);border:1px solid var(--rule);padding:24px 28px;margin-bottom:48px}.article-toc-title{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;color:var(--text-muted);margin-bottom:14px}.article-toc ol{list-style:none;padding:0;margin:0}.article-toc li{margin:6px 0}.article-toc li.toc-d3{padding-left:18px}.article-toc a{color:var(--text-soft);text-decoration:none;font-size:14px;line-height:1.7}.article-toc a:hover{color:var(--cobalt)}.article-body{font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.95;color:var(--text)}.article-body>*+*{margin-top:1.6em}.article-body h2{font-family:"Noto Serif JP",serif;font-weight:700;font-size:clamp(21px,2.6vw,27px);line-height:1.5;color:var(--ink);margin-top:2.4em;padding-bottom:.4em;border-bottom:1px solid var(--rule);scroll-margin-top:90px}.article-body h3{font-family:"Noto Serif JP",serif;font-weight:700;font-size:clamp(18px,2.1vw,21px);line-height:1.5;color:var(--ink);margin-top:2em;scroll-margin-top:90px}.article-body p{line-height:1.95}.article-body a{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:var(--rust)}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin:.5em 0;line-height:1.9}.article-body blockquote{border-left:3px solid var(--cobalt);padding:4px 0 4px 20px;color:var(--text-soft)}.article-body img{max-width:100%;height:auto;border:1px solid var(--rule);border-radius:4px}.article-body figure.article-step{margin:1.25em 0;padding:0;width:100%;max-width:100%;background:none;border:none;border-radius:0;overflow:visible;line-height:0}.article-body figure.article-step img{width:100%;max-width:100%;height:auto;display:block;margin:0;padding:0;border:1px solid var(--rule);border-radius:4px;vertical-align:top}.article-body table{width:100%;border-collapse:collapse;font-size:14px}.article-body th,.article-body td{border:1px solid var(--rule);padding:10px 14px;text-align:left}.article-body th{background:var(--paper-warm);font-weight:700}.article-cta{margin-top:72px;padding:40px 36px;background:var(--ink);color:var(--paper);border-radius:6px}.article-cta-lead{font-family:"Noto Serif JP",serif;font-weight:700;font-size:20px;color:var(--paper);margin-bottom:12px}.article-cta-body{font-size:14px;line-height:1.9;color:#f4f1eac7;margin-bottom:28px}.article-cta-actions{display:flex;gap:14px;flex-wrap:wrap}.article-cta-btn{display:inline-block;padding:12px 26px;border:1px solid rgba(244,241,234,.4);color:var(--paper);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.article-cta-btn:hover{border-color:var(--paper)}.article-cta-btn.primary{background:var(--rust);border-color:var(--rust)}.article-cta-btn.primary:hover{background:#a04527;border-color:#a04527}.article-back{margin-top:48px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.article-back a{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-soft);text-decoration:none;letter-spacing:.05em}.article-back a:hover{color:var(--cobalt)}.article-back-sep{color:var(--text-muted);font-size:13px}@media(max-width:600px){.article{padding:48px 20px 64px}.article-cta{padding:32px 24px}}