/* Homepage only. Existing article stylesheet and article pages are preserved. */
:root{--news-navy:#102f49;--news-orange:#c53d0c}
body{background:#fff;color:var(--news-navy)}



.blog-banner{background:#fcf5ee}
.banner-dash{display:block;width:52px;height:4px;background:var(--news-orange);margin:0 0 15px}
.blog-banner-title{font-family:"Noto Sans", "Noto Sans Devanagari", sans-serif;font-size:52px;line-height:1.08;font-weight:700;color:var(--news-navy);letter-spacing:-1.4px}
.blog-breadcrumb{border-bottom:0!important;padding:12px 0!important}
.blog-breadcrumb .breadcrumb{font-size:12px}
.blog-breadcrumb a{color:#59616c}
.blog-breadcrumb li:last-child a{color:var(--news-orange)}
.news-layout{display:grid;grid-template-columns:minmax(0,2.85fr) minmax(260px,1fr);gap:34px;align-items:start}
.news-main{min-width:0}
.featured-story{display:grid;grid-template-columns:1.23fr 1fr;gap:25px;padding-bottom:22px;border-bottom:1px solid #d9dee3;margin-bottom:13px}
.feature-image{display:block;align-self:start}
.feature-image img{width:100%;height:285px;object-fit:cover}
.feature-content{position:relative;padding-left:4px}
.feature-content:before{content:"";position:absolute;left:-10px;top:5px;width:3px;height:66px;background:var(--news-orange)}
.news-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:10px/1.5 Arial,Helvetica,sans-serif;color:var(--news-orange);margin-bottom:4px}
.news-meta>span:nth-child(2){color:#aab0b7}
.feature-content .news-meta{font-size:9px;margin-bottom:10px}
.feature-content h2{font:700 25px/1.15 "Noto Sans", "Noto Sans Devanagari", sans-serif;margin:0 0 12px}
.news-main h2 a,.news-main h3 a,.latest-item h3 a{color:var(--news-navy);text-decoration:none}
.news-main h2 a:hover,.news-main h3 a:hover,.latest-item h3 a:hover{color:var(--news-orange);text-decoration:underline}
.feature-content p{font-size:13px;line-height:1.55;color:#66707b;margin:0 0 12px}
.feature-read{font-size:12px;text-decoration:none;color:var(--news-orange);display:inline-flex;gap:16px;border-bottom:1px solid #df9b80;padding-bottom:3px}
.section-heading{font:700 20px/1.2 "Noto Sans", "Noto Sans Devanagari", sans-serif;color:var(--news-navy);position:relative;padding-left:17px;margin:0 0 14px}
.section-heading:before{content:"";position:absolute;left:0;top:2px;bottom:1px;width:4px;background:var(--news-orange)}
.story-row{display:grid;grid-template-columns:22.5% minmax(0,1fr) 40px;gap:20px;align-items:center;padding:11px 0;border-bottom:1px solid #e2e5e9}
.story-image img{height:103px;width:100%;object-fit:cover;border-radius:3px}
.story-content h3{font:700 20px/1.3 "Noto Sans", "Noto Sans Devanagari", sans-serif;margin:0 0 7px}
.story-content p{font-size:14px;line-height:1.4;color:#66707b;margin:0}
.story-arrow{border-left:1px solid #d4d9de;text-align:right;color:var(--news-orange);font-size:23px;text-decoration:none;padding:12px 0}
.latest-panel{background:#f6f7f8;padding:12px 12px 0;position:relative}
.latest-panel:before{content:"";position:absolute;left:-14px;top:0;height:100%;width:1px;background:#e2e5e9}
.latest-panel .section-heading{font-size:18px;margin-bottom:12px}
.latest-item{position:relative;border-top:1px solid #dde2e7;padding:13px 22px 14px 0}
.latest-item .news-meta{font-size:9px;gap:5px}
.latest-item .news-meta>span:last-child{color:#304156}
.latest-item h3{font:700 13px/1.25 "Noto Sans", "Noto Sans Devanagari", sans-serif;margin:0}
.latest-arrow{position:absolute;right:0;top:50%;color:var(--news-orange);text-decoration:none;font-size:20px}
#paginationNav{position:relative;padding-top:0}
#pagination{background:white}
#pagination .page-link{border:1px solid #e0d8d2;border-radius:3px;font-size:11px;padding:6px 10px;color:var(--news-orange);box-shadow:none}
#pagination .active .page-link{background:var(--news-orange);color:white;border-color:var(--news-orange)}
#pagination .disabled .page-link{color:#777;background:#f8f8f8}
#pagination .page-link:hover{background:#fff4ed}
#pagination .active .page-link:hover{background:#a93008}

@media(min-width:1400px){.container{max-width:1360px}.feature-image img{height:300px}.feature-content h2{font-size:28px}.feature-content p{font-size:14px}.story-content h3{font-size:20px}.story-content p{font-size:15px}.story-image img{height:110px}.latest-item h3{font-size:14px}}
@media(max-width:991.98px){.news-layout{grid-template-columns:minmax(0,1fr);gap:28px}.latest-panel:before{display:none}.feature-content h2{font-size:24px}.latest-item h3{font-size:16px}}
@media(max-width:575.98px){.blog-banner-title{font-size:40px}.featured-story{grid-template-columns:1fr;gap:16px}.feature-image img{height:auto;aspect-ratio:16/10}.feature-content{padding-left:12px}.feature-content:before{left:0}.story-row{grid-template-columns:95px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0}.story-image img{height:85px}.story-arrow{display:none}.story-content h3{font-size:15px}.story-content p{font-size:12px}.news-meta{font-size:9px}.section-heading{font-size:19px}}

/* Latest Updates is retained for later placement, hidden on the homepage. */
.news-layout { grid-template-columns: minmax(0, 1fr); }
.latest-panel { display: none; }
/* Keep the article image/text split balanced across the full content width. */
.featured-story { grid-template-columns: 1.2fr 1fr; }
.feature-image img { height: auto; aspect-ratio: 1.85; object-fit: cover; }
.story-row { grid-template-columns: 27.5% minmax(0, 1fr) 44px; }
.story-image img { height: auto; aspect-ratio: 2.1; object-fit: cover; }
#paginationNav { margin-top: 0 !important; padding-top: 28px; padding-bottom: 12px; }
#pagination { align-items: center; }
#pagination .page-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; min-width: 38px; }
@media (max-width: 575.98px) {
    .featured-story { grid-template-columns: minmax(0, 1fr); }
    .feature-image img { aspect-ratio: 16 / 10; }
    .story-row { grid-template-columns: 95px minmax(0, 1fr); }
    .story-image img { height: 85px; aspect-ratio: auto; }
    #paginationNav { padding-top: 24px; }
}
/* Stack the feature in narrower preview panels/tablets to avoid cramped titles. */
@media (min-width: 576px) and (max-width: 767.98px) {
    .featured-story { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .feature-content { padding-left: 12px; }
    .feature-content:before { left: 0; }
    .feature-content h2 { font-size: 25px; }
}

/* Mobile blog cards: desktop rows are unchanged. */
@media (max-width: 767.98px) {
  .news-main #posts { display: flex; flex-direction: column; gap: 20px; }
  .news-main .story-row,
  .news-main .featured-story {
    display: flex; flex-direction: column; align-items: stretch;
    gap: 0; padding: 0; margin: 0; min-width: 0;
    background: #fff; border: 1px solid #e6e0da;
    border-radius: 10px; overflow: hidden;
  }
  .news-main .featured-story { margin-bottom: 26px; }
  .news-main .story-image,
  .news-main .feature-image { display: block; width: 100%; align-self: stretch; }
  .news-main .story-image img,
  .news-main .feature-image img {
    display: block; width: 100%; height: auto;
    aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0;
  }
  .news-main .story-content,
  .news-main .feature-content { padding: 16px 16px 0; min-width: 0; }
  .news-main .feature-content:before { display: none; }
  .news-main .story-content h3 { font-size: 19px; line-height: 1.35; margin: 8px 0 10px; }
  .news-main .feature-content h2 { font-size: 22px; line-height: 1.3; margin: 8px 0 12px; }
  .news-main .story-content h3,
  .news-main .feature-content h2,
  .news-main .story-content p,
  .news-main .feature-content p {
    text-align: left !important; word-spacing: normal; letter-spacing: normal;
  }
  .news-main .story-content p,
  .news-main .feature-content p { font-size: 14px; line-height: 1.65; margin: 0; }
  .news-main .news-meta,
  .news-main .feature-content .news-meta { font-size: 11px; line-height: 1.5; gap: 6px; margin: 0; }
  .news-main .story-arrow {
    display: flex; align-items: center; justify-content: flex-start; gap: 12px;
    align-self: flex-start; min-height: 44px; margin: 10px 16px 12px;
    padding: 4px 0; border: 0; font-size: 20px;
  }
  .news-main .story-arrow:before { content: 'Read full article'; font-size: 13px; font-weight: 600; }
  .news-main .feature-read { min-height: 44px; align-items: center; margin: 10px 0 12px; border: 0; font-size: 13px; }
  .news-main .section-heading { margin-bottom: 18px; }
}

/* Responsive listing alignment */
.news-main .featured-story{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:32px;padding:24px;border:1px solid #e6e0da;border-radius:10px;margin-bottom:32px;background:#fff}
.news-main .feature-image{align-self:center;min-width:0}
.news-main .feature-image img{display:block;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.news-main .feature-content{min-width:0;padding:0}
.news-main .feature-content:before{display:none}
.news-main .feature-content h2{font-size:clamp(24px,2.2vw,32px);line-height:1.3;margin:12px 0 16px}
.news-main .feature-content p,.news-main .story-content p{text-align:left!important;word-spacing:normal;letter-spacing:normal;line-height:1.65}
.news-main .feature-content p{font-size:15px;margin-bottom:18px}
.news-main .feature-content .news-meta{font-size:11px;gap:8px}
.news-main .story-row{align-items:center;padding:24px 0;gap:24px;grid-template-columns:minmax(180px,28%) minmax(0,1fr) 32px}
.news-main .story-image img{display:block;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.news-main .story-content{min-width:0}
.news-main .story-content h3{line-height:1.4;margin:9px 0 10px}
@media(min-width:768px) and (max-width:1199.98px){
.news-main .featured-story{grid-template-columns:minmax(0,1fr);gap:24px}
.news-main .feature-image img{aspect-ratio:16/9}
.news-main .feature-content h2{font-size:28px}
.news-main .story-row{grid-template-columns:200px minmax(0,1fr);align-items:start}
.news-main .story-arrow{display:none}
.news-main .story-content h3{font-size:20px}
}
@media(max-width:767.98px){
.news-main .featured-story{padding:0;gap:0;margin-bottom:28px}
.news-main .feature-image img,.news-main .story-image img{aspect-ratio:3/2;border-radius:0}
.news-main .feature-content,.news-main .story-content{padding:20px 18px 0}
.news-main .feature-content h2{font-size:23px;line-height:1.4}
.news-main .feature-content p,.news-main .story-content p{font-size:14px}
.news-main .story-row{padding:0;gap:0}
.news-main .feature-read{margin-bottom:18px}
}