/*******************************************************
 * global.css — সাইটজুড়ে হেডিং ও লিংকের সামঞ্জস্যপূর্ণ ডিফল্ট স্টাইল
 *
 * এটা style.css-এর পরে লোড করতে হবে। এখানে যা আছে তা "বেস/ফলব্যাক" —
 * কোনো নির্দিষ্ট সেকশনের (.section-head h2, .about-card h3 ইত্যাদি)
 * আগে থেকে তৈরি স্টাইল থাকলে সেটাই প্রাধান্য পাবে, এই ফাইল শুধু যেসব
 * হেডিং/লিংকের কোনো নির্দিষ্ট স্টাইল নেই (যেমন ব্লগ পোস্টের ভেতরে
 * সরাসরি পেস্ট করা raw HTML) সেগুলোর জন্য কাজ করবে।
 *******************************************************/

/* ===== HEADINGS — ডিফল্ট বেসলাইন ===== */
h1, h2, h3, h4{
  font-family:'Space Grotesk', sans-serif;
  color:var(--ink);
  font-weight:700;
  line-height:1.3;
}
h1{ font-size:clamp(1.8rem, 5vw, 2.6rem); margin:0 0 18px; }
h2{ font-size:clamp(1.4rem, 4vw, 1.8rem); margin:30px 0 14px; }
h3{ font-size:clamp(1.15rem, 3vw, 1.4rem); margin:24px 0 12px; }
h4{ font-size:1.05rem; margin:18px 0 10px; }

/* গাঢ় ব্যাকগ্রাউন্ডের (header/hero/footer) ভেতরে হেডিং চক-রঙে থাকবে */
header h1, header h2, header h3, header h4,
.hero h1, .hero h2,
footer h1, footer h2, footer h3, footer h4{
  color:var(--chalk);
}

/* ===== লিংক হোভার — সাইটজুড়ে সাধারণ আচরণ (রঙ জোর করে বদলাচ্ছে না,
   যাতে অন্ধকার হেডার/ফুটারের লিংক রঙ ভেঙে না যায়; শুধু hover-এ আন্ডারলাইন) ===== */
a:hover{ text-decoration:underline; }

/* ===== আর্টিকেল (ব্লগ পোস্ট বডি)-এর ভেতরের লিংক — টেক্সট থেকে আলাদা বোঝানোর জন্য ===== */
.article-body a{
  color:var(--ink);
  text-decoration:underline;
  text-decoration-color:rgba(34,52,92,0.35);
  text-underline-offset:3px;
}
.article-body a:hover{
  color:var(--red);
  text-decoration-color:var(--red);
}
.article-body a:visited{
  color:#4a5a7a; /* একটু ম্লান — বোঝা যাবে এই লিংকটা আগে দেখা হয়েছে */
}
/* বহিরাগত (external) লিংকে ছোট্ট ↗ চিহ্ন, নিজের সাইটের লিংকে না */
.article-body a[href^="http"]:not([href*="sadimathcare.pro.bd"])::after{
  content:' ↗';
  font-size:0.8em;
}