/* Small article tools using the established K8SEC reading system. */
.article-nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:1rem max(1rem,calc((100vw - 1440px)/2));background:#020617f2;border-bottom:1px solid #334155;}
.article-nav img{display:block;width:106px;height:46px;object-fit:contain;}
.article-nav>div{display:flex;gap:clamp(.65rem,2vw,2rem);flex-wrap:wrap;}
.article-nav a{color:#e2e8f0;text-decoration:none;font-size:.9rem;}
.hero-image figcaption{padding:1rem;color:#cbd5e1;line-height:1.6;font-size:.9rem;}
.step-block{margin:1.5rem 0;border-left:3px solid #38bdf8;padding:1rem 1.25rem;background:#0c1930;}
.step-q{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#e2e8f0;}
.step-a{margin-top:.5rem;color:#cbd5e1;line-height:1.8;}
.review-checklist,.version-check{padding:clamp(1rem,2vw,1.5rem);border:1px solid #334155;border-radius:1rem;background:#080f23;}
.review-checklist label{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem 0;line-height:1.65;color:#cbd5e1;border-bottom:1px solid #1e293b;cursor:pointer;}
.review-checklist input{flex:none;width:1.1rem;height:1.1rem;margin-top:.35rem;accent-color:#2563eb;}
.review-checklist button,.version-check button{color:#fff;background:#2563eb;border:1px solid #60a5fa;border-radius:.5rem;padding:.75rem 1rem;margin-top:1rem;font:600 1rem 'Inter',sans-serif;cursor:pointer;}
.version-check{display:grid;gap:.75rem;}
.version-check input,.version-check select{padding:.75rem;background:#020617;color:#e2e8f0;border:1px solid #64748b;border-radius:.5rem;font:1rem 'Inter',sans-serif;min-width:0;max-width:100%;}
.version-check label{font-weight:600;color:#e2e8f0;}
#version-result{margin-top:1rem;overflow-wrap:anywhere;}
.impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0;}
.impact-card{border:1px solid #334155;border-radius:.75rem;padding:1rem;background:#080f23;}
.article-main .impact-card h3{margin:.25rem 0 1rem;}
.article-main>pre{background:#020617;border:1px solid #334155;border-radius:.75rem;margin:1.5rem 0;}
.article-main pre code{border:0;padding:0;background:transparent;font-size:inherit;white-space:pre;display:block;min-width:0;}
.code-lang{display:block;color:#67e8f9;font-size:.75rem;text-transform:uppercase;margin-bottom:.65rem;}
select:focus-visible{outline:3px solid #67e8f9;outline-offset:4px;}
@media(max-width:767px){.impact-grid{grid-template-columns:1fr;}.article-nav{padding-inline:1rem;}}

.article-main a{color:#67e8f9;text-underline-offset:.2em;}
.article-main a.btn-primary{background:#1d4ed8;color:#fff;}

.article-main pre:focus-visible{outline:3px solid #67e8f9;outline-offset:4px;}