@font-face {
  font-family: 'metapro';
  src: url('font/MetaSerifPro-Black.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'metaproli';
  src: url('font/MetaSerifPro-Light.woff') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'metaprobold';
  src: url('font/MetaSerifPro-Extrabold.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'metapromed';
  src: url('font/MetaSerifPro-Medium.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'title-fo';
  src: url('font/DagnyWeb\ W03\ Bold.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
  * {
      box-sizing: border-box;
    }

    body {

      margin: 0;
      padding: 0;
      background: #fff;
      color: #111;
    }

    a {
      text-decoration: none;
      color: #111;
    }
    a:hover{
        color: #0777b3;
    }

    .news-layout-wrapper {
        font-family: 'metaproli', serif;
      max-width: 1400px;
      margin: auto;
      color: #231f20;
      font-weight: 500;
      padding: 20px;
      display: flex;
      gap: 30px;
    }

    .news-sidebar-left,
    .news-sidebar-latest {
      flex: 1 1 25%;
    }

    .news-featured-center {
      flex: 1 1 45%;
    }

    .news-headline-item {
      margin-bottom: 20px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 10px;
    }

    .news-headline-item span {
      color: #b85a22;
      font-size: 0.8em;
      font-family: system-ui;
      font-weight: 400;
      
    }
    .news-headline-item a{
        font-size: 1rem;
    }

    .news-headline-item img.icon {
      width: 16px;
      vertical-align: middle;
    }

    .featured-image-wrapper img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .lead-story-content h2 {
      font-size: 1.7rem;
      
      font-family: 'metapromed';
      margin: 15px 0 10px;
    }

    .lead-story-content p {
      font-size: 1rem;
      line-height: 1.5;
      color: #444;
    }

    .latest-news-section h3 {
      font-size: 1.6rem;
      font-family: 'title-fo';
      margin-bottom: 15px;
      margin-top: 0rem;
      border-top: 1px solid #000;
      font-weight: 500;
    }

    .latest-news-item {
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
    }

    .latest-news-item span {
      color: #b85a22;
      font-family: system-ui;
      font-weight: 400;
      font-size: 0.85em;
    }

    .more-link-wrapper {
      margin-top: 15px;
      font-weight: bold;
    }

  
.suopp{
    font-family: system-ui;
    font-weight: 400;
    font-size: 0.8rem !important;
    color: gray !important;
    text-transform: uppercase;
}
 .section-wrapper {
      max-width: 1300px;
      margin: 0 auto;
      padding: 20px;
    }

    .top-grid-section {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      margin-bottom: 30px;
    }

    .column-block {
      flex: 1 1 22%;
      border-right: 1px solid #ccc;
      padding-right: 20px;
    }

    .column-block:last-child {
      border-right: none;
      padding-right: 0;
    }

    .section-title {
      font-size: 0.8rem;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 15px;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      padding-bottom: 5px;
    }

    .section-article {
      margin-bottom: 15px;
      font-size: 1rem;
    }

    .section-article img {
      width: 100%;
      height: auto;
      margin-bottom: 10px;
    }

    .ad-box {
      background: #008294;
      color: #fff;
      padding: 20px;
      text-align: center;
    }

    .ad-box h2 {
      font-size: 1.8rem;
      margin-bottom: 10px;
    }

    .ad-box p {
      margin: 8px 0;
    }

    .ad-box button {
      background: #000;
      color: #fff;
      border: none;
      padding: 10px 20px;
      font-weight: bold;
      cursor: pointer;
      margin-top: 10px;
    }

    /* Bottom section */
    .more-stories-section {
      border-top: 1px solid #ddd;
      padding-top: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    .more-story-column {
      flex: 1 1 30%;
    }

    .main-story-highlight {
      font-weight: bold;
      font-size: 1.3rem;
      margin-bottom: 15px;
    }

    .more-story-item {
      margin-bottom: 12px;
      font-size: 1rem;
      position: relative;
    }

    .more-story-item span.view-tag {
      float: right;
      font-size: 0.8rem;
      color: #555;
      text-transform: uppercase;
    }

    .more-story-item img.icon {
      width: 16px;
      vertical-align: middle;
      margin-right: 4px;
    }



    .page-container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 20px;
      display: flex;
      gap: 30px;
    }

    .left-content {
      flex: 1 1 72%;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }

    .right-ad {
      flex: 1 1 23%;
    }

    /* FLEX: Trump + MLB + Books */
    .top-flex-group {
      display: flex;
      gap: 30px;
    }

    .news-box {
      flex: 1 1 30%;
    }

    .section-title2 {
      font-size: 1rem;
      font-weight: 400;
      text-transform: uppercase;
      justify-content: flex-start;
      margin-bottom: 15px;
      font-family: 'title-fo';
      border-top: 1px solid #000;
      padding-top: 5px;
      color: #231f20;
    }

    .story-item {
      margin-bottom: 15px;
      font-size: 1.1rem;
      border-bottom: 1px solid #dddd;
      padding-bottom: 1rem;
          font-family: 'metaproli', serif;

    }
    .fdh7hb{
        border: none;
    }

    .story-item img {
      width: 100%;
      margin-bottom: 10px;
    }

    /* More Top Stories */
    .more-top-stories {

      padding-top: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }

    .more-column {
      flex: 1 1 30%;
          font-family: 'metaproli', serif;
          border-right: 1px solid #dddd;
         padding-right: 1rem;
    }

    .highlight-story {
      font-weight: bold;
      font-size: 1.3rem;
          font-family: 'metapromed', serif;
      margin-bottom: 20px;

    }

    .more-item {
      margin-bottom: 12px;
      position: relative;
       border-bottom: 1px solid #dddd;
       padding-bottom: 1rem;
    }
     .hhufd{
        color: #b85a22 !important;
        font-family: system-ui;
        font-size: 0.8rem;
    }

    .more-item span.view-icon {
      float: right;
      font-size: 0.8rem;
      color: #555;
      text-transform: uppercase;
    }
   

    .more-item img.icon {
      width: 16px;
      vertical-align: middle;
      margin-right: 4px;
    }

    /* Ad */
    .ad-box {
      background: #008294;
      color: #fff;
      padding: 25px 20px;
      text-align: center;
    }

    .ad-box h2 {
      font-size: 2rem;
      margin-bottom: 10px;
    }

    .ad-box p {
      margin: 6px 0;
    }

    .ad-box button {
      background: #000;
      color: #fff;
      border: none;
      padding: 10px 20px;
      font-weight: bold;
      cursor: pointer;
      margin-top: 10px;
    }

    .hgrsv{
        padding-top: 0.6rem;
        font-size: 0.9rem;
        font-family: 'title-fo';
              border-top: 1px solid #ccc;
              text-transform: uppercase;
    }
    .deayl{
        font-size: 1.5rem;
        font-weight:  500;
        text-transform: none;
        margin-bottom: 0;
        
    }
    .politics-content {
    display: flex
;
    gap: 20px;
}
.main-politics

 {
    flex: 1 1 48%;
}
.main-politics2

 {
    flex: 1 1 89%;
}
.sec-story{
    font-family: 'metaprobold';
    font-size: 1.5rem;
}
.ktyser5 a{
    font-size: 1.1rem;
}
.politics-list {
    flex: 1 1 48%;
     font-family: 'metaproli' ,serif;
}
.politics-list2 {
    flex: 1 1 10%;
     font-family: 'metaproli' ,serif;
}
.shthh{
    margin-top: 1rem;
}

.jytdb{
    margin-top: 1rem;
}
.opinion-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    display: flex;
    gap: 10px;
}
.opinion-item img {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 10px;
}
.opinion-item strong {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.sbirder{
    border: none;
}
.ind-ad{
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.dyyhl{
    flex-direction: column;
}
.dyyhl img{
    width: 100%;
}
@media (max-width: 768px) {
  .right-ad img{
    display: none;
  }
  .catgory-dishide{
    display: none;
  }
    .ind-ad img{
    width: 90% !important;
}
.opinion-item img {
    width: 70px;
    height: 70px;
}


.ind-ad img{
    width: 80%;
}
.ind-ad2 img{
    width: 100%;
}

}
@media only screen and (min-width: 1440px) {
    main{
        margin: 0 6rem !important;
    }
}



/* Below 768px */
@media (max-width: 767.98px) {
  .news-layout-wrapper {
    flex-direction: column;
  }
  .top-flex-group {
    flex-direction: column;
}
.politics-content {
    flex-direction: column;

    
}
}

/* 768px and above */
@media (min-width: 768px) {
  .news-layout-wrapper {
    display: flex;
    flex-direction: row; /* Optional, to reset column */
  }
  .top-flex-group {
   display: flex;
   flex-direction: row;
}
.politics-content {
       display: flex;
   flex-direction: row;

    
}
.ind-ad{
    display: none;
}
}





main{
    margin: 0;
}



    .numbered-news-item {
      display: flex;
      align-items: flex-start;
      font-family: 'metaproli' ,serif;
      margin-bottom: 20px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 15px;
      gap: 15px;
    }

    .news-number-badge {
      background-color: #0066a1;
      color: #fff;
      font-weight: bold;
      font-family: Arial, sans-serif;
      font-size: 1rem;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .numbered-news-text {
      flex: 1;
      font-size: 1rem;
      line-height: 1.4;
    }

    @media (max-width: 600px) {
      .numbered-news-item {
        flex-direction: row;
        align-items: center;
      }

      .numbered-news-text {
        font-size: 0.95rem;
      }
    }
    .dupp{
        margin-bottom: 1.5rem;
    }
    .main-politics3{
          flex: 1 1 58%;
    }
    .politics-list3{
          flex: 1 1 30%;
    }
    .jwy{
        margin-top: 1rem;
    }

     .sponsored-section-wrap {
      background-color: #eee;
      padding: 30px 20px;
      font-family: system-ui;
      margin: 2rem auto;
    }

    .sponsored-header {
      text-align: center;
      font-size: 0.8rem;
      text-transform: uppercase;
      color: #444;
      margin-bottom: 5px;
    }

    .sponsored-title {
      text-align: center;
      font-size: 1.5rem;
      font-weight: bold;
      border-bottom: 1px solid #bbb;
      padding-bottom: 10px;
      margin-bottom: 25px;
    }

  .sponsored-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  justify-content: center;
  font-family: system-ui;
}
  .sponsored-cards2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  font-family: system-ui;
  justify-content: center;
  margin-bottom: 3rem;
}

.sponsored-card {
  background: #fff;
  padding: 0 0 10px 0;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

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

.sponsored-card .card-title {
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 10px 6px 10px;
}

.sponsored-card .card-provider {
  font-size: 0.8rem;
  color: #444;
  padding: 0 10px;
}

.sponsored-card .card-warning {
  font-size: 0.6rem;
  text-align: right;
  padding: 5px 10px 0;
  color: #0076a3;
}
    /* Responsive Layout */
@media (max-width: 992px) {

  .page-container {
    flex-direction: column;
    padding: 15px;
  }
  
  .dnon{
    display: none;
  }
  .header-info-strip-v202 {
    display: flex  !important;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    font-family: system-ui;
    padding: 0.75rem 1rem;
  }
  .section-wrapper {
    flex-direction: column;
    padding: 15px;
  }
  .news-sidebar-left {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .news-featured-center {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .news-sidebar-latest {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .more-top-stories {
    gap: 0;
  }
  .left-content {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .right-ad {
    display: none;
  }
  .more-story-column {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .column-block {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .main-politics {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .main-politics2 {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .main-politics3 {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .politics-list {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .politics-list2 {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .politics-list3 {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .more-column {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .news-box {
    flex: 1 1 50% !important;
    border-right: none;
    padding-right: 0;
  }
  .sponsored-cards {
    flex-direction: column;
    align-items: center;
  }
  .sponsored-cards2 {
    flex-direction: column;
    align-items: center;
  }
  .top-grid-section {
    flex-direction: column;
  }
 

 
  .more-stories-section {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .lead-story-content h2 {
    font-size: 1.4rem;
  }
  .news-sidebar-left {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
    order: 2;
  }
  .news-featured-center {
    flex: 1 1 100% !important;
    border-right: none;
    order: 1;
    padding-right: 0;
  }
  .news-sidebar-latest {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
    order: 3;
  }
  .left-content {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .right-ad {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .more-story-column {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .column-block {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .main-politics {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .main-politics2 {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .main-politics3 {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .politics-list {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .politics-list2 {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .politics-list3 {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .more-column {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .news-box {
    flex: 1 1 100% !important;
    border-right: none;
    padding-right: 0;
  }
  .lead-story-content p,
  .section-article,
  .more-story-item,
  .more-item,
  .numbered-news-text {
    font-size: 0.95rem;
  }
  .ad-box h2 {
    font-size: 1.5rem;
  }
  .right-ad,
  .ind-ad img,
  .sponsored-card {
    width: 100% !important;
  }
}

.rootbuub{
    font-size: 1.2rem;
    font-family: 'metaproli';
}
.reco{
    position: sticky;
    top: 0px;
    height: 90vh;
}
.ghyeddf2{
    margin-top: 1rem;
}


.photo-section {
  padding:0 20px;
margin: 3rem 0;
  font-family: 'metaproli';
}

.photo-header h2 {
  font-size: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
}

.photo-header span {
  font-size: 1.2rem;
  color: #666;
}

.photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 25px;
}

.photo-card {
  display: flex;
  flex-direction: column;
}

.photo-card img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}

.photo-card p {
  font-size: 1rem;
  color: #111;
  line-height: 1.4;
}

.photo-card .icon {
  margin-left: 8px;
  font-size: 0.95rem;
  width: 16px;
      margin-right: 4px;
}

.photo-card .view {
  font-size: 0.85rem;
  font-weight: 400;
  font-family: system-ui;
  color: #999;
  margin-left: 4px;
}
.pho04 {
  font-size: 1rem;
  color: #111;
  line-height: 1.4;
  font-family: system-ui;
  display: inline; /* Changed from flex to inline */
}

.photo-view {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  font-size: 0.85rem;
  font-weight: normal;
  color: #999;
}

.photo-view img {
  margin-right: 4px;
  margin-bottom: 0 !important;
  width: 16px;
  height: 16px;
}
.footer {
  background-color: #efefef;
  padding: 40px 20px 20px;
  font-family: Arial, sans-serif;
  margin-top: -1rem;
  color: #000;
  border-top: 1px solid #ddd;
}
.mkl089758{
    width: 100%;
}
.mkl089758 img{
    width: 100%;
}

.footer-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 30px;
  margin-bottom: 30px;
}

.footer-column h4 {
  font-size: 0.95rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 8px;
}

.footer-column ul li a {
  color: #000;
  text-decoration: none;
  font-size: 0.9rem;
}

.footer-column ul li a:hover {
  text-decoration: underline;
}

.footer-bottom {
  text-align: center;
  font-size: 0.8rem;
  border-top: 1px solid #efefef;
  padding-top: 20px;
  color: #333;
}

.footer-bottom a {
  color: #000;
  text-decoration: none;
  margin: 0 6px;
}

.footer-bottom a:hover {
  text-decoration: underline;
}

.detail-container-main{
    font-family: 'metaproli';
}






 .header-wrap-k901 {
      border-bottom: 1px solid #eee;
      box-shadow: 0 1px 3px rgba(0,0,0,0.06);
      font-family: system-ui;
    }

    .header-top-j300,
    .header-bottom-m440 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1400px;
      margin: 0 auto;
      padding: 0.75rem 6rem;
    }

    .header-top-j300 {
      font-size: 14px;
    }

    .header-left-p010,
    .header-right-b140 {
      display: flex;
      align-items: center;
      gap: 1rem;
      color: #666;
    }

    .header-center-logo-x201 {
      font-family: 'Georgia', serif;
      font-size: 1.8rem;
      font-weight: bold;
      color: #000;
    }

    .header-icon-y119 {
      font-size: 1.5rem;
      cursor: pointer;
    }

    .nav-bottom-h770 {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 1rem;
      font-weight: bold;
      font-size: 14px;
      padding: 0.75rem 1rem;
      border-top: 1px solid #eee;
    }

    .nav-bottom-h770 span,
    .nav-bottom-h770 a {
      color: #000;
      text-decoration: none;
    }

    .nav-bottom-h770 .nav-faded-x340 {
      color: #666;
      font-weight: normal;
    }

    .nav-bottom-h770 .dropdown-f015 {
      display: flex;
      align-items: center;
      gap: 0.25rem;
    }

    @media (max-width: 768px) {
      .header-top-j300,
      .header-bottom-m440
     {
       
        align-items: center;
        gap: 0.75rem;
      }
      .header-top-j300{
        padding: 0.4rem 1rem;
      }
        .nav-bottom-h770{
            display: none;
        }
       
        .header-center-logo-x201{
            width: 200px;
            margin: 0 auto;
        }
        .sticky-header.show {
            display: none
            ;
        }
        .header-center-logo-x201 img{
            width: 100%;
        }

      .header-center-logo-x201 {
        font-size: 1.5rem;
      }
    }

.header-info-strip-v202 {
    display: none;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.75rem 1rem;
  }
  .header-left-p010, .header-right-b140 span{
    font-size: 0.8rem
  }

/* Sticky Header */


/* @media only screen and (min-width: 1440px) {
     .sticky-header.show {
        padding: 0.6rem 0rem !important;
    }
} */

.sticky-header {
  position: fixed;
  top: -290px;
  left: 0;
  right: 0;
        font-family: system-ui;
  background: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);

  transition: top 0.4s ease-in-out;
  padding: 10px 20px;
}

.sticky-header.show {
    z-index: 4;
  top: 0;
}
 .seattle-nav-container-qx91 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.75rem 6rem;
      border-bottom: 1px solid #eee;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
      flex-wrap: wrap;

      margin: 0 auto;
    }

    .seattle-nav-left-f100 {
      display: flex;
      align-items: center;
      gap: 1rem;
    }

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

    .seattle-logo-v001 {
      font-family: Georgia, serif;
      font-weight: bold;
    }

    .seattle-nav-links-h224 {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-left: 1rem;
    }

    .seattle-nav-links-h224 a {
      text-decoration: none;
      color: #000;
      font-weight: bold;
      font-size: 14px;
    }

    .seattle-nav-links-h224 .faded {
      color: #666;
      font-weight: normal;
    }

    .seattle-nav-right-m209 {
      display: flex;
      align-items: center;
      gap: 1rem;
      font-size: 14px;
      color: #666;
    }

    .seattle-nav-right-m209 span {
      cursor: pointer;
    }

    .seattle-nav-right-m209 .search {
      font-size: 18px;
      font-weight: bold;
      color: #000;
    }

    @media (max-width: 768px) {
      .seattle-nav-container-qx91 {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
      }

      .seattle-nav-links-h224 {
        flex-wrap: wrap;
        gap: 1rem;
        margin-left: 0;
      }

      .seattle-nav-right-m209 {
        align-self: flex-end;
        gap: 0.5rem;
      }
    }


      .xtzSidebarWrap97 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  will-change: opacity, visibility;
}
.sidemimg{
    width: 180px;
}
.sidemimg img{
    width: 100%;
}
.dgf123{
    display: flex;
    gap: 0.4rem;
    justify-content: space-between;
    align-items: center;


}
.fragnents{
    margin-top: 2rem;
}
.fragnents a{
    color: black;
    text-decoration: none;
}

.fragnents p{
    text-transform: uppercase;
    border-bottom: 1px solid gray;
    padding-bottom: 1rem;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.fragnents p:hover a{
    color: gray;
}


.xtzSidebarWrap97.xtzSidebarVisible97 {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.xtzSidebarBox97 {
  width: 320px;
  height: 100vh;
  background: #ffff;
  color: black;
  padding: 20px;
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s ease;
  box-shadow: 2px 0 10px rgba(0,0,0,0.3);
  will-change: transform, opacity;
}

.xtzSidebarWrap97.xtzSidebarVisible97 .xtzSidebarBox97 {
  transform: translateX(0);
  opacity: 1;

}

        .xtzCloseBtn97 {
        font-size: 24px;
        text-align: right;
        cursor: pointer;
        }






        /* detail-spec */
          .stream-container-j500 {
      max-width: 1150px;
      margin: 0 auto;
      padding: 2rem 1rem;
    }

    .stream-header-nav-v870 {
      margin-bottom: 2rem;
    }
    .kku665gg{
        position: sticky;
        top: 60px;
        height: 80vh;
        width: 100%;
    }
    .stream-nav-x200 {
      font-size: 14px;
      color: #0074cc;
      margin-bottom: 0.5rem;
    }

    .stream-title-h330 {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }
    .detail-heading{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .detail-heading h1{
        margin-top: 0;
    }

    .stream-date-m009 {
      font-size: 0.9rem;
      color: #666;
      margin-bottom: 1rem;
    }

    .stream-wrapper-x100 {
      display: flex;
      gap: 2rem;
    }

    .stream-content-wrap-f920 {
      flex: 3;
    }

    .stream-ad-section-z601 {
      flex: 1;
      max-width: 300px;
   
      padding: 1rem;
 
    }

    .stream-image-wrap-r500 img {
      width: 100%;
      height: auto;
      display: block;
      margin-bottom: 1rem;
    }

    .stream-author-v881 {
      font-size: 0.95rem;
      margin-bottom: 1.2rem;
    }

    .stream-author-v881 span {
      display: block;
      color: #888;
      font-style: italic;
    }

    .stream-social-a440 {
      text-align: right;
      align-items: center;
      display: flex;

    }

    .stream-social-a440 a {
      display: inline-block;
      margin-left: 10px;
      text-decoration: none;
      font-size: 1.2rem;
      color: #000;
    }

    .stream-content-c982 {
      max-width: 600px;
      margin-left: auto;
    }

    .stream-content-c982 p {
      font-size: 1rem;
      line-height: 1.7;
      margin-bottom: 1.2rem;
    }

    .stream-content-c982 strong {
      font-weight: bold;
    }

    .stream-content-c982 a {
      color: #0074cc;
      text-decoration: none;
    }

    .stream-related-l151 {
      font-size: 0.9rem;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding: 0.5rem 0;
      margin: 2rem 0;
      color: #333;
    }

    @media (max-width: 992px) {
      .stream-wrapper-x100 {
        flex-direction: column;
      }
      .stream-ad-section-z601{
        max-width: 100%;
      }

      .stream-content-c982 {
        margin-left: 0;
        max-width: 100%;
      }

      .stream-social-a440 {
        text-align: left;
        margin-top: 1rem;
      }
      .sticky-header.show {
            display: none
            ;
        }
    }
  .ent-wrapper-y901 {
      max-width: 1150px;
      margin: 0 auto;
      padding: 2rem 1rem;
    }
    

    .ent-disclaimer-q155 {
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      padding-bottom: 1.5rem;
      border-bottom: 1px solid #ddd;
    }

    .ent-section-heading-p883 {
      text-align: center;
      font-size: 1rem;
      font-weight: bold;
      margin: 2rem 0 0.5rem;
    }

    .ent-main-title-m442 {
      text-align: center;
      font-size: 1.4rem;
      margin: 0.5rem 0 2rem;
      border-bottom: 1px solid #ddd;
      display: inline-block;
      padding-bottom: 0.25rem;
    }

    .ent-grid-yx22 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }

    .ent-article-card-a121 {
      display: flex;
      gap: 1rem;
    }

    .ent-article-card-a121 img {
      width: 160px;
      height: 100px;
      object-fit: cover;
      flex-shrink: 0;
    }

    .ent-article-text-c334 h3 {
      margin: 0;
      font-size: 1rem;
      font-weight: bold;
    }

    .ent-article-text-c334 p {
      margin-top: 0.5rem;
      font-size: 0.9rem;
      color: #333;
    }

    @media (max-width: 768px) {
      

      .ent-article-card-a121 {
        flex-direction: column;
      }

      .ent-article-card-a121 img {
        width: 100%;
        height: auto;
      }
    }



    .search-popup-box-z510 {
  display: none;
  position: fixed;
  top: 70px; /* Adjust based on header height */
  right: 20px;
  background: #fff;
  border: 1px solid #ccc;
  width: 480px;
  max-width: 95%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.search-my-popup{
  cursor: pointer;
}

.search-popup-inner-r310 {
  display: flex;
  align-items: center;
  position: relative;
}

.search-input-m801 {
  flex: 1;
  padding: 12px 16px;
  font-size: 16px;
  border: none;
  outline: none;
  color: #555;
  font-style: italic;
}

.search-button-v132 {
  background: #0073b8;
  color: white;
  border: none;
  padding: 12px 16px;
  cursor: pointer;
}

.search-close-btn-k999 {
    position: absolute;
    top: -17px;
    right: 1px;
    background-color: black;
    font-size: 22px;
    cursor: pointer;
    color: #ffffff;
    padding: 0 0.4rem 0 0.4rem;
    border-radius: 10%;
}
@media only screen and (max-width: 1024px) and (max-width: 1366px){
    .sticky-header.show{
    padding: 0 0.6rem;
}
}