/* 記事ページ用の追加スタイル */
.article{padding:52px 0;max-width:820px;margin:0 auto}
.article .kicker{font-size:13px;font-weight:900;letter-spacing:.14em;margin-bottom:12px}
.article h1{font-size:clamp(26px,4.6vw,40px);font-weight:900;line-height:1.35;margin-bottom:14px}
.article .lead{font-size:15.5px;font-weight:500;margin-bottom:8px}
.article .updated{font-size:12.5px;color:#555;font-weight:700;margin-bottom:34px}
.article h2{font-size:clamp(20px,3.4vw,26px);font-weight:900;margin:44px 0 14px;padding-left:14px;border-left:8px solid var(--violet)}
.article h3{font-size:17px;font-weight:900;margin:26px 0 10px}
.article p{font-size:15px;font-weight:500;margin-bottom:14px}
.article ul,.article ol{margin:0 0 16px 22px;font-size:15px;font-weight:500}
.article li{margin-bottom:6px}
.article table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13.5px}
.article th,.article td{border:3px solid var(--ink);padding:10px 12px;text-align:left;vertical-align:top;font-weight:500}
.article th{background:var(--yellow);font-weight:900;white-space:nowrap}
.article code{background:#F1F1F4;border:1px solid var(--line);padding:0 5px;font-size:12.5px}
.article pre{background:var(--ink);color:var(--lime);font-family:Consolas,Menlo,monospace;font-size:12.5px;line-height:1.7;padding:16px;overflow:auto;margin:0 0 18px;white-space:pre}
.step-cards{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 18px}
.step-card{border:3px solid var(--ink);padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.step-card .no{font-size:26px;color:#fff;background:var(--magenta);width:48px;height:48px;display:flex;align-items:center;justify-content:center;transform:skewX(var(--skew))}
.step-card .no>span{display:inline-block;transform:skewX(calc(var(--skew) * -1))}
.step-card h3{margin:0 0 4px;font-size:16px}
.step-card p{margin:0;font-size:14px}
.point{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--lime);padding:16px 18px;margin:0 0 18px;font-size:14px;font-weight:500}
.point strong{font-weight:900}
.toc{border:3px solid var(--ink);padding:18px;margin-bottom:10px}
.toc p{font-weight:900;margin-bottom:8px}
.toc ol{margin:0 0 0 22px}
.toc a{font-weight:700}
@media (max-width:640px){.article th{white-space:normal}}