/* KK8 native Blog only. Uses the existing KK8 tokens and components; commercial42 CSS remains unchanged. */
.kk8-blog-v4{padding-top:var(--hdr);background:linear-gradient(to bottom,var(--ink) 0,var(--ink) var(--hdr),var(--warm) var(--hdr),var(--warm) 100%);min-height:70vh}
.kk8-blog-v4__hero{padding:56px 0;background:linear-gradient(125deg,var(--ink),var(--navy));color:var(--white)}
.kk8-blog-v4 .kk8-crumbs{font-size:.875rem;margin-bottom:24px}
.kk8-blog-v4 .kk8-crumbs ol{display:flex;gap:14px;flex-wrap:wrap}
.kk8-blog-v4 .kk8-crumbs a{text-decoration:none}
.kk8-blog-v4__eyebrow{color:var(--lime);font-size:.875rem;display:block;margin-bottom:14px}
.kk8-blog-v4 h1{font-size:var(--fs-h1);max-width:24ch;margin-bottom:20px;overflow-wrap:anywhere}
.kk8-blog-v4__hero p{max-width:62ch;color:var(--on-d2)}
.kk8-blog-v4__search{margin-top:28px;max-width:600px}
.kk8-blog-v4__search label{display:block;margin-bottom:8px}
.kk8-blog-v4__search>div{display:flex;gap:10px}
.kk8-blog-v4__search input{min-width:0;flex:1;border:1px solid var(--line);padding:10px 14px;border-radius:var(--r-s);color:var(--text);background:var(--white);font:inherit}
.kk8-blog-v4 :focus-visible{outline:3px solid var(--royal-l);outline-offset:4px}
.kk8-blog-v4__categories{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.kk8-blog-v4__categories a,.kk8-blog-v4__tag{display:inline-block;padding:6px 12px;border:1px solid var(--line-d2);border-radius:24px;text-decoration:none;font-size:.875rem}
.kk8-blog-v4__categories [aria-current]{color:var(--lime);border-color:var(--lime)}
.kk8-blog-v4__listing,.kk8-blog-v4__related{padding-block:48px}
.kk8-blog-v4__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px}
.kk8-blog-v4__card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--e1);min-width:0}
.kk8-blog-v4__media{display:block;aspect-ratio:16/10;overflow:hidden}
.kk8-blog-v4__cover{width:100%;height:100%;object-fit:cover}
.kk8-blog-v4__cardbody{padding:24px}
.kk8-blog-v4__card h2,.kk8-blog-v4__card h3{font-size:1.375rem;line-height:1.35;margin:16px 0 12px}
.kk8-blog-v4__card a{text-decoration:none}
.kk8-blog-v4__card p{font-size:.9375rem;color:var(--text-2)}
.kk8-blog-v4__read{display:inline-block;margin-top:20px;color:var(--royal);font-weight:600}
.kk8-blog-v4__tag{border-color:var(--line);color:var(--royal)}
.kk8-blog-v4__article{padding-block:48px;max-width:900px;margin-inline:auto}
.kk8-blog-v4__article .kk8-crumbs{color:var(--text-2)}
.kk8-blog-v4__article .kk8-crumbs a{color:var(--royal)}
.kk8-blog-v4__article .kk8-crumbs :is(a:hover,[aria-current]){color:var(--text)}
.kk8-blog-v4__article header>p{color:var(--text-2);margin-block:12px}
.kk8-blog-v4__article h1{max-width:30ch;margin-top:20px}
.kk8-blog-v4__articlecover{margin-block:28px;max-width:900px;border-radius:var(--r-l);overflow:hidden}
.kk8-blog-v4__articlecover img{max-height:560px;object-fit:cover}
.kk8-blog-v4__prose{max-width:72ch;overflow-wrap:anywhere}
.kk8-blog-v4__prose :is(h2,h3){margin-top:28px;margin-bottom:14px}
.kk8-blog-v4__prose h2{font-size:1.8rem}
.kk8-blog-v4__prose h3{font-size:1.35rem}
.kk8-blog-v4__prose p+p{margin-top:16px}
.kk8-blog-v4__prose :is(ul,ol){padding-left:24px;list-style:revert;margin-block:18px}
.kk8-blog-v4__prose a{color:var(--royal);text-decoration:underline}
.kk8-blog-v4__notice{padding:16px;background:var(--amber-bg);color:var(--amber-ink);border:1px solid var(--amber-line);border-radius:var(--r-s);margin-block:20px}
.kk8-blog-v4__tags,.kk8-blog-v4__sources{margin-top:28px;color:var(--text-2);overflow-wrap:anywhere}
.kk8-blog-v4__sources h2{font-size:1.2rem;margin-bottom:10px}
.kk8-blog-v4__related>h2{margin-bottom:24px}
.kk8-blog-v4 .kk8-pagination ul{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.kk8-blog-v4 .kk8-pagination :is(a,span[aria-current]){display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-xs)}
.kk8-blog-v4 .kk8-pagination [aria-current]{background:var(--navy);color:var(--white)}
@media(max-width:1000px){.kk8-blog-v4__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kk8-blog-v4__hero{padding-block:36px}.kk8-blog-v4__grid{grid-template-columns:minmax(0,1fr)}.kk8-blog-v4__cardbody{padding:20px}.kk8-blog-v4__search>div{flex-wrap:wrap}.kk8-blog-v4__search input{flex-basis:100%}.kk8-blog-v4__article{padding-block:32px}}