body.elba-articles{background:#f4f7fb !important;color:#1f2937 !important}
.elba-articles main{background:#f4f7fb}
.art-hero{background:linear-gradient(135deg,#0b1220 0,#14253d 100%);color:#fff;padding:56px 0 64px;text-align:center;border-bottom:3px solid #00b8ef}
.art-hero h1{font-weight:800;font-size:2.15rem;margin:0}
.art-hero p{color:#aab7c8;margin:12px auto 0;max-width:640px}
.art-wrap{padding:40px 0 66px}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}
.art-card{background:#fff;border:1px solid #e7edf5;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.06),0 10px 28px rgba(15,23,42,.05);transition:.2s;display:flex;flex-direction:column}
.art-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(15,23,42,.13)}
.art-card .thumb{display:block;aspect-ratio:16/9;overflow:hidden}
.art-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.art-card:hover .thumb img{transform:scale(1.06)}
.art-card .body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.art-meta{color:#64748b;font-size:.82rem;margin-bottom:8px}
.art-card h2{font-size:1.16rem;font-weight:800;margin:0 0 8px;line-height:1.5}
.art-card h2 a{color:#0f172a;text-decoration:none}
.art-card h2 a:hover{color:#0094c2}
.art-card .ex{color:#52617a;font-size:.94rem;flex:1}
.art-readmore{display:inline-flex;align-items:center;gap:6px;color:#0094c2;font-weight:700;margin-top:12px}
.art-empty{text-align:center;padding:60px 0;color:#64748b}

/* single article */
.article-single{background:#fff;max-width:830px;margin:-44px auto 0;padding:38px;border-radius:18px;box-shadow:0 10px 40px rgba(15,23,42,.10);position:relative}
.article-single .crumb{font-size:.85rem;color:#64748b;margin-bottom:14px}
.article-single .crumb a{color:#0094c2;text-decoration:none}
.article-single h1{font-weight:800;font-size:1.9rem;color:#0f172a;line-height:1.45}
.article-cover{width:100%;border-radius:14px;margin:18px 0 6px;object-fit:cover}
.article-content{font-size:1.12rem;line-height:2.05;color:#243244;margin-top:18px}
.article-content h2{font-weight:800;font-size:1.55rem;margin:1.5em 0 .5em;color:#0f172a}
.article-content h3{font-weight:700;font-size:1.25rem;margin:1.2em 0 .4em;color:#13233b}
.article-content p{margin:0 0 1.15em}
.article-content img{max-width:100%;border-radius:12px;margin:1em 0}
.article-content a{color:#0094c2;font-weight:600}
.article-content ul,.article-content ol{padding-inline-start:1.5em;margin:0 0 1.15em}
.article-content li{margin-bottom:.5em}
.article-content blockquote{border-inline-start:4px solid #00b8ef;background:#f0f9ff;padding:14px 18px;border-radius:10px;margin:1.3em 0;color:#0c4a6e}
.article-cta{margin-top:8px;text-align:center;background:linear-gradient(135deg,#0b1220,#14253d);color:#fff;border-radius:16px;padding:26px}
.article-cta .btn-call{display:inline-flex;align-items:center;gap:8px;background:#00b8ef;color:#fff;font-weight:800;padding:12px 26px;border-radius:30px;text-decoration:none;font-size:1.1rem;margin-top:8px}
@media(max-width:575px){.article-single{padding:22px;border-radius:14px}.art-hero h1{font-size:1.6rem}}