* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Arial, Helvetica, sans-serif;
    }
a{
    color: black;
    text-decoration: none;
}
a:hover{
    color: gray;
    transition-duration: 0.50s;
}
    /* ===== Top Header Bar ===== */
    .chronicle-top-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #111;
      padding: 20px;
      position: sticky;
      top: 0;
        z-index: 3;
      color: white;
    }

    .chronicle-menu-icon {
      font-size: 20px;
      cursor: pointer;
    }

    .chronicle-logo {
      font-family: 'Times New Roman', serif;
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      flex-grow: 1;
    }

    .chronicle-right-actions {
      display: flex;
      align-items: center;
      gap: 1rem;
    }

    .chronicle-offer-btn {
      background-color: rgb(220, 0, 0);
      padding: 8px 12px;
      color: white;
      text-decoration: none;
      font-size: 0.8rem;
      font-weight: 600;
      white-space: nowrap;
    }

    .chronicle-signin {
      color: white;
      text-decoration: underline;
      font-weight: bold;
      font-size: 0.8rem;
    }

    /* ===== Nav Bar ===== */
    .chronicle-nav-bar {
      background-color: #3c3c3c;
    }

    .chronicle-nav-bar ul {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      margin: 0;
      padding: 0;
      justify-content: center;
    }

    .chronicle-nav-bar ul li a {
      display: block;
      padding: 12px 16px;
      color: white;
      text-decoration: none;
      font-weight: 400;
    }

    .chronicle-nav-bar ul li a:hover {
      color: gray;
    }

    /* ===== Responsive ===== */
    @media (max-width: 768px) {
      .chronicle-top-bar {
        flex-wrap: wrap;
        gap: 1rem;

        justify-content: space-between;
      }
     
      
      .footer-columns-xr01 {
        border: none !important;
      }
.chronicle-nav-bar {
  width: 100%;
  display: none;
  /* Remove overflow-x: hidden */
}

.chronicle-nav-bar ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;          /* Enable scrolling */
  white-space: nowrap;
  list-style: none;
  padding: 1rem;
  margin: 0;
  gap: 1rem;
  scrollbar-width: none;     /* For Firefox - optional */
}

/* Optional: Hide scrollbar in WebKit browsers */
.chronicle-nav-bar ul::-webkit-scrollbar {
  display: none;
}

.chronicle-nav-bar ul li {
  flex: 0 0 auto; /* Prevent shrinking */
}
      
      .deriyb{
   flex-direction: column;
}
.edew{
    padding-left: 0rem !important;
}
.therapd{
    border-right: none !important;
    padding-right: 0rem !important;
}
.brove{
     border-right: none !important;
    padding-right: 0rem !important;

}
.doorp{
    border-right: none !important;
    padding-right: 0rem !important;
}
.shuj{
     border-right: none !important;
}

      .chronicle-logo {
        flex-grow: 0;
        font-size: 20px;
      }

      .chronicle-right-actions {
        flex-direction: column;
        align-items: flex-end;
        gap: 0.5rem;
      }


      .chronicle-nav-bar ul li a {
        text-align: left;
        padding-left: 20px;
      }
    }
    .ad-sec img {
    margin: 3rem auto;
    display: block; /* change from flex to block */
    width: 75%;
}

    main{
        margin: 0 20px;
    }
    .news-layout {
      display: flex;
      gap: 2rem;
      max-width: 1400px;
      margin: 3rem auto;
      flex-wrap: wrap;
      border-bottom: 1px solid black;
      padding-bottom: 1rem;
    }

    .left-column {
      flex: 3;
      display: flex;
      gap: 2rem;
      flex-wrap: wrap;
      min-width: 300px;
    }

    .main-text {
      flex: 1;
      min-width: 280px;
    }

    .main-text h5 {
      color: #005a4f;
      
      font-weight: bold;
      font-size: 0.7rem;
      margin-bottom: 0.5rem;
    }

    .main-text h2 {
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 1rem;
      line-height: 1.2;
         font-family: "Lora", serif;
    }

    .main-text ul {
      list-style: none;
      padding-left: 0;
    }

    .main-text ul li {
      padding-left: 1rem;
      position: relative;
      margin-bottom: 1rem;
      font-size: 0.9rem;
      line-height: 1.4;
    }

    .main-text ul li::before {
      content: '▪';
      color: #005a4f;
      font-size: 1.2rem;
      position: absolute;
      left: 0;
      top: 0;
    }

    .main-img {
      flex: 1.5;
      min-width: 280px;
    }

    .main-img img {
      width: 100%;
      height: auto;
      display: block;
    }

    .right-column {
      flex: 1;
      min-width: 300px;
      border-left: 1px solid #ddd;
      padding-left: 2rem;
    }

    .right-column img {
      width: 100%;
      height: auto;
      margin-bottom: 1rem;
    }

    .right-column h5 {
      color: #005a4f;
      font-weight: bold;
      font-size: 0.7rem;
      margin-bottom: 0.5rem;
    }

    .right-column h3 {
      font-size: 1.3rem;
      font-weight: 600;
         font-family: "Lora", serif;
      line-height: 1.3;
      margin-bottom: 1rem;
    }

    .right-column ul {
      list-style: none;
      padding-left: 0;
    }

    .right-column ul li {
      padding-left: 1rem;
      position: relative;
      margin-bottom: 1rem;
      font-size: 0.9rem;
    }

    .right-column ul li::before {
      content: '▪';
      color: #005a4f;
      font-size: 1.2rem;
      position: absolute;
      left: 0;
      top: 0;
    }

    @media (max-width: 991px) {
      .news-layout {
        flex-direction: column;
      }

      .left-column {
        flex-direction: column;
      }

      .right-column {
        border-left: none;
        padding-left: 0;
        margin-top: 2rem;
      }
    }
    .news-flex-wrapper {
      display: flex;
      gap: 2rem;
      max-width: 1400px;
      margin: auto;
      margin-top: 2rem;
      flex-wrap: wrap;
    }

    .main-news-section {
      flex: 2.5;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }

    .headline-top-feature {
      
      padding-top: 10px;
      justify-content: space-between;
      display: flex;
    }
    .falco{
        max-width: 155px;
        width: 100%;
    }
    .headline-top-feature h6 {
      font-size: 0.75rem;
      color: #333;
      margin-bottom: 5px;
      text-transform: uppercase;
    }

    .headline-top-feature h2 {
      font-size: 1.4rem;
      font-family: "Lora", serif;
      font-weight: 600;
      margin-bottom: 0.3rem;
    }

    .headline-top-feature p {
      font-size: 0.8rem;
      color: #444;
    }

    .featured-articles-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-top: 2px solid black;
      gap: 1.5rem;
      margin: 2rem 0;
      padding-top: 2rem;
    }

    .news-feature-card {
      display: flex;
      flex-direction: column;
      
     
      gap: 0.5rem;
    }
    .brove{
        border-right: 1px solid #dddd;
        padding-right: 1.5rem;
    }
    .news-feature-card img {
      width: 100%;
      height: auto;
      padding-top: 1rem;
    }

    .news-feature-card h6 {
      font-size: 0.75rem;
      color: #005a4f;
      font-weight: bold;
      text-transform: uppercase;
    }

    .news-feature-card h3 {
      font-size: 1.1rem;
      font-weight: 600;
      font-family: "Lora", serif;
      line-height: 1.3;
    }

    .latest-updates-sidebar {
      flex: 1;
      
      padding-left: 1.5rem;
      min-width: 280px;
    }

    .latest-updates-sidebar h4 {
      font-size: 1rem;
      font-weight: 600;
      border-top: 2px solid black;
      padding-top: 0.5rem;
      margin-bottom: 1rem;
    }

    .latest-updates-sidebar ul {
      list-style: none;
    }

    .latest-updates-sidebar ul li {
      margin-bottom: 1rem;
      font-size: 1.1rem;
      font-family: "Lora", serif;
      line-height: 1.3;
      border-bottom: 1px solid #dddd;
      padding-bottom: 1rem;
      font-weight: 600;
    }

    @media (max-width: 991px) {
      .news-flex-wrapper {
        flex-direction: column;
      }

      .featured-articles-grid {
        grid-template-columns: 1fr;
      }

      .latest-updates-sidebar {
        border-left: none;
        padding-left: 0;
        margin-top: 2rem;
      }
    }
    .toco{
        border-top: 1px solid #000;
        padding-top: 0.5rem;
    }
    .sce-lay{
        margin-top: 2rem;
    }
    .shicv{
        font-size: 1rem !important;
    }
    .photp{
        padding: 0.4rem 0;
    }
    .photp{
        color: gray;
        font-size: 0.8rem;
        font-weight: 400;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    .smar-mov{
        border-bottom: 1px solid #ddd;
        padding-bottom: 1rem;
    }
    .filgi{
      display: flex;  
    }
    .jango{
        display: flex !important;
        padding: 2rem 0;
        border-bottom: 1px solid #ddd;
    }
    .jango img{
        max-width: 115px;
    }
    .jango h3{
        font-size: 1rem;
        font-family: "Lora", serif;
        font-weight: 600;
    }
    .doorp{
        border-right: 1px solid #ddd;
        padding-right: 1rem;
    }
    .drufgbd{
        padding-left: 1rem;
    }



      .section-editor-picks {
      width: 100%;
      margin: 0 auto;
      padding: 2rem 0rem;
    }

    .section-editor-picks h2 {
      font-size: 1rem;
      font-weight: bold;
      border-bottom: 1px solid #000;
      margin-bottom: 1.5rem;
      padding-bottom: 0.25rem;
    }

    .grid-editor-picks {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem 1.5rem;
        padding-bottom: 2rem;
    }

    .card-editor-pick {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .card-editor-pick img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .editor-category {
      font-size: 0.7rem;
      font-weight: bold;
      color: #006d75;
      text-transform: uppercase;
    }

    .editor-title {
      font-size: 1.1rem;
      font-weight: 600;
      font-family: "Lora", serif;
      line-height: 1.3;
    }

    @media (max-width: 1024px) {
      .grid-editor-picks {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 640px) {
      .grid-editor-picks {
        grid-template-columns: 1fr;
      }
      .sarak {
         grid-template-columns: 1fr !important;
      }
    }
    @media only screen and (max-width: 992px){
        .sarak {
         grid-template-columns: 1fr !important;
      }
      .hike-card-ox01 {
    max-width: 100% !important;
  }
      .hike-tag-ox01 {
    top: 50%;
    font-size: 0.7rem;
    padding: 0.3rem 0.8rem;
  }
    } 
    .shickre{
        border-top: 1px solid #dddd;
        padding-top: 2.2rem;
    }
    .therapd{
        border-right: 1px solid #dddd;
        padding-right: 1rem
    }




        /* carousel */
    .slider-wrapper {
      width: 95%;
      margin: 2rem auto;
      overflow: hidden;
      position: relative;
      border: 3px solid black;
    }

    .feature-slider {
      display: flex;
      transition: transform 0.6s ease;
      
    }

    .slide-item {
      display: flex;
      width: 100%;
      flex-shrink: 0;
      flex-wrap: wrap;
    }

    .slider-img {
      flex: 1 1 50%;
      max-width: 50%;
      border-right: 3px solid black;
    }

    .slider-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .slider-content {
      flex: 1 1 50%;
      max-width: 50%;
      padding: 2rem;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .slider-tag {
      background: #000;
      color: #fff;
      padding: 0.7rem 1rem;
      font-size: 0.75rem;
      width: fit-content;
      letter-spacing: 0.2rem;
      font-weight: 400;
      text-transform: uppercase;
      margin-bottom: 1rem;
      display: inline-block;
    }

    .slider-heading {
      font-size: 2rem;
          font-weight: 600;
    font-family: "Lora", serif;
      margin-bottom: 1rem;
    }

    .slider-desc {
      font-size: 0.9rem;
      color: #444;
    }

    .next-arrow {
      
      transform: translateY(-50%);
      background: #fff;
      border: 1px solid #000;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      font-size: 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      
    }
    .next-arrow:hover{
        background-color: #f6f6f6cc;
        border: 1px solid #8d8d8dcc;
    }

    .slider-pagination {
      text-align: center;
      margin-top: 1rem;
    }

    .dot {
      height: 10px;
      width: 10px;
      margin: 0 5px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      cursor: pointer;
    }

    .dot.active {
      background-color: #333;
    }

    @media (max-width: 768px) {
      
      .ad-sec img{
        margin: 3rem auto;
        display: flex;
        width: 100%;
    }
    .filgi {
    flex-direction: column;
}

.jango{
    flex-direction: column;
}
.jango img {
    max-width: 100%;
}
.drufgbd {
    padding-left: 0rem;
}
    .mmy-slider {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

      .slider-img,
      .slider-content {
        max-width: 100%;
        flex: 1 1 100%;
      }

      .next-arrow {
        bottom: 15px;
        top: auto;
        right: 10px;
      }

      .slider-heading {
        font-size: 1.5rem;
      }
    }
    .mmy-slider{
        display: flex;
        align-items: center;
        gap: 1rem;
    }

   
.nw‑container‑b03 {
  display: grid;
  grid-template-columns: 3fr 1.2fr;
  gap: 2rem;
  max-width: 1400px;
  margin: auto;
  padding: 1rem 0rem 3rem;

  font-family: Georgia, 'Times New Roman', serif;
}
.nw‑heading‑b03 {
  margin: 0 0 1rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  font-family: "Lora", serif;
  font-weight: 600;
  
  border-bottom: 2px solid #000;
}
.nw‑section‑b03 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.nw‑card‑b03 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.nw‑img‑b03 {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border: 1px solid #ccc;
}
.nw‑tag‑b03 {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #00838f;
}
.nw‑title‑b03 {
  font-size: 1.05rem;
  font-family: "Lora", serif;
  line-height: 1.25;
  font-weight: 600;
  color: #000;
}
.nw‑side‑b03 {
  border-left: 1px solid #000;
  padding-left: 1.5rem;
}
.nw‑pop‑b03 {
  counter-reset: item;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nw‑pop‑b03 li {
  counter-increment: item;
  padding: 0.85rem 0;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  font-family: "Lora", serif;
  line-height: 1.3;
}
.nw‑pop‑b03 li::before {
  content: counter(item) ".";
  display: inline-block;
  width: 2ch;
  margin-right: 0.4rem;
  font-weight: 700;
}

/* Responsive */
@media (max-width: 1024px) {
  .nw‑section‑b03 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .nw‑container‑b03 {
    grid-template-columns: 1fr;
    padding: 1rem 0;
  }
  .nw‑side‑b03 {
    border-left: none;
    padding-left: 0;
    margin-top: 2rem;
  }
}
@media (max-width: 500px) {
  .nw‑section‑b03 {
    grid-template-columns: 1fr;
  }
  .nw‑title‑b03 {
    font-size: 0.95rem;
  }
}
.stoop{
    border: none !important;
}


.giants-layout-wrapper-cx01 {
  display: grid;
  grid-template-columns: 2fr 0.8fr;
  gap: 2rem;
  max-width: 1400px;
  padding: 2rem 0;
  margin: 3rem auto;
  font-family: Georgia, serif;
  border-top: 3px solid #000;
}

.giants-main-wrap-cx01 {
  display: grid;
  grid-template-columns: 0.8fr 2fr;
  gap: 1rem;
}

.giants-heading-cx01 {
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.giants-subheading-cx01 {
  display: block;
  font-size: 0.85rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.giants-item-cx01 {
  font-size: 1rem;
 font-family: "Lora", serif;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  padding: 1rem 0;
  margin: 0;
}

/* ====== UPDATED: Flex layout for image + content ====== */
.giants-main-cx01 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  border-left: 1px solid #ccc;
  padding-left: 2rem;
}

.giants-img-cx01 {
  flex-shrink: 0;
  width: 50%;
  height: auto;
  margin-bottom: 0;
}

.giants-main-cx01 .giants-title-cx01,
.giants-main-cx01 .giants-lead-cx01 {
  margin: 0;
  font-family: "Lora", serif;
  
}

.giants-title-cx01,
.giants-lead-cx01 {
  margin-bottom: 1rem;
}

.giants-main-cx01 > div {
  flex: 1;
}
/* ====== END Flex Layout Section ====== */

.giants-right-cx01 {
  border-left: 1px solid #ccc;
  padding-left: 2rem;
}

.columnist-cx01 {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}

.columnist-text-cx01 {
  flex: 1;
}

.columnist-name-cx01 {
  display: block;
  font-weight: bold;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.columnist-role-cx01 {
  display: block;
  font-family: system-ui;
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 0.5rem;
}

.columnist-title-cx01 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  font-family: "Lora", serif;
}

.columnist-desc-cx01 {
  font-size: 0.8rem;
  font-family: system-ui;
  line-height: 1.5;
  color: #444;
}

.columnist-img-cx01 {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 1024px) {
  .giants-layout-wrapper-cx01 {
    grid-template-columns: 1fr;
  }
  .giants-main-wrap-cx01 {
    grid-template-columns: 1fr;
  }
  .giants-main-cx01,
  .giants-right-cx01 {
    border-left: none;
    padding-left: 0;
  }
  .giants-main-cx01 {
    flex-direction: column;
  }
  .giants-img-cx01 {
    width: 100%;
  }
  .columnist-cx01 {
    
    align-items: flex-start;
  }
  .columnist-img-cx01 {
    margin-top: 1rem;
  }
}
.deriyb{
    display: flex;
}
.shuj{
    border-right: 1px solid #dddd;
    border-bottom: none !important;
}
.edew{
    padding-left: 1rem;
    border-bottom: none !important;
}
.dgu{
    border: none !important;
}
.sec-exact{
    border-top: 1px solid #dddd;
    padding-top: 2rem;
    margin-top: 1rem;
}
.shake-that{
    border-bottom: 1px solid #dddd;
    padding-bottom: 2rem;
}
.hike-card-ox01 {
  max-width: 400px;
  border: 2px solid #000;
  font-family: Georgia, serif;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
  margin-bottom: 3rem;
}

.hike-img-ox01 {
  width: 100%;
  height: auto;
  display: block;
}

.hike-tag-ox01 {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: system-ui;
  padding: 0.4rem 1rem;
  text-transform: uppercase;
  font-weight: 600;
}
.filoe {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: system-ui;
  padding: 0.4rem 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

.hike-content-ox01 {
  padding: 1.5rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.hike-title-ox01 {
  font-size: 1rem;
  font-weight: 600;
   font-family: "Lora", serif;
  line-height: 1.4;
}

.hike-line-ox01 {
  border: none;
  height: 1px;
  background-color: #ccc;
  width: 40%;
}

.hike-desc-ox01 {
  font-size: 0.8rem;
  line-height: 1.6;
  color: #444;
  font-family: system-ui;
}

@media (max-width: 500px) {
  .hike-card-ox01 {
    max-width: 100%;
  }

  .hike-content-ox01 {
    padding: 1rem;
  }
  .hike-title-ox01 {
    font-size: 1.2rem;
  }
  .hike-desc-ox01 {
    font-size: 0.95rem;
  }
}
.sarak
 {

    grid-template-columns: repeat(4, 1fr);

}



/* footer */






.chronicle-footer-xr01 {
  background-color: #0c0c0c;
  color: #fff;
  padding: 2rem;


   font-family: system-ui;
  font-size: 0.95rem;
}

.footer-top-xr01 {
  display: grid;
  grid-template-columns: 2fr 4fr 1fr;
  align-items: start;
  gap: 2rem;
}

.footer-logo-xr01 {
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Lora", serif;
  margin-bottom: 1.2rem;
}

.footer-socials-xr01 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.footer-icon-xr01 {
  font-size: 1rem;
  background-color: #000;
  border: 1px solid #fff;
  padding: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
}

.footer-columns-xr01 {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  flex: 1;
  border-right: 1px solid #333;
  padding: 0 1rem;
   border-left: 1px solid #333;
}

.footer-col-xr01 h4 {
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.footer-col-xr01 ul {
  list-style: none;
  font-size: 0.7rem;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.return-top-xr01 a{
    color: #ffff;
    font-weight: 400;
}

.return-top-xr01 {
  font-weight: bold;
  font-size: 0.95rem;
  cursor: pointer;
  display: block;
  text-align: right;
}

.footer-divider-xr01 {
  margin: 2rem 0 1rem;
  border-color: #333;
}

.footer-bottom-xr01 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 0.85rem;
  color: #ccc;
}

.footer-legal-xr01 span {
  margin-left: 1rem;

  cursor: pointer;
}


.footer-privacy-choice-xr01 {
  border: 1px solid #ccc;
  padding: 0.8rem;
  width: fit-content;
  display: inline-block;
}

@media (max-width: 1024px) {
  .footer-top-xr01 {
    grid-template-columns: 1fr;
  }
  .footer-columns-xr01 {
    flex-direction: column;
  }
  .footer-top-right-xr01 {
    text-align: left;
    margin-top: 1rem;
  }
  .footer-privacy-choice-xr01 {
    width: 100%;
  }
}

.footer-icon-xr01 i {
  font-size: 1rem;
  color: #fff;
}
.shiverdvh{
    border: none !important;
}
.lastjhij{
    margin: 0 auto;
  
}




.puzzles-wrapper-qz01 {
  
  max-width: 1400px;
  margin: 4rem auto;
  font-family: Georgia, serif;
  border-top: 3px solid #000;
}

.puzzles-heading-qz01 {
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "Lora", serif;
  margin-bottom: 1.5rem;
}

.puzzles-grid-qz01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

.puzzle-card-qz01 {
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #fff;
  gap: 1.2rem;
}

.puzzle-title-qz01 {
  font-size: 1.3rem;
  font-family: "Lora", serif;
  font-weight: 600;
  margin-bottom: 0.5rem;

}

.puzzle-title-qz01 span {
  color: #000;
}

.puzzle-info-qz01 p {
  font-size: 0.8rem;
  color: #333;
  font-family: system-ui;
  line-height: 1.5;
  max-width: 240px;
}

.puzzle-icon-qz01 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.puzzle-icon-qz01 img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

@media (max-width: 600px) {
  .puzzle-card-qz01 {
    flex-direction: column;
    align-items: flex-start;
  }
  .puzzle-icon-qz01 {
    margin-top: 1rem;
  }
  .puzzle-info-qz01 p {
    max-width: 100%;
  }
}
  .politics-container-xa91 {
      max-width: 1400px;
      margin: auto;
    }

    .heading-politics-wr92 {
      font-size: 4rem;
      border-bottom: 2px solid #000;
      padding-bottom: 10px;
      font-family: "Lora", serif;
      margin-bottom: 20px;
    }

    .content-wrapper-mn83 {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .main-side-wrapper-tu65 {
  flex: 1 1 70%;
  display: flex;

  gap: 20px;
}


    .feature-article-bf12 {
      flex: 1 1 50%;
      border-right: 1px solid #dddd;
      padding-right: 1rem;

    }

    .feature-article-bf12 img {
      width: 100%;
      height: auto;
    }

    .label-black-yo21 {
      background: #000;
      color: #fff;
      display: inline-block;
      padding: 5px 10px;
      margin-top: 10px;
      font-size: 0.75rem;
    }

    .feature-article-bf12 h3 {
      font-size: 1.8rem;
      margin-top: 10px;
      font-family: "Lora", serif;
    }

    .feature-article-bf12 p {
      font-size: 1rem;
      margin-top: 10px;
      line-height: 1.5;
    }

    
.mini-articles-grid-xq78 {
  flex: 1 1 50%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  gap: 20px;
}

    .mini-article-cu89 img {
      width: 100%;
      height: auto;
    }

    .mini-article-cu89 h4 {
      font-size: 1rem;
      margin-top: 10px;
      font-family: "Lora", serif;
      font-weight: 600;
    }

    .side-news-wrapper-ke55 {
      flex: 1 1 28%;
      display: flex;
      flex-direction: column;
    }

    .voter-info-box-xv22 {
      border: 1px solid #000;
      padding: 10px;
    }

    .voter-info-box-xv22 img {
      width: 100%;
      height: auto;
    }

    .label-black-yo21 {
      background: #000;
      color: #fff;
      display: inline-block;
      padding: 5px 10px;
      margin: 10px 0;
      font-size: 0.75rem;
    }

    .voter-info-box-xv22 h5 {
      font-size: 1.1rem;
      margin-bottom: 10px;
    }

    .voter-info-box-xv22 p {
      font-size: 0.9rem;
      color: #444;
    }

    @media (max-width: 768px) {
      .content-wrapper-mn83 {
        flex-direction: column;
      }
      .hike-card-ox01 {
    max-width: 100%;
  }
      .hike-tag-ox01 {
    top: 45%;
    font-size: 0.7rem;
    max-width: 100%;
    padding: 0.3rem 0.8rem;
  }
      .filoe {
        display: none;
      }

      .main-side-wrapper-tu65,
      .side-news-wrapper-ke55 {
        flex: 1 1 100%;
        flex-direction: column;
      }

      .mini-articles-grid-xq78 {
        grid-template-columns: 1fr;
      }
    }
    .mini-article-cu89{
      border-bottom: 1px solid #dddd;
    }
       .politics-section {
      max-width: 1200px;
      margin: auto;
    }

    .politics-section h2 {
      font-size: 3rem;
      border-bottom: 2px solid #000;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }

    .politics-layout {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .left-center-wrapper {
      flex: 1 1 70%;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .main-article {
      flex: 1 1 100%;
    }

    .main-article img {
      width: 100%;
      height: auto;
    }

    .main-article .label {
      background: #000;
      color: #fff;
      display: inline-block;
      padding: 5px 10px;
      margin-top: 10px;
      font-size: 0.75rem;
    }

    .main-article h3 {
      font-size: 1.8rem;
      margin-top: 10px;
    }

    .main-article p {
      font-size: 1rem;
      margin-top: 10px;
      line-height: 1.5;
    }

    .sub-articles {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    .sub-article img {
      width: 100%;
      height: auto;
    }

    .sub-article h4 {
      font-size: 1rem;
      margin-top: 10px;
    }

    .right-section {
      flex: 1 1 28%;
      display: flex;
      flex-direction: column;
    }

    .voter-box {
      border: 1px solid #000;
      padding: 10px;
    }

    .voter-box img {
      width: 100%;
      height: auto;
    }

    .voter-box .label {
      background: #000;
      color: #fff;
      display: inline-block;
      padding: 5px 10px;
      margin: 10px 0;
      font-size: 0.75rem;
    }

    .voter-box h5 {
      font-size: 1.1rem;
      margin-bottom: 10px;
    }

    .voter-box p {
      font-size: 0.9rem;
      color: #444;
    }

    .more-politics-columns {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      margin-top: 60px;
      border-top: 2px solid #000;
      padding-top: 20px;
    }

    .more-politics {
      flex: 1 1 68%;
    }

    .politics-article {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 25px;
      margin-bottom: 35px;
      border-bottom: 1px solid #ccc;
      padding-bottom: 35px;
    }

    .politics-article-content {
      flex: 1;
    }

    .politics-article-content h4 {
      font-size: 1.4rem;
      margin-bottom: 10px;
      font-family: "Lora", serif;
      font-weight: 600;
    }



    .politics-article-content span {
      font-weight: bold;
      font-size: 0.8rem;
      color: #555;
      display: block;
      margin-top: 10px;
    }

    .politics-article img {
      max-width: 175px;
      height: auto;
      width: 100%;
      object-fit: cover;
    }

    .column-right {
      flex: 1 1 25%;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }

    .column-box h5 {
      font-weight: bold;
      font-size: 1rem;
      border-bottom: 2px solid #000;
      padding-bottom: 5px;
      margin-bottom: 10px;
    }

    .columnist-block img {
      width: 60px;
      border-radius: 50%;
      float: right;
      margin-left: 10px;
    }

    .columnist-block h6 {
      font-weight: bold;
      margin-bottom: 5px;
      font-size: 0.85rem;
    }

    .columnist-block p {
      font-size: 0.95rem;
      color: #000;
      line-height: 1.4;
    }

    .columnist-block small {
      font-size: 0.75rem;
      color: #666;
    }

    @media (max-width: 768px) {
      .more-politics-columns {
        flex-direction: column;
      }

      .politics-article {
        flex-direction: column;
      }

      .politics-article img {
        width: 100%;
        max-width: 100%;
        height: auto;
      }
    }
    .bjhdtyh {
      border: none;
    }
    .fjhucvn{
      padding: 1.5rem 0;
    }
    .fjhucvn h3{
      font-size: 1.5rem;
    }
    .mjghitf{
      padding: 0;
    }
    .tjo{
      border: none;
    }
     .election-highlight {
      display: flex;
      border: 2px solid #000;
      margin-top: 60px;
      flex-wrap: wrap;
    }

    .election-map {
      flex: 1 1 50%;
      min-width: 300px;
    }

    .election-map img {
      width: 100%;
      border-right: 2px solid #000;
      height: auto;
      display: block;
    }

    .election-content {
      flex: 1 1 50%;
      padding: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 300px;
    }

    .election-content .label {
      background: #000;
      color: #fff;
      font-size: 0.75rem;
      padding: 5px 10px;
      width: fit-content;
      display: inline-block;
      margin-bottom: 20px;
      letter-spacing: 1px;
    }

    .election-content h3 {
      font-size: 2rem;
      font-family: "Lora", serif;
      margin-bottom: 15px;
      line-height: 1.2;
    }

    .election-content p {
      font-size: 1rem;
      color: #444;
      line-height: 1.6;
    }

    @media (max-width: 768px) {
      .election-highlight {
        flex-direction: column;
      }

      .election-content {
        padding: 20px;
      }
       .tacoktghn{
      max-width: 100% !important;
      width: 100%;
      margin-top: 2rem;
    }
    .bb{
      width: 100%;
    }
    }
    .tacoktghn{
      max-width: 70%;
      width: 100%;
      margin-top: 2rem;
    }
    .basjkh{
      margin: 0;
    }
    .article-banner {
      margin-top: 60px;
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px;
    }

    .article-banner .section-label {
      color: #066;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.85rem;
      margin-bottom: 10px;
    }

    .article-banner h1 {
      font-size: 2.8rem;
      margin-bottom: 20px;
      font-family: "Lora", serif;
      line-height: 1.2;
    }

    .article-banner p.subtitle {
      font-size: 1.2rem;
      color: #444;
      margin-bottom: 20px;
    }

    .author-info {
      font-size: 0.9rem;
      color: #555;
    }

    .author-info strong {
      color: #066;
    }

    .article-banner .date {
      font-size: 0.85rem;
      color: #666;
      margin-top: 5px;
    }

    .social-icons {
      margin-top: 20px;
      display: flex;
      gap: 10px;
    }

    .social-icons a {
      width: 36px;
      height: 36px;
      border: 1px solid #000;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      color: #000;
      text-decoration: none;
    }

    @media (max-width: 768px) {
      .article-banner h1 {
        font-size: 2rem;
      }

      .article-banner p.subtitle {
        font-size: 1rem;
      }
    }
    



    
.pol-grid-x2 {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 40px;
    }

    .pol-left-main {
      flex: 1 1 65%;
    }

    .pol-left-main img {
      width: 100%;
      height: auto;
      display: block;
    }

    .pol-caption {
      font-size: 0.85rem;
      font-family: system-ui;
      color: #444;
      margin-top: 10px;
    }

    .pol-audio-box {
      margin-top: 20px;
      background: #f5f5f5;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 6px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .pol-audio-box span {
      font-size: 0.95rem;
    }

    .pol-sidebar-x {
      flex: 1 1 30%;
      
      padding: 0 20px;
     
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .pol-title-sub {
      font-weight: bold;
      margin-bottom: 15px;
    }

    .pol-btn-yellow {
      margin-top: 15px;
      background: #ffce00;
      border: none;
      padding: 10px 20px;
      font-weight: bold;
      cursor: pointer;
    }

    .pol-body-text {
      margin: 30px 0;
      font-size: 1.1rem;
      line-height: 1.6;
    }

    .pol-popular-list {
      border-top: 1px solid #000;
      padding-top: 20px;
    }

    .pol-popular-list h4 {
      font-size: 1rem;
      margin-bottom: 15px;
    }

    .pol-popular-list ol {
      list-style: none;
      padding: 0;
    }

    .pol-popular-list li {
      margin-bottom: 10px;
      border-bottom: 1px solid #eee;
      padding-bottom: 10px;
    }

    @media (max-width: 768px) {
      .pol-grid-x2 {
        flex-direction: column;
      }

      .pol-sidebar-x {
        padding: 15px;
      }
    }
    .detail-ad{
      width: 100%;
    }
    .detail-ad img{
      width: 100%;
    }
    





    /* detail section */



    .detail-category {
  font-size: 0.8rem;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.detail-headline {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.detail-byline {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 10px;
}

.detail-image-block{
    margin-top: 2rem;
}
.detail-author {
  font-weight: bold;
}

.detail-image-block img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.detail-caption {
  font-size: 0.85rem;
  color: #555;
  margin-bottom: 25px;
}

.detail-audio-block {
  background: #f8f8f8;
  padding: 15px;
  border-left: 4px solid #ccc;
  margin-bottom: 30px;
  font-size: 0.95rem;
}

.detail-audio-block i {
  color: #000;
  font-size: 1.4rem;
  margin-right: 10px;
}

.detail-audio-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.detail-audio-bar .detail-bar {
  flex: 1;
  height: 5px;
  background: #ccc;
  margin: 0 10px;
  border-radius: 5px;
}

.detail-content p {
  margin-bottom: 20px;
  color: #545454;
  font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 600px) {
  .detail-headline {
    font-size: 1.4rem;
  }

  .detail-audio-bar span {
    font-size: 0.8rem;
  }
  
}
.detail-ad{
    margin-bottom: 3rem;
    width: 100%;
    
}
.detail-ad img{
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    display: flex;
    padding: 5px;
    border: 1px solid;
}
.pol-body-text{
  font-family: "Lora", serif;
}
 .newsboard-wrapper {
            max-width: 1400px;
            
            margin: 0 auto;
            padding: 5rem 0;
            
        }

        .main-heading {
            font-size: 24px;
            border-top: 2px solid black;
            font-weight: bold;
            padding-bottom: 1rem;
            margin-bottom: 30px;
            color: #000;
        }

        .content-matrix {
            display: grid;
            grid-template-columns: 1fr 2fr 1fr;
            gap: 30px;
            border-bottom: 1px solid #dddd;
            margin-bottom: 40px;
            padding-bottom: 1rem;
        }

        .story-block {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

        .story-card {
            display: flex;
            flex-direction: column;
        }
        .fjujun{
          border-bottom: 1px solid #dddd;
          padding-bottom: 1rem;
        }

        .topic-label {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
            color: #2c5530;
        }
        .nufd{
          border-right: 1px solid #dddd;
          padding-right: 1rem;
        }
        .story-title {
            font-size: 1.3rem;
            font-family: "Lora", serif;
            font-weight: 600;
            line-height: 1.3;
            color: #000;
            text-decoration: none;
            margin-bottom: 10px;
        }

        .story-title:hover {
            color: gray;
        }

        .story-summary {
            font-size: 14px;
            line-height: 1.5;
            color: #666;
        }

        .image-section {
            position: relative;
        }

        .featured-image {
            width: 100%;
            height: auto;
            margin-bottom: 15px;
        }

        .image-wrapper {
            position: relative;
        }

        .featured-title {
            font-size: 22px;
            font-weight: bold;
            line-height: 1.2;
            color: #000;
            margin-bottom: 12px;
        }

        .featured-text {
            font-size: 15px;
            line-height: 1.5;
            color: #666;
        }

        .lower-section {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 30px;
        }

        .bottom-left-area .story-title {
            font-size: 20px;
            line-height: 1.25;
        }

        .bottom-right-area .story-title {
            font-size: 18px;
            line-height: 1.3;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .newsboard-wrapper {
                padding: 15px;
            }
            
            .content-matrix {
                grid-template-columns: 1fr 1fr;
                gap: 25px;
            }
            
            .image-section {
                grid-column: 1 / -1;
                order: -1;
            }
            
            .featured-title {
                font-size: 20px;
            }
            
            .story-title {
                font-size: 16px;
            }
            
            .bottom-left-area .story-title {
                font-size: 18px;
            }
        }

        @media (max-width: 768px) {
            .content-matrix {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .lower-section {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .main-heading {
                font-size: 20px;
                margin-bottom: 20px;
            }
            
            .featured-title {
                font-size: 18px;
            }
            
            .story-title {
                font-size: 16px;
            }
            
            .bottom-left-area .story-title,
            .bottom-right-area .story-title {
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .newsboard-wrapper {
                padding: 10px;
            }
            
            .content-matrix {
                gap: 15px;
            }
            
            .lower-section {
                gap: 15px;
            }
            
            .main-heading {
                font-size: 18px;
                margin-bottom: 15px;
            }
            
            .featured-title {
                font-size: 16px;
            }
            
            .story-title {
                font-size: 15px;
            }
            
            .topic-label {
                font-size: 11px;
            }
            
            .story-summary,
            .featured-text {
                font-size: 13px;
            }
        }
             /* Sidebar Overlay */
        .sidebar-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 998;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .sidebar-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Sidebar Container */
        .sidebar-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 355px;
            height: 100vh;
            background-color: #2b2b2b;
            z-index: 999;
            transform: translateX(-100%);
            transition: transform 0.3s ease;
            overflow-y: auto;
        }

        .sidebar-container.active {
            transform: translateX(0);
        }

        /* Sidebar Content */
        .sidebar-content {
            padding: 30px;
            height: 100%;
        }

        /* Search Section */
        .search-wrapper {
            margin-bottom: 30px;
        }

        .search-input-container {
            position: relative;
            width: 100%;
            margin-top: 2rem;
        }

        .search-input {
            width: 100%;
            padding: 16px 50px 16px 16px;
            background-color: transparent;
            border: 2px solid #666;
            border-radius: 6px;
            color: #fff;
            font-size: 16px;
            outline: none;
            transition: border-color 0.3s ease;
        }

        .search-input:focus {
            border-color: #fff;
        }

        .search-input::placeholder {
            color: #ccc;
            font-size: 16px;
        }

        .search-icon {
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            color: #ccc;
            font-size: 18px;
            pointer-events: none;
        }

        /* Subscribe Button */
        .subscribe-btn {
            width: 100%;
            padding: 16px;
            background-color: #4a7c59;
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            margin-bottom: 30px;
            transition: background-color 0.3s ease;
        }

        .subscribe-btn:hover {
            background-color: #5a8c69;
        }

        /* Navigation Menu */
        .nav-menu {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .nav-item {
            border-bottom: 1px solid #444;
        }

        .nav-item:last-child {
            border-bottom: none;
        }

        .nav-link {
            display: block;
            padding: 18px 0;
            color: #fff;
            text-decoration: none;
            font-size: 18px;
            font-weight: 500;
            transition: color 0.3s ease;
        }

        .nav-link:hover {
            color: #4a7c59;
        }

        /* Close Button */
        .sidebar-close {
            position: absolute;
            top: 0px;
            right: 0px;
            background: none;
            border: none;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
            padding: 5px;
            border-radius: 50%;
            transition: background-color 0.3s ease;
        }

        .sidebar-close:hover {
            background-color: #444;
        }

        /* Demo Content */
        .demo-content {
            margin: 80px 20px 20px 20px;
            padding: 20px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .sidebar-container {
                width: 280px;
            }
            .chronicle-offer-btn {
              display: none;
            }
            
            .sidebar-content {
                padding: 20px;
            }
            
            .search-input {
                padding: 14px 45px 14px 14px;
                font-size: 15px;
            }
            
            .subscribe-btn {
                padding: 14px;
                font-size: 15px;
            }
            
            .nav-link {
                font-size: 17px;
                padding: 16px 0;
            }
        }

        @media (max-width: 480px) {
            .sidebar-container {
                width: 100%;
                max-width: 320px;
            }
            
            .sidebar-content {
                padding: 15px;
            }
            
            .search-input {
                padding: 12px 40px 12px 12px;
                font-size: 14px;
            }
            
            .subscribe-btn {
                padding: 12px;
                font-size: 14px;
            }
            
            .nav-link {
                font-size: 16px;
                padding: 14px 0;
            }
            
            .chronicle-menu-icon {
                font-size: 20px;
                padding: 8px 12px;
            }
        }