.article-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 16px;
      padding: 14px 0 20px;
      border-bottom: 1px solid #f0e8d8;
      margin-bottom: 24px;
      font-size: .83rem;
      color: #888;
    }
    .article-meta span { display: flex; align-items: center; gap: 5px; }
    .article-meta .tag {
      background: #fdf6ec;
      color: #8B1A1A;
      border: 1px solid #e8d5b0;
      border-radius: 20px;
      padding: 3px 12px;
      font-weight: 600;
      font-size: .78rem;
      text-decoration: none;
    }
    .article-meta .tag:hover { background: #8B1A1A; color: #fff; }
	.blog-img img{width:100%;}

    /* ── Lead paragraph ── */
    .article-lead {
      font-size: 1.08rem;
      line-height: 1.85;
      color: #3a3028;
      border-left: 4px solid #8B1A1A;
      padding: 14px 20px;
      background: #fdf6ec;
      border-radius: 0 8px 8px 0;
      margin-bottom: 2rem;
    }

    /* ── Quick facts box ── */
    .quick-facts {
      background: linear-gradient(135deg, #8B1A1A 0%, #6b1414 100%);
      border-radius: 12px;
      padding: 22px 24px;
      margin: 1.6rem 0;
      color: #fff;
    }
    .quick-facts h3 {
      color: #ffd700;
      font-size: 1rem;
      margin-bottom: 12px;
      letter-spacing: .03em;
    }
    .quick-facts-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 16px;
    }
    .qf-item {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .qf-label { font-size: .72rem; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .06em; }
    .qf-val   { font-size: .92rem; color: #fff; font-weight: 600; }
    @media(max-width:480px){ .quick-facts-grid{ grid-template-columns:1fr; } }

    /* ── Jyotirlinga temple cards ── */
    .temple-card {
      border: 1px solid #e8d5b0;
      border-radius: 12px;
      overflow: hidden;
      margin: 1.6rem 0;
      box-shadow: 0 2px 12px rgba(139,26,26,.07);
    }
    .temple-card-head {
      background: linear-gradient(90deg, #8B1A1A 0%, #a52020 100%);
      color: #fff;
      padding: 16px 22px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .temple-num {
      width: 36px; height: 36px;
      background: rgba(255,255,255,.2);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-weight: 800; font-size: 1rem;
      flex-shrink: 0;
    }
    .temple-card-head h3 { margin: 0; font-size: 1.05rem; color: #fff; }
    .temple-card-head p  { margin: 2px 0 0; font-size: .78rem; color: rgba(255,255,255,.75); }
    .temple-card-body { padding: 18px 22px; }
    .temple-card-body p { font-size: .95rem; color: #3a3028; line-height: 1.78; margin-bottom: .7rem; }
    .temple-card-body p:last-child { margin-bottom: 0; }
    .temple-facts {
      display: flex; flex-wrap: wrap; gap: 8px;
      margin: 10px 0 14px;
    }
    .tf-pill {
      background: #fdf6ec;
      border: 1px solid #e8d5b0;
      border-radius: 20px;
      padding: 4px 12px;
      font-size: .78rem;
      color: #7a4a20;
      font-weight: 500;
    }

    /* ── Route visual ── */
    .route-visual {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0;
      margin: 1.2rem 0;
      background: #fdf6ec;
      border-radius: 10px;
      padding: 16px 20px;
      border: 1px solid #e8d5b0;
    }
    .route-stop {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      min-width: 90px;
    }
    .route-dot {
      width: 14px; height: 14px;
      background: #8B1A1A;
      border-radius: 50%;
      border: 3px solid #f0e8d8;
      box-shadow: 0 0 0 2px #8B1A1A;
      margin-bottom: 6px;
    }
    .route-stop-name { font-size: .78rem; font-weight: 700; color: #5a3a1a; }
    .route-stop-sub  { font-size: .68rem; color: #999; margin-top: 2px; }
    .route-line {
      flex: 1;
      height: 2px;
      background: repeating-linear-gradient(90deg, #c0a070 0, #c0a070 6px, transparent 6px, transparent 12px);
      min-width: 24px;
      margin-bottom: 20px;
    }
    .route-dist {
      font-size: .65rem;
      color: #8B1A1A;
      font-weight: 600;
      text-align: center;
      flex-basis: 100%;
      order: -1;
      display: flex;
      justify-content: space-around;
      padding: 0 45px;
      margin-bottom: 4px;
    }

    /* ── Season table ── */
    .season-table {
      width: 100%;
      border-collapse: collapse;
      font-size: .9rem;
      margin: 1rem 0;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 1px 6px rgba(139,26,26,.08);
    }
    .season-table thead tr { background: #8B1A1A; color: #fff; }
    .season-table th, .season-table td { padding: 11px 14px; text-align: left; border-bottom: 1px solid #f0e8d8; }
    .season-table tbody tr:nth-child(even) { background: #fdf6ec; }
    .season-table tbody tr:hover { background: #f5ead8; }
    .badge-good { background: #e8f5e9; color: #2e7d32; border-radius: 4px; padding: 2px 8px; font-size: .78rem; font-weight: 600; }
    .badge-ok   { background: #fff8e1; color: #f57f17; border-radius: 4px; padding: 2px 8px; font-size: .78rem; font-weight: 600; }
    .badge-busy { background: #ffebee; color: #c62828; border-radius: 4px; padding: 2px 8px; font-size: .78rem; font-weight: 600; }

    /* ── Tips grid ── */
    .tips-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin: 1rem 0;
    }
    .tip-item {
      background: #fdf6ec;
      border: 1px solid #e8d5b0;
      border-radius: 8px;
      padding: 13px 15px;
      font-size: .88rem;
      color: #3a3028;
      display: flex;
      gap: 10px;
      align-items: flex-start;
      line-height: 1.5;
    }
    .tip-icon { font-size: 1.1rem; flex-shrink: 0; }
    @media(max-width:480px){ .tips-grid{ grid-template-columns:1fr; } }

    /* ── Nearby attractions ── */
    .nearby-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin: 1rem 0;
    }
    .nearby-card {
      background: #fdf6ec;
      border: 1px solid #e8d5b0;
      border-radius: 8px;
      padding: 14px;
      text-align: center;
    }
    .nearby-card .nc-icon { font-size: 1.6rem; margin-bottom: 6px; }
    .nearby-card h4 { font-size: .88rem; color: #5a3a1a; margin: 0 0 4px; }
    .nearby-card p  { font-size: .78rem; color: #888; margin: 0; }
    @media(max-width:560px){ .nearby-grid{ grid-template-columns:1fr; } }

    /* ── CTA inside article ── */
    .article-cta {
      background: linear-gradient(135deg, #8B1A1A 0%, #6b1414 100%);
      border-radius: 14px;
      padding: 26px 28px;
      margin: 2rem 0;
      color: #fff;
      text-align: center;
    }
    .article-cta h3 { color: #ffd700; font-size: 1.15rem; margin-bottom: .4rem; }
    .article-cta p  { color: #fff; font-size: .92rem; margin-bottom: 1rem; }
    .article-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .article-cta-btns a, .article-cta-btns button {
      padding: 10px 22px;
      border-radius: 6px;
      font-weight: 700;
      font-size: .9rem;
      cursor: pointer;
      text-decoration: none;
      border: none;
      transition: transform .15s, box-shadow .15s;
    }
    .article-cta-btns a:hover, .article-cta-btns button:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,.2); }
    .btn-gold  { background: #ffd700; color: #3a1a0a; }
    .btn-white { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.4) !important; }

    /* ── Article body general ── */
    .article-body h2 { font-size: 1.3rem; color: #8B1A1A; margin: 2rem 0 .7rem; padding-bottom: .4rem; border-bottom: 2px solid #f0e8d8; }
    .article-body h3 { font-size: 1.05rem; margin: 1.4rem 0 .5rem; }
   
    .article-body ul, .article-body ol { padding-left: 1.4rem; margin: .5rem 0 1rem; }
    .article-body li { font-size: .95rem; color: #3a3028; line-height: 1.75; margin-bottom: .35rem; }
    .article-body strong { color: #5a3a1a; }
    .article-body a { text-decoration: underline; text-underline-offset: 2px; }
    .article-body a:hover { color: #5a1a1a; }

    /* ── Author / share bar ── */
    .article-footer-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      border-top: 2px solid #f0e8d8;
      padding-top: 18px;
      margin-top: 2.4rem;
    }
    .author-info { display: flex; align-items: center; gap: 12px; }
    .author-avatar {
      width: 44px; height: 44px;
      background: #8B1A1A;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.3rem; color: #ffd700;
      flex-shrink: 0;
    }
    .author-name { font-weight: 700; font-size: .9rem; color: #3a3028; }
    .author-role { font-size: .78rem; color: #999; }
    .share-label { font-size: .82rem; color: #888; margin-right: 6px; }
    .share-links { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
    .share-btn {
      display: inline-flex; align-items: center; gap: 5px;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: .78rem; font-weight: 600;
      text-decoration: none;
      transition: opacity .2s;
    }
    .share-btn:hover { opacity: .82; }
    .share-wa { background: #25D366; color: #fff; }
    .share-tw { background: #000; color: #fff; }
    .share-copy { background: #fdf6ec; color: #8B1A1A; border: 1px solid #e8d5b0; cursor: pointer; border: none; }

    /* ── Related posts ── */
    .related-posts { margin-top: 2.4rem; }
    .related-posts h2 { font-size: 1.15rem; color: #3a3028; margin-bottom: 1rem; }
    .related-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .related-card {
      border: 1px solid #e8d5b0;
      border-radius: 10px;
      padding: 14px 16px;
      text-decoration: none;
      display: block;
      transition: box-shadow .2s, transform .2s;
      background: #fff;
    }
    .related-card:hover { box-shadow: 0 4px 16px rgba(139,26,26,.12); transform: translateY(-2px); }
    .related-card .rc-tag { font-size: .72rem; color: #8B1A1A; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
    .related-card h4 { font-size: .9rem; color: #3a3028; margin: 4px 0 0; line-height: 1.45; }
    @media(max-width:480px){ .related-grid{ grid-template-columns:1fr; } }

    /* ── TOC sidebar card ── */
    .blog-toc { list-style: none; padding: 0; margin: 0; counter-reset: toc; }
    .blog-toc li { border-bottom: 1px solid #f0e8d8; counter-increment: toc; }
    .blog-toc li:last-child { border-bottom: none; }
    .blog-toc a {
      display: block; padding: 9px 12px 9px 30px;
      font-size: .83rem; color: #5a3a1a;
      text-decoration: none; position: relative;
      transition: background .15s, color .15s;
      line-height: 1.4;
    }
    .blog-toc a::before {
      content: counter(toc);
      position: absolute; left: 10px; top: 9px;
      font-size: .7rem; font-weight: 700;
      color: #8B1A1A; opacity: .7;
    }
    .blog-toc a:hover { background: #fdf6ec; color: #8B1A1A; }

    /* ── Progress bar ── */
    #read-progress {
      position: fixed; top: 0; left: 0; z-index: 9999;
      height: 3px; background: #8B1A1A;
      width: 0%; transition: width .1s linear;
    }

    .blog-filters {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 28px;
      align-items: center;
    }
    .filter-label {
      font-size: .8rem;
      color: #999;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .06em;
      margin-right: 4px;
    }
    .filter-pill {
      display: inline-block;
      padding: 6px 16px;
      border-radius: 24px;
      font-size: .82rem;
      font-weight: 600;
      cursor: pointer;
      border: 2px solid #e8d5b0;
      background: #fff;
      color: #5a3a1a;
      transition: all .2s;
      user-select: none;
    }
    .filter-pill:hover,
    .filter-pill.active {
      background: #8B1A1A;
      border-color: #8B1A1A;
      color: #fff;
    }

    /* ── Blog search box ── */
    .blog-search-wrap {
      position: relative;
      margin-bottom: 28px;
    }
    .blog-search-wrap input {
      width: 100%;
      padding: 12px 44px 12px 16px;
      border: 2px solid #e8d5b0;
      border-radius: 8px;
      font-size: .95rem;
      color: #3a3028;
      background: #fff;
      box-sizing: border-box;
      transition: border-color .2s;
    }
    .blog-search-wrap input:focus {
      outline: none;
      border-color: #8B1A1A;
    }
    .blog-search-wrap .search-icon {
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: #aaa;
      font-size: 1rem;
      pointer-events: none;
    }
    .no-results {
      display: none;
      text-align: center;
      padding: 40px 20px;
      color: #999;
      font-size: .95rem;
    }

    /* ── FEATURED POST (first card large) ── */
    .blog-featured {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      border: 1px solid #e8d5b0;
      border-radius: 14px;
      overflow: hidden;
      margin-bottom: 32px;
      box-shadow: 0 3px 18px rgba(139,26,26,.09);
      text-decoration: none;
      transition: box-shadow .25s, transform .25s;
      background: #fff;
    }
    .blog-featured:hover {
      box-shadow: 0 8px 32px rgba(139,26,26,.16);
      transform: translateY(-3px);
    }
    .bf-img {
      position: relative;
      overflow: hidden;
      min-height: 260px;
    }
    .bf-img img {
      width: 100%; height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .4s ease;
    }
    .blog-featured:hover .bf-img img { transform: scale(1.04); }
    .bf-badge {
      position: absolute;
      top: 14px; left: 14px;
      background: #8B1A1A;
      color: #ffd700;
      font-size: .7rem;
      font-weight: 800;
      padding: 4px 12px;
      border-radius: 20px;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .bf-body {
      padding: 28px 28px 24px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .bf-cat {
      font-size: .72rem;
      font-weight: 700;
      color: #8B1A1A;
      text-transform: uppercase;
      letter-spacing: .07em;
      margin-bottom: 8px;
    }
    .bf-body h2 {
      font-size: 1.25rem;
      color: #3a3028;
      line-height: 1.4;
      margin-bottom: 10px;
    }
    .bf-body p {
      font-size: .88rem;
      color: #7a6a5a;
      line-height: 1.7;
      margin-bottom: 16px;
    }
    .bf-meta {
      display: flex;
      gap: 14px;
      font-size: .78rem;
      color: #aaa;
      margin-bottom: 18px;
    }
    .bf-read-btn {
      display: inline-block;
      background: #8B1A1A;
      color: #fff;
      font-size: .85rem;
      font-weight: 700;
      padding: 10px 22px;
      border-radius: 6px;
      align-self: flex-start;
      transition: background .2s;
    }
    .bf-read-btn:hover { background: #6b1414; }

    /* ── BLOG GRID (regular posts) ── */
    .blog-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-bottom: 12px;
    }
    .blog-card {
      border: 1px solid #e8d5b0;
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      box-shadow: 0 2px 10px rgba(139,26,26,.06);
      transition: box-shadow .25s, transform .25s;
    }
    .blog-card:hover {
      box-shadow: 0 6px 24px rgba(139,26,26,.14);
      transform: translateY(-3px);
    }
    .bc-img {
      position: relative;
      overflow: hidden;
      height: 180px;
      flex-shrink: 0;
    }
    .bc-img img {
      width: 100%; height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .4s ease;
    }
    .blog-card:hover .bc-img img { transform: scale(1.06); }
    .bc-cat-badge {
      position: absolute;
      top: 10px; left: 10px;
      background: rgba(139,26,26,.88);
      color: #fff;
      font-size: .65rem;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: 20px;
      text-transform: uppercase;
      letter-spacing: .05em;
    }
    .bc-body {
      padding: 16px 16px 18px;
      display: flex;
      flex-direction: column;
      flex: 1;
    }
    .bc-cat {
      font-size: .7rem;
      font-weight: 700;
      color: #8B1A1A;
      text-transform: uppercase;
      letter-spacing: .07em;
      margin-bottom: 6px;
    }
    .bc-body h3 {
      font-size: .95rem;
      color: #3a3028;
      line-height: 1.45;
      margin-bottom: 8px;
      flex: 1;
    }
    .bc-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: auto;
      padding-top: 10px;
      border-top: 1px solid #f0e8d8;
    }
    .bc-date { font-size: .75rem; color: #aaa; }
    .bc-read { font-size: .75rem; color: #8B1A1A; font-weight: 600; }

    /* ── Results count ── */
    .results-count {
      font-size: .82rem;
      color: #999;
      margin-bottom: 16px;
    }
    .results-count strong { color: #5a3a1a; }

    /* ── Topic cloud (sidebar) ── */
    .topic-cloud {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }
    .topic-tag {
      display: inline-block;
      background: #fdf6ec;
      border: 1px solid #e8d5b0;
      border-radius: 20px;
      padding: 5px 13px;
      font-size: .78rem;
      color: #7a4a20;
      text-decoration: none;
      font-weight: 500;
      transition: background .2s, color .2s;
    }
    .topic-tag:hover {
      background: #8B1A1A;
      color: #fff;
      border-color: #8B1A1A;
    }

    /* ── City links grid ── */
    .city-links {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5px;
    }
    .city-links a {
      font-size: .78rem;
      color: #5a3a1a;
      text-decoration: none;
      padding: 4px 0;
      display: flex;
      align-items: center;
      gap: 5px;
      transition: color .15s;
    }
    .city-links a::before { content: "→"; color: #8B1A1A; font-size: .75rem; }
    .city-links a:hover { color: #8B1A1A; }

    /* ── Stats bar ── */
    .blog-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin-bottom: 28px;
    }
    .stat-box {
      background: #fdf6ec;
      border: 1px solid #e8d5b0;
      border-radius: 10px;
      padding: 14px;
      text-align: center;
    }
    .stat-box .sb-num {
      font-size: 1.5rem;
      font-weight: 800;
      color: #8B1A1A;
      line-height: 1;
      margin-bottom: 4px;
    }
    .stat-box .sb-label {
      font-size: .72rem;
      color: #999;
      text-transform: uppercase;
      letter-spacing: .05em;
    }

    /* ── Newsletter strip ── */
    .newsletter-strip {
      background: linear-gradient(135deg, #8B1A1A 0%, #6b1414 100%);
      border-radius: 12px;
      padding: 22px 24px;
      margin: 2rem 0;
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }
    .ns-icon { font-size: 2rem; flex-shrink: 0; }
    .ns-text { flex: 1; min-width: 200px; }
    .ns-text h3 { color: #ffd700; font-size: 1rem; margin-bottom: 4px; }
    .ns-text p  { color: rgba(255,255,255,.85); font-size: .85rem; margin: 0; }
    .ns-cta {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #ffd700;
      color: #3a1a0a;
      font-weight: 800;
      font-size: .85rem;
      padding: 10px 20px;
      border-radius: 6px;
      text-decoration: none;
      white-space: nowrap;
      transition: opacity .2s;
    }
    .ns-cta:hover { opacity: .88; }
	
	   /* Answer box (direct answer for AI/SEO) */
    .answer-box { background:#fdf6ec; border:2px solid #e8d5b0; border-radius:10px; padding:18px 22px; margin:1rem 0 1.6rem; }
    .answer-box .ab-label { font-size:.72rem; font-weight:800; color:#8B1A1A; text-transform:uppercase; letter-spacing:.07em; margin-bottom:6px; }
    .answer-box p { font-size:1rem; color:#3a3028; line-height:1.7; margin:0; font-weight:500; }

    /* Jyotirlinga summary table */
    .jl-table { width:100%; border-collapse:collapse; font-size:.88rem; margin:1.2rem 0; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(139,26,26,.08); }
    .jl-table thead tr { background:#8B1A1A; color:#fff; }
    .jl-table th,.jl-table td { padding:11px 13px; text-align:left; border-bottom:1px solid #f0e8d8; }
    .jl-table tbody tr:nth-child(even) { background:#fdf6ec; }
    .jl-table tbody tr:hover { background:#f5ead8; }
    .jl-table td:first-child { font-weight:700; color:#5a3a1a; }
    .jl-badge { display:inline-block; background:#e8f5e9; color:#2e7d32; border-radius:4px; padding:2px 8px; font-size:.72rem; font-weight:700; }
    .jl-badge-reg { background:#fff8e1; color:#f57f17; }

    /* Temple cards */
    .temple-card { border:1px solid #e8d5b0; border-radius:12px; overflow:hidden; margin:1.6rem 0; box-shadow:0 2px 12px rgba(139,26,26,.07); }
    .temple-card-head { background:linear-gradient(90deg,#8B1A1A 0%,#a52020 100%); color:#fff; padding:16px 22px; display:flex; align-items:center; gap:12px; }
    .temple-num { width:36px; height:36px; background:rgba(255,255,255,.2); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1rem; flex-shrink:0; }
    .temple-card-head h3 { margin:0; font-size:1.05rem; color:#fff; }
    .temple-card-head p  { margin:2px 0 0; font-size:.78rem; color:rgba(255,255,255,.75); }
    .temple-card-body { padding:18px 22px; }
    .temple-card-body p { font-size:.95rem; color:#3a3028; line-height:1.78; margin-bottom:.7rem; }
    .temple-card-body p:last-child { margin-bottom:0; }
    .temple-facts { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 14px; }
    .tf-pill { background:#fdf6ec; border:1px solid #e8d5b0; border-radius:20px; padding:4px 12px; font-size:.78rem; color:#7a4a20; font-weight:500; }
    .temple-highlight { background:#fdf6ec; border-left:3px solid #8B1A1A; border-radius:0 6px 6px 0; padding:10px 14px; margin:10px 0; font-size:.88rem; color:#5a3a1a; font-style:italic; }

    /* Benefits grid */
    .benefits-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:1rem 0; }
    .benefit-card { background:#fdf6ec; border:1px solid #e8d5b0; border-radius:8px; padding:14px 16px; }
    .benefit-card .bc-icon { font-size:1.4rem; margin-bottom:6px; }
    .benefit-card h4 { font-size:.88rem; color:#5a3a1a; margin:0 0 5px; }
    .benefit-card p  { font-size:.82rem; color:#7a6a5a; line-height:1.55; margin:0; }
    @media(max-width:520px){ .benefits-grid{ grid-template-columns:1fr; } }

    /* Tips grid */
    .tips-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:1rem 0; }
    .tip-item { background:#fdf6ec; border:1px solid #e8d5b0; border-radius:8px; padding:13px 15px; font-size:.88rem; color:#3a3028; display:flex; gap:10px; align-items:flex-start; line-height:1.5; }
    .tip-icon { font-size:1.1rem; flex-shrink:0; }
    @media(max-width:480px){ .tips-grid{ grid-template-columns:1fr; } }

    /* Package compare table */
    .pkg-compare { width:100%; border-collapse:collapse; font-size:.88rem; margin:1rem 0; border-radius:10px; overflow:hidden; box-shadow:0 2px 10px rgba(139,26,26,.08); }
    .pkg-compare thead tr { background:#8B1A1A; color:#fff; }
    .pkg-compare th,.pkg-compare td { padding:11px 13px; text-align:left; border-bottom:1px solid #f0e8d8; }
    .pkg-compare tbody tr:nth-child(even) { background:#fdf6ec; }
    .pkg-compare tbody tr:hover { background:#f5ead8; }
    .pkg-compare td:first-child { font-weight:700; color:#5a3a1a; }
    .pkg-compare .price-cell { font-weight:800; color:#8B1A1A; font-size:.95rem; }
    .pkg-compare a { color:#8B1A1A; text-decoration:underline; }

    /* TOC sidebar */
    .blog-toc { list-style:none; padding:0; margin:0; counter-reset:toc; }
    .blog-toc li { border-bottom:1px solid #f0e8d8; counter-increment:toc; }
    .blog-toc li:last-child { border-bottom:none; }
    .blog-toc a { display:block; padding:9px 12px 9px 30px; font-size:.83rem; color:#5a3a1a; text-decoration:none; position:relative; transition:background .15s,color .15s; line-height:1.4; }
    .blog-toc a::before { content:counter(toc); position:absolute; left:10px; top:9px; font-size:.7rem; font-weight:700; color:#8B1A1A; opacity:.7; }
    .blog-toc a:hover { background:#fdf6ec; color:#8B1A1A; }
	
    /* Planning steps */
    .steps-wrap { counter-reset: steps; margin: 1.2rem 0; }
    .step-item {
      display: flex; gap:16px; margin-bottom:20px;
      padding:18px 20px; background:#fff;
      border:1px solid #e8d5b0; border-radius:12px;
      box-shadow:0 2px 8px rgba(139,26,26,.06);
      transition: box-shadow .2s, transform .2s;
    }
    .step-item:hover { box-shadow:0 4px 16px rgba(139,26,26,.12); transform:translateY(-2px); }
    .step-num {
      width:40px; height:40px; background:#8B1A1A; color:#fff;
      border-radius:50%; display:flex; align-items:center; justify-content:center;
      font-weight:800; font-size:1.05rem; flex-shrink:0; margin-top:2px;
    }
    .step-content h3 { font-size:1rem; color:#5a3a1a; margin:0 0 6px; }
    .step-content p  { font-size:.9rem; color:#3a3028; line-height:1.7; margin:0; }

    /* Darshan timing table */
    .darshan-table { width:100%; border-collapse:collapse; font-size:.88rem; margin:1rem 0; border-radius:10px; overflow:hidden; box-shadow:0 2px 10px rgba(139,26,26,.08); }
    .darshan-table thead tr { background:#8B1A1A; color:#fff; }
    .darshan-table th,.darshan-table td { padding:11px 14px; text-align:left; border-bottom:1px solid #f0e8d8; }
    .darshan-table tbody tr:nth-child(even) { background:#fdf6ec; }
    .darshan-table tbody tr:hover { background:#f5ead8; }
    .darshan-table td:first-child { font-weight:700; color:#5a3a1a; }
    .best-time { display:inline-block; background:#e8f5e9; color:#2e7d32; border-radius:4px; padding:2px 8px; font-size:.75rem; font-weight:600; }

    /* Nearby list inside temple card */
    .nearby-list { list-style:none; padding:0; margin:8px 0 0; display:flex; flex-wrap:wrap; gap:8px; }
    .nearby-list li { background:#fdf6ec; border:1px solid #e8d5b0; border-radius:20px; padding:4px 12px; font-size:.78rem; color:#5a3a1a; }

    /* Packing checklist */
    .checklist-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:1rem 0; }
    .check-item { display:flex; align-items:center; gap:10px; background:#fdf6ec; border:1px solid #e8d5b0; border-radius:8px; padding:10px 14px; font-size:.87rem; color:#3a3028; }
    .check-item .ci-icon { font-size:1rem; flex-shrink:0; }
    @media(max-width:520px){ .checklist-grid{ grid-template-columns:1fr; } }

    /* Why choose cards */
    .why-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:1rem 0; }
    .why-card { background:#fff; border:1px solid #e8d5b0; border-radius:10px; padding:16px 18px; box-shadow:0 1px 6px rgba(139,26,26,.05); }
    .why-card .wc-icon { font-size:1.5rem; margin-bottom:8px; }
    .why-card h4 { font-size:.9rem; color:#5a3a1a; margin:0 0 6px; }
    .why-card p  { font-size:.82rem; color:#7a6a5a; line-height:1.55; margin:0; }
    @media(max-width:520px){ .why-grid{ grid-template-columns:1fr; } }	
	

    /* ── Responsive ── */
    @media(max-width: 900px) {
      .blog-featured { grid-template-columns: 1fr; }
      .bf-img { min-height: 200px; }
      .blog-grid { grid-template-columns: 1fr 1fr; }
    }
    @media(max-width: 560px) {
      .blog-grid { grid-template-columns: 1fr; }
      .blog-stats { grid-template-columns: repeat(3, 1fr); }
    }