/* KATA Template: Blog Article */
.k-tpl-bl{background:var(--k-bg);border:1px solid var(--k-line);border-radius:16px;padding:30px 26px;font-family:var(--k-font);color:var(--k-ink)}
.k-tpl-bl-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:34px;max-width:920px;margin:0 auto}
.k-tpl-bl h1{font-size:29px;font-weight:700;letter-spacing:-.025em;line-height:1.25;margin:12px 0 10px}
.k-tpl-bl .stand{font-size:16.5px;line-height:1.75;color:var(--k-ink-2);letter-spacing:.012em}
.k-tpl-bl-by{display:flex;align-items:center;gap:11px;margin:18px 0 20px;padding:13px 0;border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.k-tpl-bl-by b{font-size:13.5px;display:block}
.k-tpl-bl-by span{font-size:12px;color:var(--k-ink-3)}
.k-tpl-bl-by .btn{margin-inline-start:auto}
.k-tpl-bl-hero{border-radius:13px;background:linear-gradient(150deg, var(--k-zinc-700), var(--k-zinc-950));min-height:190px;display:flex;align-items:center;justify-content:center;color:var(--k-zinc-400);font-size:12.5px;letter-spacing:.14em;margin-bottom:8px}
.k-tpl-bl-cap{font-size:12px;color:var(--k-ink-3);margin-bottom:22px;text-align:center}
.k-tpl-bl-prose{font-size:15.5px;line-height:1.85;color:var(--k-ink);letter-spacing:.012em}
.k-tpl-bl-prose p{margin-bottom:15px}
.k-tpl-bl-prose h2{font-size:19.5px;font-weight:650;letter-spacing:-.018em;margin:26px 0 10px}
.k-tpl-bl-prose blockquote{border-inline-start:3px solid var(--k-accent);padding:2px 0 2px 16px;margin:20px 0;font-size:16.5px;line-height:1.75;color:var(--k-ink);letter-spacing:.012em}
.k-tpl-bl-prose code{font-family:var(--k-mono,monospace);font-size:.86em;background:var(--k-bg-soft);border:1px solid var(--k-line);border-radius:5px;padding:1px 5px}
.k-tpl-bl-prose pre{background:var(--k-zinc-950);color:var(--k-zinc-100);border-radius:11px;padding:15px 17px;overflow-x:auto;margin:18px 0}
.k-tpl-bl-prose pre code{background:none;border:0;padding:0;color:inherit}
.k-tpl-bl-prose ul{margin:0 0 15px;padding-inline-start:20px}
.k-tpl-bl-prose li{margin-bottom:6px}
.k-tpl-bl-toc{position:sticky;top:14px;font-size:12.5px}
.k-tpl-bl-toc h4{font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--k-ink-3);margin-bottom:9px}
.k-tpl-bl-toc a{display:block;padding:5px 0 5px 11px;color:var(--k-ink-2);text-decoration:none;border-inline-start:2px solid var(--k-line)}
.k-tpl-bl-toc a.on{color:var(--k-ink);font-weight:600;border-inline-start-color:var(--k-accent)}
.k-tpl-bl-author{display:flex;gap:13px;border:1px solid var(--k-line);border-radius:13px;padding:17px;margin-top:26px;align-items:flex-start}
.k-tpl-bl-author b{font-size:14px}
.k-tpl-bl-author p{font-size:12.5px;line-height:1.7;color:var(--k-ink-2);margin-top:4px;letter-spacing:.01em}
.k-tpl-bl-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.k-tpl-bl-nav a{border:1px solid var(--k-line);border-radius:12px;padding:14px;text-decoration:none;color:var(--k-ink)}
.k-tpl-bl-nav span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--k-ink-3);display:block;margin-bottom:5px}
.k-tpl-bl-nav b{font-size:13.5px;font-weight:600;line-height:1.5;display:block}
@media (max-width:820px){.k-tpl-bl-grid{grid-template-columns:1fr}.k-tpl-bl-toc{display:none}.k-tpl-bl-nav{grid-template-columns:1fr}}