.elementor-1 .elementor-element.elementor-element-9e5b48e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1 .elementor-element.elementor-element-7e793d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-4564b12 *//* ===== BLOG ARTICLE — NETLINKING (LIGHT / PREMIUM / READABLE) ===== */

.blog-article{
  max-width: 860px;
  margin: 0 auto;
  padding: 44px 22px 72px;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: #0b1220;
  background: #ffffff;
}

/* Head */
.ba-head{
  padding: 26px 22px;
  border-radius: 24px;
  background:
    radial-gradient(720px 320px at 18% 0%, rgba(99,102,241,.12), transparent 62%),
    radial-gradient(720px 320px at 88% 22%, rgba(16,185,129,.10), transparent 62%),
    rgba(255,255,255,.82);
  border: 1px solid rgba(10,15,30,.08);
  box-shadow: 0 22px 70px rgba(12,18,32,.07);
  margin: 0 0 26px;
}

.blog-article h1{
  margin: 0 0 10px;
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.12;
  letter-spacing: -.03em;
  font-weight: 820;
}

.ba-lead{
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(11,18,32,.72);
  max-width: 70ch;
}

/* Sections */
.blog-article section{
  margin-top: 22px;
  padding-top: 6px;
}

.blog-article h2{
  margin: 28px 0 10px;
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.2;
  letter-spacing: -.02em;
  font-weight: 800;
}

.blog-article h3{
  margin: 18px 0 8px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -.01em;
  font-weight: 780;
}

.blog-article p{
  margin: 10px 0;
  font-size: 15px;
  line-height: 1.85;
  color: rgba(11,18,32,.82);
}

.blog-article strong{
  font-weight: 800;
}

/* Lists */
.blog-article ul{
  margin: 12px 0 14px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.blog-article li{
  position: relative;
  padding-left: 26px;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(11,18,32,.82);
}

.blog-article li::before{
  content:"";
  position:absolute;
  left:0;
  top: 10px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(99,102,241,.92), rgba(16,185,129,.86));
  box-shadow: 0 0 0 6px rgba(99,102,241,.10);
}

/* Links */
.blog-article a{
  color: rgba(11,18,32,.92);
  text-decoration: none;
  font-weight: 760;
  border-bottom: 1px solid rgba(11,18,32,.22);
  padding-bottom: 1px;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.blog-article a:hover{
  color: #0b1220;
  border-bottom-color: rgba(11,18,32,.45);
  background: rgba(99,102,241,.06);
}

/* Inline highlight blocks (optional utility) */
.blog-article .note{
  margin: 18px 0;
  padding: 16px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(10,15,30,.08);
  box-shadow: 0 18px 56px rgba(12,18,32,.06);
  color: rgba(11,18,32,.80);
}

/* Responsive */
@media (max-width: 520px){
  .blog-article{ padding: 34px 16px 60px; }
  .ba-head{ padding: 20px 16px; }
}/* End custom CSS */