:root{--navy:#10243a;--blue:#1769aa;--cyan:#eaf5ff;--ink:#1c2936;--muted:#617181;--line:#e4eaf0;--bg:#f5f8fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans Devanagari",sans-serif;line-height:1.75}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1100px,92%);margin:auto}
header{background:var(--navy);color:#fff}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand{font-weight:850;font-size:1.45rem;letter-spacing:.2px;color:#fff}.brand span{color:#69c2ff}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#e7f2fb;font-size:.95rem}
.hero{padding:56px 0 48px;background:linear-gradient(125deg,#10243a,#1769aa);color:#fff}.hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.2;max-width:780px;margin:0 0 16px}.hero p{max-width:720px;color:#e2effa;font-size:1.08rem}.btn{display:inline-block;background:#fff;color:#123b5d;padding:11px 18px;border-radius:9px;font-weight:750;margin-top:12px}
main{padding:34px 0}.section-title{font-size:1.6rem;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 18px #12263a08}.card h3{line-height:1.4;margin:6px 0 8px}.tag{display:inline-block;color:#145b91;background:var(--cyan);padding:3px 9px;border-radius:99px;font-size:.8rem;font-weight:700}.muted{color:var(--muted)}.ad-slot{border:1px dashed #aab8c5;background:#f0f3f6;color:#687887;text-align:center;padding:14px;margin:24px auto;max-width:900px;font-size:.85rem;border-radius:8px}
.article{max-width:800px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(20px,4vw,42px)}.article h1{line-height:1.35;font-size:clamp(1.8rem,4vw,2.5rem)}.article h2{margin-top:30px;line-height:1.4}.article li{margin:8px 0}.notice{background:#fff8e7;border-left:4px solid #e2a52b;padding:14px 16px;border-radius:7px}.related{background:#eef6fc;padding:18px;border-radius:10px;margin-top:28px}
footer{background:#10243a;color:#d9e5ef;padding:30px 0;margin-top:40px}footer a{color:#d9e5ef;margin-right:14px}.footer-small{font-size:.88rem;color:#b8c8d7}
@media(max-width:760px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.hero{padding:40px 0}.article{padding:20px}}

/* Article reading experience, related links and recent posts */
.article-wrap{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,1fr);gap:22px;align-items:start}
.article{width:100%;max-width:none}.article .lead{font-size:1.08rem;color:#35495c}.article-section p{margin-top:8px}.article-ad{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:28px auto;padding:18px}.ad-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#8492a0}.article-ad small{font-size:.72rem;color:#8492a0}.read-next{margin:22px 0;padding:15px 18px;background:#f0f7fd;border-left:4px solid #1769aa;border-radius:8px}.read-next strong{display:block;margin-bottom:6px;color:#173d5c}.read-next ul{margin:5px 0 0;padding-left:20px}.read-next li{margin:5px 0}.related-grid{display:grid;grid-template-columns:1fr;gap:10px}.related-grid a{display:block;background:#fff;border:1px solid #dce8f1;border-radius:8px;padding:12px;font-weight:700}.related-grid a span{display:block;font-size:.82rem;font-weight:500;color:#617181}.recent-posts{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;position:sticky;top:18px}.recent-posts h2{font-size:1.12rem;margin:0 0 10px}.recent-posts ul{margin:0;padding-left:18px}.recent-posts li{margin:0 0 10px;line-height:1.45}.recent-posts a{font-size:.9rem}.all-posts{display:inline-block;margin-top:10px;font-weight:700}
@media(max-width:900px){.article-wrap{grid-template-columns:1fr}.recent-posts{position:static}.recent-posts ul{columns:2;column-gap:28px}.recent-posts li{break-inside:avoid}}
@media(max-width:560px){.recent-posts ul{columns:1}.article-ad{margin:20px auto}.article h1{font-size:1.75rem}}

.article-featured-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 18px 0;
  border-radius: 12px;
}

/* Keep featured media within the article grid column. */
.article { min-width: 0; }
.article-featured-image { max-width: 100%; }

.ad-slot.article-ad, .home-ad {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
  gap: 5px;
  padding: 6px;
}
.ad-slot .ad-label, .home-ad .ad-label {
  color: #47566b;
  font-size: .75rem;
  line-height: 1.35;
  text-transform: none;
}
.ad-content {
  min-width: 0;
  min-height: 22px;
  width: 100%;
  margin-inline: auto;
  background: #fff7;
  border-radius: 4px;
}
.article-header-ad { padding-bottom: 12px; }
.ad-slot.header-article-ad {
  width: 100%;
  max-width: 728px;
  min-height: 90px;
  margin: 0 auto;
}
@media (max-width: 560px) {
  .ad-slot.header-article-ad { min-height: 70px; }
}

/* Match the homepage Recent Posts card on article pages. */
.recent-posts { padding: 0; border-color: #dfe7f3; border-radius: 6px; }
.recent-posts h2 { margin: 0; padding: 6px 10px; border-radius: 5px 5px 0 0; background: #0754b4; color: #fff; font-size: 1rem; }
.recent-posts ul { columns: auto; list-style: none; margin: 0; padding: 0 9px; }
.recent-posts li { margin: 0; border-bottom: 1px solid #e4ebf4; }
.recent-posts li a { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 8px; padding: 7px 0; color: #162136; font-weight: 700; font-size: .8rem; line-height: 1.35; }
.recent-posts img { display: block; width: 100%; height: auto; border-radius: 5px; }
.recent-posts .all-posts { display: block; width: fit-content; margin: 9px auto; padding: 3px 9px; border-radius: 4px; background: #0754b4; color: #fff; font-size: .78rem; }
.info-page .article { max-width: 800px; }
.info-page .article a { overflow-wrap: anywhere; }