/* KV3 article cards (blog grid + related articles) — source: V3.0/page-blog.html "ARTICLE CARDS". Tokens come from the karnaf-v3 child theme. */
.kv3b-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;list-style:none;margin:0;padding:0}
.kv3b-cards > li{display:flex;margin:0;padding:0}
.kv3b-cards > li[hidden]{display:none}
.kv3b-cards a.acard{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;color:var(--navy);font-family:var(--f-body);background:var(--white);border:1px solid rgba(206,210,213,.6);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-s);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.kv3b-cards a.acard:hover,.kv3b-cards a.acard:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--orange);color:var(--navy)}
.kv3b-cards a.acard:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:24px}
.kv3b-cards .ac-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--grey)}
.kv3b-cards .ac-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.kv3b-cards .ac-ph{position:absolute;inset:0;background:var(--navy-2)}
.kv3b-cards a.acard:hover .ac-media img,.kv3b-cards a.acard:focus-visible .ac-media img{transform:scale(1.06)}
.kv3b-cards .ac-topic{position:absolute;top:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.95);color:var(--navy);font-family:var(--f-head);font-weight:600;font-size:13.5px;line-height:1.5;padding:5px 12px 5px 11px;border-radius:999px;box-shadow:var(--shadow-s)}
.kv3b-cards .ac-topic::before{content:"";width:10px;height:11px;background:var(--orange);clip-path:var(--hex)}
.kv3b-cards .ac-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.kv3b-cards .ac-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14.5px;line-height:1.5;color:var(--muted);font-weight:600}
.kv3b-cards .ac-meta span{display:inline-flex;align-items:center;gap:6px}
.kv3b-cards .ac-meta svg{width:15px;height:15px;color:var(--orange-ink)}
.kv3b-cards .ac-meta .arch{background:var(--grey);color:var(--navy);padding:1px 9px;border-radius:999px;font-size:13px}
.kv3b-cards.kv3b-cards h3{font-family:var(--f-head);font-size:21px;font-weight:700;line-height:1.3;margin:0;color:var(--navy)}
.kv3b-cards h3 mark{background:var(--orange-soft);color:inherit;border-radius:4px;padding:0 2px}
.kv3b-cards.kv3b-cards .ac-ex{margin:0;color:var(--muted);font-size:16.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kv3b-cards .ac-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:600;font-size:15px;color:var(--orange-ink)}
.kv3b-cards .ac-more span{transition:transform .25s var(--ease)}
.kv3b-cards a.acard:hover .ac-more span,.kv3b-cards a.acard:focus-visible .ac-more span{transform:translateX(-5px)}
[dir="ltr"] .kv3b-cards a.acard:hover .ac-more span,[dir="ltr"] .kv3b-cards a.acard:focus-visible .ac-more span{transform:translateX(5px)}
@media (max-width:1020px){.kv3b-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kv3b-cards{grid-template-columns:minmax(0,1fr);gap:20px}.kv3b-cards.kv3b-cards h3{font-size:20px}}
@media (prefers-reduced-motion:reduce){.kv3b-cards a.acard,.kv3b-cards .ac-media img,.kv3b-cards .ac-more span{transition:none}}