/* nrai-article-card v1 — reusable article card (.nac- prefix, no global rules) */
.nrai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:1023px){.nrai-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.nrai-cards{grid-template-columns:1fr;gap:20px}}
.nac{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #D6DCE8;border-radius:20px;overflow:visible;min-width:0}
.nac-media{position:relative;display:block;aspect-ratio:3/2;border-radius:20px 20px 0 0;overflow:hidden;background:#E7EEF8;cursor:pointer}
.nac-media img{width:100%;height:100%;object-fit:cover;display:block}
.nac-ph{position:absolute;left:12px;bottom:12px;background:#14204A;color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px}
.nac-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.nac-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:14px;color:#4A5578}
.nac-cat{background:#E7EEF8;color:#124A92;font-weight:700;padding:3px 10px;border-radius:999px}
.nac-title{margin:0;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.nac-title a{color:#14204A;text-decoration:none;display:inline-block;min-height:44px}
.nac-title a:hover,.nac-title a:focus-visible{text-decoration:underline}
.nac-title a:focus-visible{outline:3px solid #124A92;outline-offset:3px;border-radius:4px}
.nac-pub{font-size:14px;color:#4A5578;margin:0}
.nac-pop{position:absolute;left:12px;right:12px;top:12px;max-height:calc(100% - 24px);overflow:auto;background:#14204A;color:#fff;font-size:15px;line-height:1.45;padding:14px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(20,32,74,.3);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:3;pointer-events:none}
.nac-pop b{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#FEC623;margin-bottom:4px}
.nac.is-open .nac-pop{opacity:1;visibility:visible;transform:none}
@media (prefers-reduced-motion:reduce){.nac-pop{transition:none;transform:none}}
/* Blog Card look (ported: vertical variant — media, meta row, title, author row) */
.nac{box-shadow:0 1px 2px rgba(20,32,74,.06);transition:box-shadow .2s,transform .2s}
.nac:hover,.nac:focus-within{box-shadow:0 14px 34px rgba(20,32,74,.14);transform:translateY(-2px)}
.nac-media img{transition:transform .4s}
.nac:hover .nac-media img{transform:scale(1.04)}
.nac-kind{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:6px;background:#14204A;color:#fff}
.nac-kind--ins{background:#BF5508}
.nac-pub{display:flex;align-items:center;gap:10px;border-top:1px solid #E3E8F0;padding-top:12px;margin-top:auto}
.nac-body{flex:1}
.nac-av{flex:0 0 28px;height:28px;border-radius:50%;background:#E7EEF8;color:#124A92;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
@media (prefers-reduced-motion:reduce){.nac,.nac-media img{transition:none}.nac:hover,.nac:focus-within{transform:none}.nac:hover .nac-media img{transform:none}}