/* ASM blog pages - uses the existing ASM header/footer styles and brand palette */
.asm-blog-main{color:#172b45;background:#f7f8fb;font-family:Arial,Helvetica,sans-serif;min-height:55vh}.asm-blog-container{width:min(1160px,calc(100% - 40px));margin:0 auto}.asm-blog-hero{position:relative;overflow:hidden;padding:76px 0 68px;background:linear-gradient(115deg,#f7f9fd 0%,#fff 54%,#edf1fa 100%);border-bottom:1px solid #e5e9f1}.asm-blog-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(31,49,100,.09);border-radius:50%;right:-110px;top:-210px;box-shadow:0 0 0 35px rgba(31,49,100,.025),0 0 0 75px rgba(31,49,100,.02);pointer-events:none}.asm-eyebrow{display:inline-block;color:#596bd1;font-size:12px;letter-spacing:2px;font-weight:800}.asm-blog-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;max-width:780px;font-weight:800;color:#172b45;margin:16px 0}.asm-blog-hero h1 span{color:#596bd1}.asm-blog-hero p{font-size:17px;line-height:1.75;color:#657187;max-width:660px;margin:0}.asm-blog-hero-line{width:68px;height:5px;background:#596bd1;border-radius:4px;margin-top:26px}.asm-blog-listing{padding-top:54px;padding-bottom:82px}.asm-blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.asm-blog-section-heading h2{font-size:34px;font-weight:800;margin:9px 0 0;color:#172b45}.asm-blog-section-heading>p{color:#7a8495;margin:0 0 4px}.asm-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.asm-blog-card{grid-column:span 1;min-width:0;background:#fff;border:1px solid #e8ebf2;border-radius:12px;overflow:hidden;box-shadow:0 12px 34px rgba(23,43,69,.07);transition:transform .25s ease,box-shadow .25s ease}.asm-blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(23,43,69,.12)}.asm-blog-card-image{display:block;position:relative;overflow:hidden;background:#edf0f6;aspect-ratio:16/9}.asm-blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.asm-blog-card:hover .asm-blog-card-image img{transform:scale(1.035)}.asm-card-arrow{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;background:#596bd1;color:#fff;border-radius:50%;transform:rotate(45deg)}.asm-blog-card-body{padding:24px 24px 26px}.asm-blog-card-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:1px;font-weight:800;color:#596bd1}.asm-blog-card-meta span+span{color:#8a93a2}.asm-blog-card h2{font-size:22px;line-height:1.38;margin:15px 0 12px;font-weight:800}.asm-blog-card h2 a{color:#172b45;text-decoration:none}.asm-blog-card h2 a:hover{color:#596bd1}.asm-blog-card-body p{font-size:14px;line-height:1.8;color:#697589;margin-bottom:20px}.asm-read-more{font-size:13px;font-weight:800;color:#172b45;text-decoration:none}.asm-read-more i{color:#596bd1;margin-left:7px}.asm-blog-cta{background:#182b4a;color:#fff;padding:38px 0}.asm-blog-cta>.asm-blog-container{display:flex;justify-content:space-between;align-items:center;gap:24px}.asm-blog-cta h2{font-size:clamp(22px,3vw,32px);font-weight:800;margin:8px 0 0;color:#fff}.asm-blog-cta a{display:inline-block;background:#596bd1;color:#fff!important;text-decoration:none;padding:14px 20px;border-radius:4px;font-weight:700;white-space:nowrap}.asm-blog-cta a i{margin-left:12px}.asm-blog-breadcrumb{background:#f0f3f8;padding:15px 0;font-size:12px;color:#7c8799}.asm-blog-breadcrumb a{color:#263a5b;text-decoration:none}.asm-blog-breadcrumb span{margin:0 9px}.asm-article{padding-top:35px;padding-bottom:76px}.asm-back-link{font-size:13px;color:#263a5b;text-decoration:none;font-weight:700}.asm-article-heading{max-width:900px;margin:28px auto 30px;text-align:center}.asm-category{display:inline-block;color:#596bd1;background:#eef0ff;border-radius:30px;padding:8px 13px;font-size:11px;letter-spacing:1px;font-weight:800}.asm-article-heading h1{font-size:clamp(30px,4.2vw,48px);line-height:1.17;letter-spacing:-.6px;color:#172b45;font-weight:800;margin:20px 0 15px}.asm-article-summary{max-width:760px;margin:0 auto 20px;font-size:17px;line-height:1.75;color:#647187}.asm-article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:#7d8797}.asm-article-meta i{color:#596bd1;margin-right:6px}.asm-article-cover{margin:0 auto 42px;max-width:925px}.asm-article-cover img{display:block;width:100%;height:auto;aspect-ratio:925/521;object-fit:cover;border-radius:12px;box-shadow:0 16px 45px rgba(23,43,69,.12)}.asm-article-cover figcaption{font-size:12px;color:#7d8797;margin-top:10px;text-align:center}.asm-article-content{max-width:820px;margin:0 auto;font-size:16px;line-height:1.9;color:#3e4a5e;overflow-wrap:anywhere}.asm-article-content h2{font-size:28px;line-height:1.3;color:#172b45;font-weight:800;margin:44px 0 15px;padding-bottom:10px;border-bottom:1px solid #e2e7ef}.asm-article-content h3{font-size:21px;line-height:1.4;color:#172b45;font-weight:800;margin:30px 0 10px}.asm-article-content p{margin:0 0 18px}.asm-article-content strong{color:#172b45}.asm-article-content ul{padding-left:24px;margin:0 0 22px}.asm-article-content li{padding-left:4px;margin:0 0 9px}.asm-article-content table{width:100%;border-collapse:collapse;margin:24px 0 30px;background:#fff;font-size:14px;line-height:1.6;display:block;overflow-x:auto}.asm-article-content th{background:#172b45;color:#fff;text-align:left}.asm-article-content td,.asm-article-content th{border:1px solid #e0e5ee;padding:12px;vertical-align:top;min-width:105px}.asm-article-content tr:nth-child(even) td{background:#f0f3f8}.asm-article-end{max-width:820px;margin:40px auto 0;padding:24px;background:#fff;border-left:4px solid #596bd1;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:20px}.asm-article-end strong{color:#172b45}.asm-article-end a{color:#596bd1;font-weight:800;text-decoration:none;font-size:13px}.asm-article-end a i{margin-left:7px}@media(max-width:900px){.asm-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asm-blog-card{grid-column:span 1}.asm-blog-hero{padding:58px 0}.asm-article-content{font-size:15px}}@media(max-width:600px){.asm-blog-container{width:calc(100% - 30px)}.asm-blog-hero{padding:43px 0 40px}.asm-blog-hero p{font-size:15px}.asm-blog-listing{padding-top:38px;padding-bottom:50px}.asm-blog-section-heading{display:block}.asm-blog-section-heading h2{font-size:29px}.asm-blog-section-heading>p{margin-top:10px;font-size:14px}.asm-blog-grid{grid-template-columns:1fr;gap:20px}.asm-blog-card-body{padding:20px}.asm-blog-card h2{font-size:20px}.asm-blog-cta>.asm-blog-container{align-items:flex-start;flex-direction:column}.asm-article{padding-top:25px;padding-bottom:45px}.asm-article-heading{margin:22px auto}.asm-article-summary{font-size:15px}.asm-article-meta{gap:9px 14px}.asm-article-cover{margin-bottom:28px}.asm-article-content h2{font-size:24px;margin-top:34px}.asm-article-content h3{font-size:19px}.asm-article-end{align-items:flex-start;flex-direction:column}.asm-blog-breadcrumb{font-size:11px}}

/* Header safety rules: keep the inherited ASM header in its own layout layer. */
body > header{position:relative;z-index:100;background:#fff;clear:both;width:100%;} body > header .container-fluid{max-width:100%;} body > header img{max-width:100%;height:auto;} .asm-blog-main{position:relative;z-index:1;clear:both;} .asm-article-heading{background:transparent;position:relative;z-index:1;} .asm-article-cover img{object-fit:contain;background:#fff;}

/* Ensure article table headings remain readable over ASM navy-blue headers */
.asm-article-content table thead th,
.asm-article-content table th,
.asm-article-content table th strong,
.asm-article-content table th b {
  color: #ffffff !important;
  background-color: #172b45 !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Kalam Stream article cover: preserve the full original banner without cropping */
.asm-article-cover {
  width: 100% !important;
  max-width: 925px !important;
  overflow: visible !important;
}
.asm-article-cover img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 12px;
}
