/* Blog topic illustrations (inc/blog-art.php). Used on the blog and in the admin. */
.ba text { font-family: 'Inter', sans-serif; font-weight: 600; }
.ba-p { fill: #1C1C1C; stroke: #333; stroke-width: 1.5; }
.ba-hl { stroke: #E31E24; stroke-width: 2; }
.ba-l { fill: #2E2E2E; }
.ba-l2 { fill: #262626; }
.ba-m { fill: #5A5A5A; }
.ba-g { fill: #4A4A4A; }
.ba-r { fill: #E31E24; }
.ba-w { fill: #EDEDED; }
.ba-base { fill: #333; }
.ba-bar { fill: #262626; }
.ba-ol { fill: none; stroke: #4A4A4A; stroke-width: 2; }
.ba-tk { fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.ba-tkr { fill: none; stroke: #E31E24; stroke-width: 9; stroke-linecap: round; stroke-linejoin: round; }
.ba-t { fill: #EDEDED; font-family: 'Sora', sans-serif !important; font-weight: 800 !important; }
.ba-tr { fill: #E31E24; font-family: 'Sora', sans-serif !important; font-weight: 800 !important; }
.ba-tg { fill: #8A8A8A; font-size: 10px; letter-spacing: 0.12em; }
.ba-tl { fill: #BDBDBD; font-size: 11.5px; }
.ba-tw { fill: #fff; font-size: 9px; font-weight: 700 !important; letter-spacing: 0.08em; }
.ba-lens { fill: #161616; stroke: #EDEDED; stroke-width: 7; }
.ba-handle { stroke: #E31E24; stroke-width: 14; stroke-linecap: round; }
.ba-map { fill: #161616; }
.ba-road { fill: none; stroke: #262626; stroke-width: 10; }
.ba-road2 { fill: none; stroke: #1F1F1F; stroke-width: 5; }
.ba-shadow { fill: rgba(0,0,0,0.5); }
.ba-shadowed { filter: drop-shadow(0 10px 18px rgba(0,0,0,0.5)); }
.ba-phone { fill: #1C1C1C; stroke: #4A4A4A; stroke-width: 2; }
.ba-front { stroke: #EDEDED; stroke-width: 3; filter: drop-shadow(0 14px 24px rgba(0,0,0,0.55)); }
.ba-screen { fill: #121212; }
.ba-bag { fill: #4A4A4A; }
.ba-bagh { fill: none; stroke: #8A8A8A; stroke-width: 3; }
.ba-dash { fill: none; stroke: #E31E24; stroke-width: 2; stroke-dasharray: 3 6; stroke-linecap: round; }
.ba-box { fill: #5A5A5A; }
.ba-box2 { fill: #3A3A3A; }
.ba-box3 { fill: #2A2A2A; }
.ba-tape { fill: none; stroke: #E31E24; stroke-width: 6; }
.ba-arc { fill: none; stroke: #262626; stroke-width: 18; stroke-linecap: round; }
.ba-arcr { fill: none; stroke: #E31E24; stroke-width: 18; stroke-linecap: round; }
.ba-tick { stroke: #4A4A4A; stroke-width: 3; stroke-linecap: round; }
.ba-needle { stroke: #EDEDED; stroke-width: 6; stroke-linecap: round; }
.ba-lock { fill: none; stroke: #E31E24; stroke-width: 2.5; }
.ba-clip { fill: #5A5A5A; }
.ba-hlc { fill: #E31E24; }
.ba-shield { fill: #1C1C1C; stroke: #EDEDED; stroke-width: 3; }
.bl-cover-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
@media (hover: hover) { .bl-card:hover .bl-cover-img img { transform: scale(1.04); } }
.bl-art-img { margin: 0 0 2.25rem; }
.bl-art-img img { display: block; width: 100%; height: auto; border-radius: 18px; }