@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Anton&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Questrial&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@media (max-width: 745px) {
  .navbar-desktop { display: none; }
  .navbar-mobile { display: block; }
}
@media (min-width: 746px) {
  .navbar-desktop { display: block; }
  .navbar-mobile { display: none; }
}



.anton-regular {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.questrial-regular {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.libre-franklin {
  font-family: "Libre Franklin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}


/*<weight>: Use a value from 300 to 700*/
/*<uniquifier>: Use a unique and descriptive class name*/



.cormorant-garamond-headings {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


.cormorant-garamond-head-one {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}



:root {

  h1 {
    font-family: "Cormorant Garamond", serif;
    font-weight: bold;
  }

  h2 {
    font-weight: bold;
  }

  h3,
  h4,
  h5,
  h6 {
    font-family: "Cormorant Garamond", serif;
  }



  h6 {
    font-size: 1.2 rem;
  }

  .p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
  }

  body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
  }

  .anton-regular {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .questrial-regular {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .questrial-bold {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-style: bold;
  }

}



.layout-721-ok {
display: none !important;
}

.logo-size {
  min-height: 100vh;
  min-width: auto;
}

hr.solid {
  border-top: 1px solid;
}

.divider {
  font-size: 12px;
  display: flex;
  align-items: center;
}

.divider::before,
.divider::after {
  flex: 1;
  content: '';
  padding: 3px;
  background-color: white;
  margin: 5px;
}


.scrolling-list-area {
  flex: 1;
  overflow: scroll;
}

.scrolling-list-container {
  max-height: 0;
}


.container-scroll {

  display: flex;
  gap: 1rem;

}

.about-mid {
  padding-bottom: 50px;
}


/*Footer*/

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

body {
  background: #24262b;
 
 
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
    
 


}

.footer {
  padding: 70px 0;
}

.container {
  max-width: 1170px;
  margin: 50px auto 0;
}

.row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.footer-col {
  width: 25%;
  padding: 0 15px;
}

.footer-col h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 35px;
  position: relative;
}

.footer-col h4::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 2px;
  width: 50px;
  background: #088178;
  box-sizing: border-box;
}

.footer-col ul {
  list-style: none;
}

.footer-col ul li:not(:last-child) {
  margin-bottom: 10px;
}

.footer-col ul li>a {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  transition: .3s ease;
}

.footer-col ul li>a:hover {
  color: #fff;
  padding-left: 8px;
}

.footer-col .social-icons {
  font-size: 16px;
}

.footer-col .social-icons>a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  margin: 0 10px 10px 0;
  color: #bbb;
  transition: all .3s ease;
  text-decoration: none;
 
}


.footer-col .social-icons>a:hover {
  transform: translateY(-5px);
  color: #fff;
}

@media (max-width:768px) {
  .footer-col {
    margin-bottom: 30px;
    width: 50%;
  }

  .about-descr {
    margin-left: 10px;
    font-size: 1.375rem;
    line-height: 1.6;
  }

}

@media (max-width:539px) {
  .footer-col {
    width: 100%;
  }

  .about-descr {
    margin-left: 10px;
    font-size: 1.375rem;
    line-height: 1.6;
  }
}


/* The CSS settings for the index_m.html */


    /* Align indopac note symbol + title on one row */
    #indo-pac-note-1,
    #indo-pac-note-2,
    #indo-pac-note-3 {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem !important;
        white-space: normal !important;
    }

    #indo-pac-note-1 a[id$="-title"],
    #indo-pac-note-2 a[id$="-title"],
    #indo-pac-note-3 a[id$="-title"] {
        display: inline-block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #indo-pac-note-1,
    #indo-pac-note-2,
    #indo-pac-note-3,
    #indo-pac-note-1-title,
    #indo-pac-note-2-title,
    #indo-pac-note-3-title,
    a[id$="-title"] {
        font-family: 'Lato', sans-serif !important;
        font-size: 2.8rem !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
    }

    /* Standardize small metadata/footer text size */
    body #body-main .extra {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    body #body-main p {
        font-family: 'Lato', serif !important;
        font-weight: 400 !important;
        font-size: 1.04rem !important;
        line-height: 1.72 !important;
        letter-spacing: 0.005em;
    }

    /* Reading scale for featured country/values metadata and story descriptions */
    body #body-main .event {
        font-size: 0.96rem !important;
        line-height: 1.5 !important;
    }

    body #body-main .event span,
    body #body-main .event a {
        line-height: 1.5 !important;
    }

    body #body-main #description-main-story-politics,
    body #body-main #news-news-1-description,
    body #body-main #news-news-1-description-econ,
    body #body-main #news-news-1-description-culture,
    body #body-main #news-news-1-1-description-econ{
        font-size: 1.06rem !important;
        line-height: 1.68 !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Italiana', serif !important;
        font-weight: 600 !important;
    }

    /* Unified title system for index post titles and headline levels */
    .post-title-heading,
    .ui.large.header.post-title-heading,
    .post-title {
        font-family: 'Italiana', serif !important;
        color: #000 !important;
        font-size: 2.8rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }


    .post-title-heading,
    .ui.large.header.post-title-heading
     {
        font-family: 'Italiana', serif !important;
        color: #000 !important;
        font-size: 2.0rem !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }

    .post-title {
        display: inline !important;
    }

    .post-title-offset {
        margin-left: 2% !important;
    }

    .post-title-heading a,
    .post-title a,
    a .post-title {
        color: #000 !important;
    }

    /* Content links only: keep black normally/visited and use utility teal on hover.
       Scoped to #body-main so navigation/footer links keep their existing styles. */
    body #body-main a:not(.ui.button):not(.ui.label):link,
    body #body-main a:not(.ui.button):not(.ui.label):visited {
        color: #000 !important;
    }

    body #body-main a:not(.ui.button):not(.ui.label):hover,
    body #body-main a:not(.ui.button):not(.ui.label):focus {
        color: rgb(16, 96, 90) !important;
    }

    /* Indo-Pacific links: reduce post title size by 35% and keep responsive */
    #indopac-headlines .post-title {
        font-size: 1.7rem !important;
        line-height: 1.35 !important;
    }

    /* The titles of the sections styles */

    .ui.black.dividing.header {
        font-family: 'Lato', sans-serif !important;
        font-size: 3.3rem !important;
        line-height: 1.35 !important;
    }

    .economics-header,
    .opinion-commentary-header {
        font-family: 'Lato', sans-serif !important;
        font-size: 2.6rem !important;
        line-height: 1.35 !important;
    }

    .print-fp-quote{
        font-family: 'Lato', serif !important;
        font-size: 1.125rem !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
    }

    .print-fp-top{
        font-family: 'Lato', sans-serif !important;
        font-size: 1.25rem !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
    }

    .print-fp-top-2 {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.25rem !important;
            font-weight: 600 !important;
            line-height: 1.5 !important;
        }

    .print-across-ip {
        font-family: 'Lato', sans-serif !important;
        font-size: 2.1rem !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;

    }

    .peace-barometer-header {
        font-family: 'Lato', sans-serif !important;
        
    }

    /* Section title typography normalization (desktop baseline) */
    #in-the-indo-pacific-section #economics-s-header,
    section#leading-headlines #highlights-politics-policy-title > h2.ui.black.dividing.header,
    section#economics-finance #highlights-opinion-commentary-title #economics-s-header,
    section#economics-finance-1 #highlights-opinion-commentary-title #economics-s-header,
    section#economics-finance #highlights-opinion-commentary-title-1 #economics-s-header,
    section#economics-finance-1 #highlights-opinion-commentary-title-1 #economics-s-header,
    section#security-defense-commentary #security-defence-s-header,
    section#culture #highlights-culture-title > h2.ui.black.dividing.header,
    section#economics-new #highlights-economics-title >h2.ui.black.dividing.header {
        font-size: 2.2rem !important;
        line-height: 1.18 !important;
        font-weight: 700 !important;
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        body #body-main p {
            font-size: 1.02rem !important;
            line-height: 1.68 !important;
        }

        body #body-main .event {
            font-size: 0.93rem !important;
            line-height: 1.48 !important;
        }

        body #body-main #description-main-story-politics,
        body #body-main #news-news-1-description,
        body #body-main #news-news-1-description-econ,
        body #body-main #news-news-1-description-culture,
        body #body-main #news-news-1-1-description-econ {
            font-size: 1.03rem !important;
            line-height: 1.64 !important;
        }

        #economics-s-header,
        section#leading-headlines #highlights-politics-policy-title > h2.ui.black.dividing.header,
        section#economics-finance #highlights-opinion-commentary-title #economics-s-header,
        section#economics-finance-1 #highlights-opinion-commentary-title #economics-s-header,
        section#economics-finance #highlights-opinion-commentary-title-1 #economics-s-header,
        section#economics-finance-1 #highlights-opinion-commentary-title-1 #economics-s-header,
        section#security-defense-commentary #security-defence-s-header,
        section#culture #highlights-culture-title > h2.ui.black.dividing.header {
            font-size: 1.95rem !important;
            line-height: 1.22 !important;
        }
    }



    @media (min-width: 768px) and (max-width: 1024px) {
        #indopac-headlines .post-title {
            font-size: 1.3rem !important;
            line-height: 1.35 !important;
        }

        #indo-pac-note-1, #indo-pac-note-2, #indo-pac-note-3, #indo-pac-note-1-title, #indo-pac-note-2-title, #indo-pac-note-3-title, a[id$="-title"] {
            font-family: 'Lato', sans-serif !important;
            font-size: 2.8rem !important;
            font-weight: 400 !important;
            line-height: 1.35 !important;
        
        }
    
    }


    @media screen and (max-width: 393px) and (max-height: 852px) {
        
        #indo-pac-notes.ui.equal.width.grid.stackable {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        width: 100% !important;
        }

        #indo-pac-notes > .column {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        }

    }

    @media (max-width: 767px) {
        body #body-main p {
            font-size: 1rem !important;
            line-height: 1.62 !important;
        }

        body #body-main .event {
            font-size: 0.9rem !important;
            line-height: 1.46 !important;
            flex-wrap: wrap !important;
            row-gap: 0.2rem !important;
        }

        body #body-main #description-main-story-politics,
        body #body-main #news-news-1-description,
        body #body-main #news-news-1-description-econ,
        body #body-main #news-news-1-description-culture,
        body #body-main #news-news-1-1-description-econ{
            font-size: 1rem !important;
            line-height: 1.58 !important;
        }

        #indopac-headlines .post-title {
            font-size: 1.4rem !important;
            line-height: 1.4 !important;
            width: 100% !important;
        }

        #indopac-headlines #indo-pac-notes.ui.equal.width.grid.stackable {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
    }



        #economics-s-header,
        section#leading-headlines #highlights-politics-policy-title > h2.ui.black.dividing.header,
        section#economics-finance #highlights-opinion-commentary-title #economics-s-header,
        section#economics-finance-1 #highlights-opinion-commentary-title #economics-s-header,
        section#economics-finance #highlights-opinion-commentary-title-1 #economics-s-header,
        section#economics-finance-1 #highlights-opinion-commentary-title-1 #economics-s-header,
        section#security-defense-commentary #security-defence-s-header,
        section#culture #highlights-culture-title > h2.ui.black.dividing.header {
            font-size: 1.64rem !important;
            line-height: 1.26 !important;
        }

        .ui.ui.ui.container:not(.fluid) {
            width:auto !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

         /* The titles of the sections styles */

        .ui.black.dividing.header,
        .indopac-header {
            font-family: 'Lato', sans-serif !important;
            font-size: 2.7rem !important;
            line-height: 1.35 !important;
        }

        .economics-header,
        .opinion-commentary-header {
            font-family: 'Lato', sans-serif !important;
            font-size: 2.4rem !important;
            line-height: 1.35 !important;
        }
        
        

    }




    

    @media (max-width: 403px) {

        body #body-main p {
            font-size: 0.98rem !important;
            line-height: 1.58 !important;
        }

        body #body-main .event {
            font-size: 0.86rem !important;
            line-height: 1.42 !important;
        }

        body #body-main #description-main-story-politics,
        body #body-main #news-news-1-description,
        body #body-main #news-news-1-description-econ,
        body #body-main #news-news-1-description-culture,
        body #body-main #news-news-1-1-description-econ {
            font-size: 0.96rem !important;
            line-height: 1.52 !important;
        }

        #indopac-headlines .post-title {
            font-size: 1.3rem !important;
            line-height: 1.35 !important;

        }
         /* The titles of the sections styles */

        .ui.black.dividing.header {
            font-family: 'Lato', sans-serif !important;
            font-size: 2.2rem !important;
            line-height: 1.35 !important;
        }

        #economics-s-header.economics-header,
        .opinion-commentary-header {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.5rem !important;
            line-height: 1.35 !important;
        }

        #security-defence-s-header.ui.black.dividing.header {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.5rem !important;
            line-height: 1.35 !important;
            
        }

        #in-the-indo-pacific-section #economics-s-header,
        section#leading-headlines #highlights-politics-policy-title > h2.ui.black.dividing.header,
        section#economics-finance #highlights-opinion-commentary-title #economics-s-header,
        section#economics-finance-1 #highlights-opinion-commentary-title #economics-s-header,
        section#security-defense-commentary #security-defence-s-header,
        section#culture #highlights-culture-title > h2.ui.black.dividing.header {
            font-size: 1.42rem !important;
            line-height: 1.28 !important;
        }

        .link-culture {

            margin-left: 20px !important;
        
        } 

        .indopac-header{
            font-family: 'Lato', sans-serif !important;
            font-size: 1.8rem !important;
            line-height: 1.35 !important;
        }

        
        .peace-barometer-header {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.1rem !important;
            line-height: 1.35 !important;
            font-weight: 600 !important;
        }

        .peace-barometer-header-2 {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.1rem !important;
            line-height: 1.35 !important;
            font-weight: 400 !important;
        }
        

    }

    /* Responsive promo placeholder used across pages */
    #promo-placeholder,
    .body-main.ui.promo-container.promo-test.promo-centered {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        padding: 0.25rem 0 !important;
    }

    /* Ensure any image or inner placeholder scales */
    #promo-placeholder img,
    #promo-placeholder .placeholder,
    .body-main.ui.promo-container.promo-test.promo-centered img,
    .body-main.ui.promo-container.promo-test.promo-centered .placeholder {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }

    /* Small-screen tweaks */
    @media screen and (max-width: 767px) {
        #promo-placeholder {
            padding: 0.25rem !important;
        }
    }

    /* Center newsletter include on widescreens and make it fluid on small screens */
    .newsletter-front-1-wrapper {
        width: 100% !important;
        max-width: 970px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        box-sizing: border-box !important;
    }

    /* Center the included form content itself; remove inherited left offset */
    .newsletter-front-1-wrapper .newsletter-init-form {
        width: 100% !important;
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    @media (min-width: 1025px) {
        .newsletter-front-1-wrapper {
            max-width: 970px !important;
        }
    }

    @media (max-width: 767px) {
        .newsletter-front-1-wrapper {
            max-width: 100% !important;
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }

        .newsletter-front-1-wrapper .newsletter-init-form {
            max-width: 100% !important;
        }
    }

    /* Widescreen promo centering: cap width and center horizontally */
    @media (min-width: 1025px) {

        #promo-placeholder,
        .body-main.ui.promo-container.promo-test.promo-centered {
            max-width: 970px !important;
            width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
            box-sizing: border-box !important;
        }

        #values-title {
            max-width: 270px !important;
            width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-top: 1.5rem !important;
            padding-bottom: 1.7rem !important;
            box-sizing: border-box !important;
            line-height: 1.35 !important;
            border-right: 1px solid rgba(83, 82, 82, 0.4) !important;
            padding-right: 1rem !important;

        }
    }


/* Removed overlapping-range high-specificity overrides; responsive rules below handle target devices. */


    /* Place headline and ffta into one row when space allows */
    body #body-main #top-news {
        display: flex !important;
        gap: 1rem !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }

    body #body-main #top-news>#headline-main-1 {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body #body-main #top-news>#ffta {
        flex: 0 0 260px !important;
        max-width: 260px !important;
        box-sizing: border-box !important;
    }

    /* On tablets and phones allow stacking to avoid cramped side rail */
    @media (max-width: 1024px) {
        body #body-main #top-news {
            flex-wrap: wrap !important;
        }

        body #body-main #top-news>#ffta {
            flex: 1 1 100% !important;
            max-width: 100% !important;
            margin-top: 0.5rem !important;
        }
    }

    /* Consolidated small-phone rules (replaces exact-width + fallback duplicates) */
    @media screen and (max-width: 414px) {
    #indo-pac-notes.ui.equal.width.grid.stackable > .column {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        }
    }



    @media (max-width: 429px) {

        body #body-main #top-news-board,
        body #body-main #top-news-board.ui.grid,
        body #body-main #indopac-headlines,
        body #body-main #indopac-headlines .ui.grid,
        body #body-main #indopac-headlines .ui.segment,
        body #body-main #opinion-commentary-block {
            display: block !important;
            width: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }

        body #body-main #top-news-board .column,
        body #body-main #indopac-headlines .column,
        body #body-main #indopac-headlines #indo-pac-notes,
        body #body-main #indopac-headlines #indo-pac-notes .summary,
        body #body-main #indopac-headlines #indo-pac-notes .event,
        body #body-main #indopac-headlines #ip-news,
        body #body-main #indopac-headlines .ip-news,
        body #body-main #opinion-commentary-block {
            width: auto !important;
            max-width: none !important;
            margin: 0 0 15px 0 !important;
            box-sizing: border-box !important;
        }

        body #body-main #indopac-headlines #indo-pac-notes-column-1,
        body #body-main #indopac-headlines #indo-pac-notes-column-2 {
            margin-bottom: 15px !important;
            padding-bottom: 0 !important;
        }

        body #body-main #culture-include,
        body section#top-dtp {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
        }

        body #body-main img#opinion-image-m {
            width: 98% !important;
            height: auto !important;
            display: block !important;
            float: right !important;
            margin-left: 0.75rem !important;
            box-sizing: border-box !important;
        }

        body #body-main #opinion-commentary-block,
        body #body-main #opinion-commentary-block .ui.basic.segment {
            padding-left: calc(var(--opinion-card-pl, 1rem) * 0.75) !important;
            padding-right: calc(var(--opinion-card-pr, 1rem) * 0.75) !important;
            margin-left: calc(var(--opinion-card-ml, 1rem) * 0.75) !important;
            margin-right: calc(var(--opinion-card-mr, 1rem) * 0.75) !important;
        }

        body #body-main #opinion-commentary-tower {
            padding-left: 7px !important;
            padding-right: 7px !important;
            box-sizing: border-box !important;
        }

        body #body-main #opinion-commentary-block .ui.basic.segment {
            display: grid !important;
            grid-template-columns: auto 1fr !important;
            gap: 0.25rem 0.5rem !important;
            align-items: start !important;
        }

        body #body-main #opinion-commentary-block .ui.basic.segment .politics-meta {
            display: flex !important;
            width: 100% !important;
            gap: 0.5rem !important;
            align-items: flex-start !important;
            justify-content: space-between !important;
        }

        body #body-main #opinion-commentary-block .ui.basic.segment .politics-tags {
            display: flex !important;
            gap: 0.25rem !important;
            align-items: center !important;
            flex-wrap: wrap !important;
        }

        body #body-main #opinion-commentary-block .ui.basic.segment>a#politics-tag {
            grid-column: 1 !important;
            grid-row: 1 !important;
            justify-self: start !important;
            display: inline-block !important;
        }

        body #body-main #opinion-commentary-block .ui.basic.segment>p#politics-category {
            grid-column: 2 !important;
            grid-row: 1 !important;
            justify-self: end !important;
            margin: 0 !important;
            align-self: start !important;
        }

        body #body-main #opinion-commentary-block .ui.basic.segment>*:not(a#politics-tag):not(p#politics-category) {
            grid-column: 1 / -1 !important;
        }

        body #body-main .promo-b.ui.placeholder.segment,
        body #body-main .promo-b.ui.placeholder.segment .placeholder,
        body #body-main .promo-b.ui.placeholder.segment img {
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 0 15px 0 !important;
            padding: 0.25rem 0 !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
            min-width: 0 !important;
        }

        body #body-main .promo-b.ui.placeholder.segment img {
            height: auto !important;
            max-height: none !important;
            object-fit: contain !important;
        }

        body #politics .extra {
            font-size: 14px !important;
        }
    }


@media (width:800px) and (height:1280){
    
    #top-image-sec-opinion {
        display:flex !important;
    }
}


/*TABLETS SMALL: 712px to 834px width layout | iPad Mini portrait (744×1133/1333, 712×1138)*/


    @media screen and (min-width: 712px) and (max-width: 834px),
    screen and (width: 744px),
    screen and (width: 712px) and (height: 1138px) {

        /* Make inline-login form max-width */
        #inline-login {
            max-width: 280px !important;
        }
        

        /* ========== Leading Headlines: match TABLETS MINI layout ========== */
        section#leading-headlines.ui.container {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
            box-sizing: border-box !important;
        }

        section#leading-headlines>.ui.stackable.grid {
            display: grid !important;
            grid-template-columns: 1fr !important;
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            gap: 1rem !important;
            box-sizing: border-box !important;
        }

        section#leading-headlines #news-news-1 {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #news-news-1>.ui.stackable.grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 1rem !important;
            width: 100% !important;
        }

        section#leading-headlines #news-news-1>.ui.stackable.grid>.column {
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #news-news-1-image-col,
        section#leading-headlines #news-news-2-image-col {
            grid-column: 1 !important;
            grid-row: 1 !important;
        }

        section#leading-headlines #news-news-1-middle {
            grid-column: 2 !important;
            grid-row: 1 !important;
        }

        section#leading-headlines #news-news-1-middle-divider,
        section#leading-headlines #news-news-1-middle-divider-2,
        section#leading-headlines #news-news-1-middle-divider-econ,
        section#leading-headlines #news-news-1-middle-divider-def {
            grid-column: 1 / -1 !important;
            grid-row: 2 !important;
        }

        section#leading-headlines #news-news-2-box {
            grid-column: 1 / -1 !important;
            grid-row: 3 !important;
        }

        section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 1rem !important;
            width: 100% !important;
        }

        section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid>.column {
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #news-news-2-box .column:nth-child(1) {
            grid-column: 1 !important;
        }

        section#leading-headlines #news-news-2-box .column:nth-child(2) {
            grid-column: 2 !important;
            border-left: 1px solid #000 !important;
            padding-left: 1rem !important;
        }

        section#leading-headlines #commentary-commentary-box-top {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: none !important;
            border-left: 0 !important;
            padding-left: 0 !important;
            margin-left: 0 !important;
        }

        section#leading-headlines #commentary-commentary-general {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            column-gap: 1rem !important;
            row-gap: 0.75rem !important;
            width: 100% !important;
            max-width: none !important;
            align-items: start !important;
        }

        section#leading-headlines #commentary-commentary-1,
        section#leading-headlines #commentary-commentary-2,
        section#leading-headlines #commentary-commentary-3 {
            grid-column: 1 !important;
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #ffta {
            grid-column: 2 !important;
            grid-row: 1 / span 5 !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            align-self: stretch !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        section#leading-headlines #commentary-commentary-general .commentary-divider {
            grid-column: 1 !important;
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0.25rem 0 !important;
        }

        section#leading-headlines #commentary-commentary-general .commentary-divider-dotted {
            border-top: 1px dotted #000 !important;
        }

        /* ========== Dispatches Section: hide right banner, keep two equal full-width columns ========== */
        #dispatches .ui.equal.width.grid.stackable {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            gap: 1rem !important;
            width: 100% !important;
            max-width: none !important;
        }

        #dispatches .ui.equal.width.grid.stackable>.column {
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
        }

        #dispatches #i-p-pic {
            grid-column: 1 !important;
        }

        #dispatches #dispatches-wire {
            grid-column: 2 !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
        }

        #dispatches #indopac-banner-2 {
            display: none !important;
        }

        #news-news-1-middle #title-main-story,
        #news-news-1-middle #title-main-story-2 {
            font-size: 2.4rem !important;
            line-height: 1.35 !important;
        }

        #event,
        #event-2,
        #event-3,
        #event-4,
        #event-5,
        #event-6,
        #event-7,
        #event-8,
        #event-9,
        #event-10,
        #event-11,
        #event-12,
        #event-14 {

            border-bottom: 1px dotted #4943436a;
        }


        #event,
        #event-2,
        #event-3,
        #event-4,
        #event-5,
        #event-6,
        #event-7,
        #event-8,
        #event-9,
        #event-10,
        #event-11,
        #event-12,
        #event-14{

            padding-bottom: 1.2rem;
        }
        

    }

@media screen and (min-width: 712px) and (max-width: 834px),
       screen and (width: 744px),
       screen and (width: 712px) and (height: 1138px) {
  #top-image-sec-opinion,
  #top8-col-3,
  .top8-overtitle{

    display: none !important;
  }
}

@media screen and (min-width:1025px) {
    
    #dispatches-wire #dispatches-all-news-wires.item {
        border-bottom:1px dotted dimgray !important;
        padding-bottom: 1rem !important;
    }
}

/* Exempt exact size: show as flex */
@media screen and (width: 800px) and (height: 1280px) {
  #top-image-sec-opinion {
    display: flex !important;
  }
    
    .layout-title-800 {
        padding-left: 0.8rem !important;
    }

    #top-image-sec-opinion.ui.large.header a {
         margin-left: 0.7rem !important;
    }
    
    #top-news-dtp-only .top8-col-2 {
        padding-left: 0 !important;
    }
    
    #top-image-sec-opinion.ui.image img {
        margin-right: 0.9rem !important;
    }
}

@media (width:820px){

        #news-news-1-middle #title-main-story,
        #news-news-1-middle #title-main-story-2{
            font-size: 2.4rem !important;
            line-height: 1.35 !important;
        }

        #event,
        #event-2,
        #event-3,
        #event-4,
        #event-5,
        #event-6,
        #event-7,
        #event-8,
        #event-9,
        #event-10,
        #event-11,
        #event-12,
        #event-14{

            border-bottom: 1px dotted #4943436a;
        }


        #event,
        #event-2,
        #event-3,
        #event-4,
        #event-5,
        #event-6,
        #event-7,
        #event-8,
        #event-9,
        #event-10,
        #event-11,
        #event-12,
        #event-14{

            padding-bottom: 1.2rem;
        }
    }

@media (min-width: 1024px) {


        #event,
        #event-2,
        #event-3,
        #event-4,
        #event-5,
        #event-6,
        #event-7,
        #event-8,
        #event-9,
        #event-10,
        #event-11,
        #event-12,
        #event-14 {

            border-bottom: 1px dotted #4943436a;
        }


        #event,
        #event-2,
        #event-3,
        #event-4,
        #event-5,
        #event-6,
        #event-7,
        #event-8,
        #event-9,
        #event-10,
        #event-11,
        #event-12
        #event-14 {

            padding-bottom: 1.2rem;
        }


        #culture-square-2,
        #security-defence-col-1-1,
        #economics-col-1,
        #economics-new-1a,
        #culture-1a,
        #culture-1b,
        #news-news-0-b,
        #news-news-0-c,
        #news-news-0-d,
        #news-news-0-e
        {
            border-right: 1px dotted #4943436a !important;
            padding-right: 1rem !important;
        }
        
        
        
        
        
    }




    /* Tablet widths 834/800: center Dispatches in a 70% middle lane with empty 15% side lanes. */
@media screen and (width: 834px),
    screen and (width: 800px) {
        #dispatches #dispatches-layout-shell {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        #dispatches #dispatches-layout-shell > .ui.equal.width.grid.stackable {
            display: grid !important;
            grid-template-columns: 15% 70% 15% !important;
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            column-gap: 0 !important;
        }

        #dispatches #i-p-pic {
            display: block !important;
            grid-column: 1 !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            visibility: hidden !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        #dispatches #dispatches-wire {
            display: block !important;
            grid-column: 2 !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #dispatches #indopac-banner-2 {
            display: block !important;
            grid-column: 3 !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            visibility: hidden !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        #dispatches #i-p-pic > *,
        #dispatches #indopac-banner-2 > * {
            display: none !important;
        }
    }


    /* Tablet-only Economics & Finance + Culture:
       hide photo, use 2 columns, and add a light divider between columns. */
@media screen and (min-width: 768px) and (max-width: 1024px) {
        section#economics-finance #highlights-opinion-commentary-title .ui.three.column.grid,
        section#economics-finance-1 #highlights-opinion-commentary-title .ui.three.column.grid,
        section#culture #highlights-culture-title .ui.three.column.grid {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            gap: 1rem !important;
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        section#economics-finance #news-news-0-a,
        section#economics-finance-1 #news-news-0-a,
        section#culture #news-news-0-a,
        section#culture #news-news-0-culture,
        section#culture #news-news-0-e,
        section#economics-new #news-news-0-economics-new {
            grid-column: 1 !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding-right: 1rem !important;
            box-sizing: border-box !important;
        }

        section#economics-finance #news-news-0-b,
        section#economics-finance-1 #news-news-0-b,
        section#culture #news-news-0-b,
        section#culture #news-news-0-d {
            position: relative !important;
            grid-column: 2 !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding-left: 1.2rem !important;
            box-sizing: border-box !important;
        }

        section#economics-finance #news-news-0-b::before,
        section#economics-finance-1 #news-news-0-b::before,
        section#culture #news-news-0-b::before,
        section#culture #news-news-0-d::before {
            content: "";
            position: absolute;
            left: -0.1rem;
            top: 12%;
            width: 1px;
            height: 76%;
            background: #fffefe;
        }

        section#economics-finance #news-news-0-c,
        section#economics-finance-1 #news-news-0-c,
        section#culture #news-news-0-c,
        section#culture #news-news-0-e {
            display: none !important;
        }

        section#economics-finance #news-news-0-b .ui.stackable.grid,
        section#economics-finance-1 #news-news-0-b .ui.stackable.grid,
        section#culture #news-news-0-b .ui.stackable.grid,
        section#culture #news-news-0-d .ui.stackable.grid {
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        section#economics-finance #news-news-0-b .six.wide.column,
        section#economics-finance #news-news-0-b #news-news-1-image,
        section#economics-finance #news-news-0-b #news-news-1-image-econ,
        section#economics-finance-1 #news-news-0-b .six.wide.column,
        section#economics-finance-1 #news-news-0-b #news-news-1-image,
        section#economics-finance-1 #news-news-0-b #news-news-1-image-econ,
        section#culture #news-news-0-b .six.wide.column,
        section#culture #news-news-0-b #news-news-1-image,
        section#culture #news-news-0-b #news-news-1-image-econ,
        section#culture #news-news-0-b #news-news-2-image,
        section#culture #news-news-0-d .six.wide.column,
        section#culture #news-news-0-d #news-news-1-image,
        section#culture #news-news-0-d #news-news-1-image-econ,
        section#culture #news-news-0-d #news-news-2-image{
            display: none !important;
        }

        section#economics-finance #news-news-0-b .ten.wide.column,
        section#economics-finance-1 #news-news-0-b .ten.wide.column,
        section#culture #news-news-0-b .ten.wide.column,
        section#culture #news-news-0-d .ten.wide.column {
            width: 100% !important;
            max-width: none !important;
            flex: 0 0 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        /* Security & Defence: keep main stories left and peace barometer right on iPad mini. */
        section#security-defense-commentary #security-grid {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            gap: 1rem !important;
            align-items: start !important;
            width: 100% !important;
        }

        section#security-defense-commentary #security-col-1,
        section#security-defense-commentary #security-col-2 {
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        section#security-defense-commentary #security-col-1 {
            grid-column: 1 !important;
            padding-right: 1rem !important;
        }

        section#security-defense-commentary #security-col-2 {
            position: relative !important;
            grid-column: 2 !important;
            padding-left: 1.2rem !important;
        }

        section#security-defense-commentary #security-col-2::before {
            content: "";
            position: absolute;
            left: -0.1rem;
            top: 12%;
            width: 1px;
            height: 76%;
            background: #d3d3d3;
        }

        section#security-defense-commentary #security-defence-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 0.75rem !important;
            margin: 0 !important;
        }

        section#security-defense-commentary #security-defence-col-1-3 {
            display: none !important;
        }

        section#security-defense-commentary #security-col-2 #security-tracker-panel {
            margin-top: 0 !important;
            width: 100% !important;
        }
    }

    

    /* Tablet safety guardrails for mini/small layouts */
    @media screen and (min-width: 712px) and (max-width: 834px) {

        section#leading-headlines img,
        #indopac-headlines img,
        #dispatches img,
        #the-latest-section img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        section#leading-headlines .ui.grid>.column,
        #dispatches .ui.grid>.column,
        #the-latest-section .ui.grid>.column,
        #indopac-headlines .ui.grid>.column {
            min-width: 0 !important;
        }
    }



/*TABLETS MINI: range-based layout for small tablets*/

    @media screen and (min-width: 712px) and (max-width: 768px) {

        /* ========== Indo-Pacific Headlines: 2 cols + 1 col layout ========== */
        #indopac-headlines #indo-pac-notes.ui.equal.width.grid.stackable {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 0.5rem !important;
        }

        

        #indopac-headlines #indo-pac-notes-column-1 {
            grid-column: 1 !important;
            grid-row: 1 !important;
        }

        #indopac-headlines #indo-pac-notes-column-2 {
            grid-column: 2 !important;
            grid-row: 1 !important;
        }

        #indopac-headlines #indo-pac-notes-column-3 {
            grid-column: 1 / -1 !important;
            grid-row: 2 !important;
        }

        /* ========== Leading Headlines: full-width, requested 2-column rows ========== */
        section#leading-headlines.ui.container {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
            box-sizing: border-box !important;
        }

        section#leading-headlines>.ui.stackable.grid {
            display: grid !important;
            grid-template-columns: 1fr !important;
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            gap: 1rem !important;
            box-sizing: border-box !important;
        }

        /* Row 1: featured + middle in one row */
        section#leading-headlines #news-news-1 {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #news-news-1>.ui.stackable.grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 1rem !important;
            width: 100% !important;
        }

        section#leading-headlines #news-news-1>.ui.stackable.grid>.column {
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #news-news-1-image-col,
        section#leading-headlines #news-news-2-image-col {
            grid-column: 1 !important;
            grid-row: 1 !important;
        }

        section#leading-headlines #news-news-1-middle {
            grid-column: 2 !important;
            grid-row: 1 !important;
        }

        section#leading-headlines #news-news-1-middle-divider,
        section#leading-headlines #news-news-1-middle-divider-2,
        section#leading-headlines #news-news-1-middle-divider-econ,
        section#leading-headlines #news-news-1-middle-divider-def {
            grid-column: 1 / -1 !important;
            grid-row: 2 !important;
        }

        /* Row 2: news-news-2 + news-news-3 in one row */
        section#leading-headlines #news-news-2-box {
            grid-column: 1 / -1 !important;
            grid-row: 3 !important;
        }

        section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 1rem !important;
            width: 100% !important;
        }

        section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid>.column {
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #news-news-2-box .column:nth-child(1) {
            grid-column: 1 !important;
        }

        section#leading-headlines #news-news-2-box .column:nth-child(2) {
            grid-column: 2 !important;
            border-left: 1px solid #000 !important;
            padding-left: 1rem !important;
        }

        /* Row 3: commentary 1/2/3 left, ffta right */
        section#leading-headlines #commentary-commentary-box-top {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            max-width: none !important;
            border-left: 0 !important;
            padding-left: 0 !important;
            margin-left: 0 !important;
        }

        section#leading-headlines #commentary-commentary-general {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            column-gap: 1rem !important;
            row-gap: 0.75rem !important;
            width: 100% !important;
            max-width: none !important;
            align-items: start !important;
        }

        section#leading-headlines #commentary-commentary-1,
        section#leading-headlines #commentary-commentary-2,
        section#leading-headlines #commentary-commentary-3 {
            grid-column: 1 !important;
            width: 100% !important;
            max-width: none !important;
        }

        section#leading-headlines #ffta {
            grid-column: 2 !important;
            grid-row: 1 / span 5 !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            align-self: stretch !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        section#leading-headlines #commentary-commentary-general .commentary-divider {
            grid-column: 1 !important;
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0.25rem 0 !important;
        }

        section#leading-headlines #commentary-commentary-general .commentary-divider-dotted {
            border-top: 1px dotted #000 !important;
        }

        /* ========== Top DTP (Highlights): Hide col-2, show col-1 + col-3 as 2 cols ========== */
        #top-news-dtp-only #top-image-sec-opinion {
            display: none !important;
        }

        #top-news-dtp-only .top8-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 1rem !important;
        }

        #top-news-dtp-only #top8-col-1 {
            grid-column: 1 !important;
        }

        #top-news-dtp-only #top8-col-2 {
            display: none !important;
        }

        #top-news-dtp-only #top8-col-3 {
            grid-column: 2 !important;
            border-left: 0 !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        /* ========== The Latest Section: 2 columns ========== */
        #the-latest-section .ui.equal.width.grid.stackable {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 1rem !important;
        }

        #the-latest-section .ui.equal.width.grid.stackable .column {
            width: 100% !important;
        }

        /* Force a visible center divider in 2-column latest grid */
        #the-latest-section .ui.equal.width.grid.stackable>#the-latest-mid-section {
            position: relative !important;
            padding-right: 1rem !important;
            min-width: 0 !important;
        }

        #the-latest-section .ui.equal.width.grid.stackable>#the-latest-mid-section:nth-child(odd)::after {
            content: "";
            position: absolute;
            top: 0;
            right: -0.5rem;
            width: 1px;
            height: 100%;
            background: #000;
        }

        #the-latest-section .ui.equal.width.grid.stackable>#the-latest-mid-section:nth-child(even)::after {
            content: none;
        }

        /* ========== Politics Section: 2 columns (image + text pairs) ========== */
        #politics #politics-A-news-wire {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 0.75rem !important;
        }

        #politics #politics-A-news-wire .column {
            width: 100% !important;
        }

        #politics #politics-A-news-wire [id*="politics-A-news-wire-image"] {
            min-width: 0 !important;
        }

        #politics #politics-A-news-wire [id*="politics-A-news-wire-image"] img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        /* ========== Economy Section: 2 columns (image + text pairs) ========== */
        #economy #economy-A-news-wire {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 0.75rem !important;
        }

        #economy #economy-A-news-wire .column {
            width: 100% !important;
        }

        #economy #economy-A-news-wire [id*="economy-A-news-wire-image"] {
            min-width: 0 !important;
        }

        #economy #economy-A-news-wire [id*="economy-A-news-wire-image"] img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        /* ========== Culture Section: 2 columns ========== */
        #culture-include .culture .ui.three.column.grid.stackable {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 0.75rem !important;
        }

        #culture-include .culture .column {
            width: 100% !important;
        }

        #culture-include #i-p-pic {
            display: none !important;
        }

        /* ========== Dispatches Section: full-width with image+description pairs ========== */
        #dispatches .ui.equal.width.grid.stackable {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 0.75rem !important;
        }

        #dispatches .ui.equal.width.grid.stackable .column {
            width: 100% !important;
        }

        #dispatches #i-p-pic {
            display: none !important;
        }

        #dispatches #indopac-banner-2 {
            display: none !important;
        }

        #dispatches #dispatches-wire {
            grid-column: 1 / -1 !important;
            width: 100% !important;
            min-width: 0 !important;
        }

        #dispatches #dispatches-wire .ui.items.extra-space-small {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 0.75rem !important;
        }

        #dispatches #dispatches-wire .ui.items.extra-space-small .item {
            display: grid !important;
            grid-template-columns: 0.4fr 1fr !important;
            gap: 0.75rem !important;
            width: 100% !important;
        }

        #dispatches #dispatches-wire .ui.items.extra-space-small .item .image {
            width: 100% !important;
            height: auto !important;
            min-width: 0 !important;
        }

        #dispatches #dispatches-wire .ui.items.extra-space-small .item .image img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        #dispatches #dispatches-wire .ui.items.extra-space-small .item .content {
            width: 100% !important;
            min-width: 0 !important;
        }
    }


    /* Peace Barometer widget: inverted, high-contrast for readability */
    section#leading-headlines #ffta {
        background: linear-gradient(160deg, #0f2940 0%, #123554 100%) !important;
        color: #edf5ff !important;
        border-radius: 10px !important;
        box-shadow: 0 10px 24px rgba(15, 41, 64, 0.25) !important;
        border: 1px solid rgba(126, 200, 255, 0.28) !important;
        padding: 1rem !important;
        box-sizing: border-box !important;
        overflow: auto !important;
    }

    /* Square aspect only on large screens where column is narrow beside headlines */
    @media (min-width: 1200px) {
        section#leading-headlines #ffta {
            aspect-ratio: 1 / 1 !important;
        }
    }

    section#leading-headlines #ffta h3.ui.header,
    section#leading-headlines #ffta h4.ui.header,
    section#leading-headlines #ffta .ui.dividing.header {
        color: #7ec8ff !important;
        border-bottom-color: rgba(126, 200, 255, 0.45) !important;
    }

    section#leading-headlines #ffta .ui.dividing.header:before,
    section#leading-headlines #ffta .ui.dividing.header:after {
        border-top-color: rgba(126, 200, 255, 0.45) !important;
    }

    section#leading-headlines #ffta .item .header,
    section#leading-headlines #ffta span,
    section#leading-headlines #ffta .content {
        color: #edf5ff !important;
    }

    section#leading-headlines #ffta i.icon {
        color: #7ec8ff !important;
    }

    section#leading-headlines #ffta .ui.horizontal.divided.list>.item {
        border-color: rgba(126, 200, 255, 0.3) !important;
    }

    @media (max-width: 767px) {
        section#leading-headlines #ffta {
            aspect-ratio: auto !important;
            min-height: 0 !important;
        }
    }

    #commentary-commentary-box-top {
        width: 100% !important;
        max-width: none !important;
    }

    #commentary-commentary-general {
        width: 100% !important;
        max-width: none !important;
    }

    #commentary-commentary-featured-desktop {
        display: none;
    }

    #commentary-commentary-general>[id^="commentary-commentary-"] {
        margin-bottom: 0 !important;
        min-width: 0 !important;
    }

    #commentary-commentary-general>#ffta {
        margin-top: 0 !important;
        min-width: 0 !important;
    }

    .commentary-divider {
        width: 100%;
        margin: 1rem auto;
    }

    .commentary-divider-dotted {
        border-top: 1px dotted rgba(0, 0, 0, 0.65);
    }

    .commentary-divider-solid {
        border-top: 1px solid rgba(0, 0, 0, 0.45);
    }

    @media (max-width: 767px) {
        .commentary-divider {
            width: 100%;
            margin: 1rem auto;
        }
    }

    @media (max-width: 403px) {
        .food-margin {
            padding-left: 45px !important;
               
        }

        .space-food {
            margin-bottom: 0.5rem !important;
        }

        .print-fp-top {
            font-family: 'Lato', sans-serif !important;
            font-weight: 600 !important;
            font-size:1.3rem;
        }

        .print-fp-top-2 {
            font-family: 'Lato', sans-serif !important;
            font-weight: 400 !important;
            font-size:1.3rem;
        }

        .ui.dividing.red.header {
            padding-left: 0.2rem !important;
            margin: 0.1rem 0.1rem 0.1rem 0 !important;
        }

        #top-h-d .ui.hidden.divider,
        #top-h-d-2 .ui.hidden.divider,
        #top-h-d-3 .ui.hidden.divider,
        #top-h-d-4 .ui.hidden.divider {
            display:none !important;
        }


        #news-news-2-box .ui.two.column.stackable.grid > .column {
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        
        }

        #leading-headlines #news-news-1 > .ui.stackable.grid > .column, section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid > .column 
        {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-left: -12px !important;


        }

    }


    /* Responsive vertical dividers between Indo-Pacific columns */
    #indo-pac-notes.ui.equal.width.grid.stackable>.column {
        position: relative;
    }

    .indo-pac-dotted-divider {
        width: 100%;
        border-top: 1px dotted #808080;
        margin: 0.75rem 0;
    }

    #indo-pac-headlines-title-section .ui.dividing.header {
        color: rgb(0, 4, 4) !important;
        border-bottom-color: rgb(0, 4, 4) !important;
    }

    #indo-pac-headlines-title-section .ui.dividing.header:before,
    #indo-pac-headlines-title-section .ui.dividing.header:after {
        border-top-color: rgb(0, 4, 4) !important;
        border-top-width: 1px !important;
    }

    .post-title-offset {
        margin-left: 0 !important;
    }


    @media (max-width: 403px) {
    
        #indo-pac-note-1, 
        #indo-pac-note-2,
        #indo-pac-note-3 {
       margin-left: -28px !important;
       padding: 0 !important;
       column-gap: 0 !important;
    }

}

    /* Widescreen: vertical dividers between columns */
    @media (min-width: 768px) {
        #indo-pac-notes.ui.equal.width.grid.stackable>.column:not(:last-child) {
            border-right: 1px solid #000;
            padding-right: 1rem;
        }

        #indo-pac-notes.ui.equal.width.grid.stackable>.column:not(:first-child) {
            padding-left: 1rem;
        }
    }

    /* Mobile/tablet: horizontal dividers between stacked columns */
    @media (max-width: 767px) {
        #indo-pac-notes.ui.equal.width.grid.stackable>.column:not(:last-child) {
            border-bottom: 1px solid #000;
            padding-bottom: 1.5rem;
            margin-bottom: 1.5rem;
        }
    }


    /* Related links in leading headlines: force black */
    #news-news-1-related,
    #news-news-1-related a,
    #news-news-1-related-econ,
    #news-news-1-related-econ a,
    #news-news-1-related-culture,
    #news-news-1-related-economics-new,
    #news-news-1-1-related-culture {
        color: #000 !important;
    }

    /* Leading headlines: force all headers to black */
    section#leading-headlines h1,
    section#leading-headlines h2,
    section#leading-headlines h3,
    section#leading-headlines h4,
    section#leading-headlines h5,
    section#leading-headlines h6,
    section#leading-headlines .ui.header,
    section#leading-headlines .ui.header a {
        color: #000 !important;
    }

    #news-news-1-image img,
    #news-news-1-2-image-econ img,
    #news-news-1-image-econ img,
    #news-news-2-image img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        background-color: #416de7 !important;
        color: #fff !important;
        object-fit: cover !important;
    }

    #title-main-story,
    #title-main-story-2 {
        color: #000 !important;
        font-family: 'Italiana', serif !important;
        font-size: 4.2rem !important;
        font-weight: 400;
        line-height: 1.2 !important;

    }

    #text-theme {
            font-family: 'Lato', sans-serif !important;
            font-size: 2.3rem !important;
            font-weight: 700;
        }

    #description-main-story-politics {
        font-family: 'Lato', sans-serif !important;
        font-size: 1.3rem !important;
        font-weight: 400;
        margin-top: 0.8rem !important;
        margin-bottom: 1.3rem !important;
    }

    #security-defense-commentary #security-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
        gap: 1rem !important;
        align-items: start !important;
    }

    #security-defense-commentary #security-col-1,
    #security-defense-commentary #security-col-2 {
        width: 100% !important;
        min-width: 0 !important;
    }

    #security-defense-commentary #security-defence-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.9rem !important;
        margin: 0 !important;
    }

    #security-defense-commentary #security-defence-col-1-1,
    #security-defense-commentary #security-defence-col-1-2,
    #security-defense-commentary #security-defence-col-1-3 {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Keep the third item readable by spanning full width on larger screens. */
    #security-defense-commentary #security-defence-col-1-3 {
        grid-column: 1 / -1 !important;
    }

    #security-defense-commentary #security-col-2 #security-tracker-panel {
        background: linear-gradient(165deg, #0b2a4a 0%, #123b67 100%) !important;
        color: #edf5ff !important;
        border-radius: 10px !important;
        border: 1px solid rgba(148, 199, 255, 0.35) !important;
        box-shadow: 0 10px 24px rgba(11, 42, 74, 0.25) !important;
        padding: 0.9rem 1rem !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }

    #security-defense-commentary #security-col-2 #security-tracker-panel h3.ui.header,
    #security-defense-commentary #security-col-2 #security-tracker-panel h4.ui.header,
    #security-defense-commentary #security-col-2 #security-tracker-panel .content,
    #security-defense-commentary #security-col-2 #security-tracker-panel .header,
    #security-defense-commentary #security-col-2 #security-tracker-panel i.icon {
        color: #edf5ff !important;
    }

    #security-defense-commentary #security-col-2 #security-tracker-panel h4.ui.dividing.header {
        border-bottom-color: rgba(0, 5, 10, 0.45) !important;
    }

    #security-defense-commentary #security-col-2 #security-tracker-panel .ui.horizontal.divided.list > .item {
        border-color: rgba(0, 5, 10, 0.45) !important;
    }

    #security-defense-commentary #security-col-2 #security-tracker-panel .security-tracker-row + .security-tracker-row {
        margin-top: 0.75rem !important;
    }

    @media (max-width: 1200px) {
        #security-defense-commentary #security-grid {
            grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr) !important;
        }

        #security-defense-commentary #security-defence-grid {
            grid-template-columns: 1fr 1fr !important;
            gap: 0.75rem !important;
        }

        #security-defense-commentary #security-defence-col-1-3 {
            display: none !important;
        }
    }

    /* Dense-tablet exception: allow the third item at exactly 992px. */
    @media (width: 992px) {
        #security-defense-commentary #security-defence-col-1-3 {
            display: block !important;
            grid-column: 1 / -1 !important;
        }

        #title-main-story,
        #title-main-story-2 {
            color: #000 !important;
            font-family: 'Italiana', serif !important;
            font-size: 3.1rem !important;
            font-weight: 400;
            line-height: 1.2 !important;
    }

        #text-theme {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.7rem !important;
            font-weight: 700;
        }

        #description-main-story-politics {
        font-family: 'Lato', sans-serif !important;
        font-size: 1.1rem !important;
        font-weight: 400;
        margin-top: 0.5rem !important;
        margin-bottom: 1rem !important;
        }
    }

    @media (max-width: 1024px) {
        #security-defense-commentary #security-grid {
            grid-template-columns: minmax(0, 1.95fr) minmax(0, 1fr) !important;
        }

        #security-defense-commentary #security-col-2 {
            margin-top: 0 !important;
        }
    }

    @media (max-width: 767px) {
        #security-defense-commentary #security-grid {
            grid-template-columns: 1fr !important;
        }

        #security-defense-commentary #security-defence-grid {
            grid-template-columns: 1fr !important;
        }

        #security-defense-commentary #security-defence-col-1-3 {
            display: block !important;
            grid-column: auto !important;
        }

        #security-defense-commentary #security-col-2 {
            margin-top: 0.5rem !important;
            width: 100% !important;
        }

        #security-defense-commentary #security-col-2 #security-tracker-panel {
            padding: 0.75rem !important;
            width: 100% !important;
        }

        #title-main-story,
        #title-main-story-2 {
            color: #000 !important;
            font-family: 'Italiana', serif !important;
            font-size: 2.8rem !important;
            font-weight: 400;
            line-height: 1.2 !important;
        }

        #description-main-story-politics {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.1rem !important;
            font-weight: 400;
            margin-top: 0.5rem !important;
            margin-bottom: 1rem !important;
        }

    }

    @media (max-width: 480px) {
        #title-main-story,
        #title-main-story-2 {
            color: #000 !important;
            font-family: 'Italiana', serif !important;
            font-size: 2.3rem !important;
            font-weight: 400;
            line-height: 1.2 !important;
        }

        #text-theme {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.3rem !important;
            font-weight: 700;
        }

        #description-main-story-politics {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.1rem !important;
            font-weight: 400;
            margin-top: 0.5rem !important;
            margin-bottom: 1rem !important;
        }
    }

    @media (max-width: 375px) {
        #title-main-story,
        #title-main-story-2 {
            color: #000 !important;
            font-family: 'Italiana', serif !important;
            font-size: 2.3rem !important;
            font-weight: 400;
            line-height: 1.2 !important;
        }

        #text-theme {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.3rem !important;
            font-weight: 700;
        }

        #description-main-story-politics {
            font-family: 'Lato', sans-serif !important;
            font-size: 1.1rem !important;
            font-weight: 400;
            margin-top: 0.7rem !important;
            margin-bottom: 1.1rem !important;
        }
    }

    /* Ensure leading-headlines images and nested grids are fully responsive */
    @media (max-width: 767px) {
        section#leading-headlines .ui.stackable.grid>.column {
            width: 100% !important;
        }

        section#leading-headlines .ui.two.column.stackable.grid .column {
            width: 100% !important;
        }

        section#leading-headlines img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
        }
    }


    /* Widescreen-only spacing: keep image left and content to its right with a small gap */
    @media (min-width: 1025px) {
        section#leading-headlines #news-news-1-image-col,
        section#leading-headlines #news-news-2-image-col {
            padding-right: 1rem;
            box-sizing: border-box;
        }

        section#leading-headlines #news-news-1-image img,
        section#leading-headlines #news-news-2-image img,
        section#leading-headlines #news-news-1-2-image-econ img,
        section#leading-headlines #news-news-1-image-econ img{
            display: block;
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        section#leading-headlines #news-news-1-content {
            padding-left: 0.75rem;
            box-sizing: border-box;
        }

        /* Slightly tighten the header spacing on desktop */
        section#leading-headlines #news-news-1-content h2.ui.header {
            margin-top: 0;
        }

        /* On widescreens, stack the feature block above a full-width commentary/ffta row */
        section#leading-headlines>.ui.stackable.grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            row-gap: 1rem;
            box-sizing: border-box;
            width: 100%;
        }

        section#leading-headlines #news-news-1 {
            grid-column: 1;
            width: 100%;
            max-width: none;
            min-width: 0;
        }

        section#leading-headlines #commentary-commentary-box-top {
            grid-column: 1;
            width: 100%;
            max-width: none;
            min-width: 0;
            box-sizing: border-box;
            border-left: 0;
            padding-left: 0;
            margin-left: 0;
        }

        section#leading-headlines #commentary-commentary-general {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
            column-gap: 1rem;
            row-gap: 0.75rem;
            width: 100%;
            max-width: none;
            align-items: start;
        }

        section#leading-headlines #commentary-commentary-1,
        section#leading-headlines #commentary-commentary-2,
        section#leading-headlines #commentary-commentary-3,
        section#leading-headlines #commentary-commentary-general .commentary-divider {
            grid-column: 1;
            width: 100%;
            max-width: none;
        }

        section#leading-headlines #commentary-commentary-general .commentary-divider {
            margin: 0.25rem 0;
        }

        section#leading-headlines #commentary-commentary-featured-desktop {
            display: block;
            grid-column: 2;
            grid-row: 1 / span 5;
            width: 100%;
            max-width: none;
            min-width: 0;
            align-self: start;
            border-left: 1px solid #000;
            padding-left: 1rem;
        }

        section#leading-headlines #ffta {
            grid-column: 3;
            grid-row: 1 / span 5;
            width: 100%;
            max-width: none;
            min-width: 0;
            align-self: stretch;
            padding-left: 0;
            padding-right: 0;
        }

        /* Inside the featured wrapper, display image + content as a row */
        section#leading-headlines #news-news-1>.ui.stackable.grid {
            display: flex;
            gap: 1rem;
            align-items: flex-start;
            box-sizing: border-box;
            width: 100%;
            flex-wrap: wrap;
        }

        /* Make image column a fixed-ish portion and content flex to fill */
        section#leading-headlines #news-news-1-image-col,
        section#leading-headlines #news-news-2-image-col,
        section#leading-headlines #news-news-1-2-image-econ {
            flex: 0 0 45%;
            max-width: 45%;
            min-width: 200px;
        }

        section#leading-headlines #news-news-1-content {
            flex: 1 1 55%;
            min-width: 0;
        }
    }


    /* Divider after news-news-1-middle */
    #news-news-1-middle-divider,
    #news-news-1-middle-divider-2,
    #news-news-1-middle-divider-econ,
    #news-news-1-middle-divider-def {
        width: 100%;
        border-top: 1px solid #000;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }

    #news-news-0-middle-divider {
        width: 100%;
        border-top: 1px solid #fdfbfb;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }

    @media (max-width: 767px) {
        #news-news-1-middle-divider,
        #news-news-1-middle-divider-2,
        #news-news-1-middle-divider-econ,
        #news-news-1-middle-divider-def {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        #news-news-0-a, #news-news-0-b, #news-news-0-c, #news-news-0-d, #news-news-0-e, #news-news-0-culture {
            width: 100% !important;
            max-width: none !important;

        }

        #news-news-1-image,
        #news-news-2-image,
        #news-news-1-image-econ,
        #news-news-1-2-image-econ {
            width: 100% !important;
            height: auto !important;
            margin-top: 0.5rem !important;
        }
    }

    /* Responsive dividers between news-news-2 and news-news-3 */
    #news-news-2-box .ui.two.column.stackable.grid>.column {
        position: relative;
    }

    /* Widescreen: vertical divider between columns */
    @media (min-width: 768px) {
        #news-news-2-box .ui.two.column.stackable.grid>.column:nth-child(2) {
            border-left: 1px solid #000;
            padding-left: 1.5rem;
        }

        #news-news-2-box .ui.two.column.stackable.grid>.column:nth-child(1) {
            padding-right: 1.5rem;
        }
    }

    /* Mobile/tablet: horizontal divider between stacked columns */
    @media (max-width: 767px) {
        #news-news-2-box .ui.two.column.stackable.grid>.column:nth-child(2) {
            border-top: 0;
            padding-top: 1.5rem;
            margin-top: 1.5rem;
        }

    }

    @media (max-width: 800px) {
        #news-news-2-box, .ui.two.column.stackable.grid>.column:nth-child(2) {
            border-top: 0;
            padding-top: 1.5rem;
            margin-top: 1.5rem;
        }

        #highlights-opinion-commentary-title .ui.three.column.grid,
        #highlights-opinion-commentary-title-1 .ui.three.column.grid,
        #highlights-culture-title .ui.three.column.grid,
        #economics-finance .ui.three.column.grid,
        #economics-finance-1 .ui.three.column.grid {
            display: flex !important;
            padding-left: 0.25rem !important;
            padding-right: 0.25rem !important;
        
        }

        #news-news-0-a, #news-news-0-b, #news-news-0-c, #news-news-0-d, #news-news-0-e, #news-news-0-culture {
            width: 100% !important;
            max-width: none !important;

        }

        #news-news-1-middle-divider,
        #news-news-1-middle-divider-2,
        #news-news-1-middle-divider-econ,
        #news-news-1-middle-divider-def {
            display: none !important;
        }
    }

    @media (max-width: 834px){
        #news-news-1-middle-divider,
        #news-news-1-middle-divider-2,
        #news-news-1-middle-divider-econ,
        #news-news-1-middle-divider-def {
            display: none !important;
        }

    }

    /* iPad mini portrait exact width: force Economics/Culture back to 2 columns. */
    @media screen and (width: 744px) {
        section#economics-finance #highlights-opinion-commentary-title .ui.three.column.grid,
        section#economics-finance-1 #highlights-opinion-commentary-title .ui.three.column.grid,
        section#culture #highlights-culture-title .ui.three.column.grid,
        section#economics-new #highlights-economics-title .ui.three.column.grid{
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            gap: 1rem !important;
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        section#economics-finance #news-news-0-a,
        section#economics-finance-1 #news-news-0-a,
        section#culture #news-news-0-a,
        section#culture #news-news-0-culture,
        section#culture #news-news-0-e,
        section#economics-new #news-news-0-economics-new,
        section#economics-new #news-news-0-e-1{
            grid-column: 1 !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding-right: 1rem !important;
            box-sizing: border-box !important;
        }

        section#economics-finance #news-news-0-b,
        section#economics-finance-1 #news-news-0-b,
        section#culture #news-news-0-b,
        section#culture #news-news-0-d,
        section#economics-new #news-news-0-d-1 {
            position: relative !important;
            grid-column: 2 !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            padding-left: 1.35rem !important;
            box-sizing: border-box !important;
        }

        section#economics-finance #news-news-0-b::before,
        section#economics-finance-1 #news-news-0-b::before,
        section#culture #news-news-0-b::before,
        section#culture #news-news-0-d::before,
        section#economics-new #news-news-0-b::before,
        section#economics-new #news-news-0-d::before{
            content: "";
            position: absolute;
            left: -0.45rem;
            top: 12%;
            width: 1px;
            height: 76%;
            background: #d3d3d3;
        }

        section#economics-finance #news-news-0-c,
        section#economics-finance-1 #news-news-0-c,
        section#culture #news-news-0-c,
        section#culture #news-news-0-e {
            display: none !important;
        }

        section#economics-finance #news-news-0-b .ui.stackable.grid,
        section#economics-finance-1 #news-news-0-b .ui.stackable.grid,
        section#culture #news-news-0-b .ui.stackable.grid {
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        section#economics-finance #news-news-0-b .six.wide.column,
        section#economics-finance #news-news-0-b #news-news-1-image,
        section#economics-finance #news-news-0-b #news-news-2-image,
        section#economics-finance #news-news-0-b #news-news-1-image-econ,
        section#economics-finance #news-news-0-b #news-news-1-2-image-econ,
        section#economics-finance-1 #news-news-0-b .six.wide.column,
        section#economics-finance-1 #news-news-0-b #news-news-1-image,
        section#economics-finance-1 #news-news-0-b #news-news-2-image,
        section#economics-finance-1 #news-news-0-b #news-news-1-image-econ,
        section#economics-finance-1 #news-news-0-b #news-news-1-2-image-econ,
        section#culture #news-news-0-b .six.wide.column,
        section#culture #news-news-0-b #news-news-1-image,
        section#culture #news-news-0-b #news-news-2-image,
        section#culture #news-news-0-d .six.wide.column,
        section#culture #news-news-0-d #news-news-1-image,
        section#culture #news-news-0-d #news-news-2-image,
        section#culture #news-news-0-d #news-news-1-2-image-econ{
            display: none !important;
        }

        section#economics-finance #news-news-0-b .ten.wide.column,
        section#economics-finance-1 #news-news-0-b .ten.wide.column,
        section#culture #news-news-0-b .ten.wide.column,
        section#culture #news-news-0-d .ten.wide.column {
            width: 100% !important;
            max-width: none !important;
            flex: 0 0 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        /* Security & Defence: force two main columns on iPad mini (744px). */
        section#security-defense-commentary #security-grid {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
            gap: 1rem !important;
            width: 100% !important;
            align-items: start !important;
        }

        section#security-defense-commentary #security-col-1,
        section#security-defense-commentary #security-col-2 {
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            margin: 0 !important;
            flex: 0 0 auto !important;
            box-sizing: border-box !important;
        }

        section#security-defense-commentary #security-col-1 {
            grid-column: 1 !important;
            padding-right: 1rem !important;
        }

        section#security-defense-commentary #security-col-2 {
            position: relative !important;
            grid-column: 2 !important;
            padding-left: 1.35rem !important;
        }

        section#security-defense-commentary #security-col-2::before {
            content: "";
            position: absolute;
            left: -0.45rem;
            top: 12%;
            width: 1px;
            height: 76%;
            background: #d3d3d3;
        }

        /* Keep the left Security stories as a single readable list at 744px. */
        section#security-defense-commentary #security-defence-grid {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 0.9rem !important;
            margin: 0 !important;
        }

        section#security-defense-commentary #security-defence-col-1-3 {
            display: block !important;
            grid-column: auto !important;
        }

        section#security-defense-commentary #security-col-2 #security-tracker-panel {
            margin-top: 0 !important;
            width: 100% !important;
        }

        /* Opinion & Commentary: match the tablet two-column layout for iPad mini portrait. */
        #top-news-dtp-only .top8-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 1rem !important;
            align-items: start !important;
            column-gap: 1.25rem !important;
        }

        #top-news-dtp-only #top8-col-1 {
            grid-column: 1 !important;
            border-right: 1px solid #d3d3d3 !important;
            padding-right: 1.1rem !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        #top-news-dtp-only #top-image-sec-opinion {
            display: none !important;
        }

        #top-news-dtp-only #top8-col-3 {
            grid-column: 2 !important;
            border-top: 0 !important;
            border-left: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0.25rem !important;
            padding-right: 0 !important;
            padding-top: 0 !important;
        }

        #top-news-dtp-only .top8-side-image {
            width: 100% !important;
            height: auto !important;
            display: block !important;
        }
    }



    /* Align section gutters with dispatches and prevent narrow tablet columns. */
    @media (max-width: 1024px) {
        section#leading-headlines.ui.container {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
            box-sizing: border-box !important;
        }

        section#leading-headlines > .ui.stackable.grid > .sixteen.wide.computer.eight.wide.tablet.sixteen.wide.mobile.column {
            width: 100% !important;
            max-width: none !important;
            flex-basis: 100% !important;
        }

        #highlights-politics-policy-title,
        #highlights-culture-title {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
            box-sizing: border-box !important;
        }

        #highlights-culture-title .ui.three.column.grid,
        #highlights-opinion-commentary-title .ui.three.column.grid,
        #highlights-opinion-commentary-title-1 .ui.three.column.grid {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;
        }
    }

    @media (max-width: 767px) {
        #highlights-politics-policy-title,
        #highlights-culture-title {
            padding-left: 0.75rem !important;
            padding-right: 0.75rem !important;
        }

        #highlights-culture-title .ui.three.column.grid,
        #highlights-opinion-commentary-title .ui.three.column.grid
        #highlights-opinion-commentary-title-1 .ui.three.column.grid {
            display: block !important;
        }

        /* #news-news-2-box .ui.two.column.stackable.grid {
            display: block !important;
        } */

        #news-news-1-middle-divider,
        #news-news-1-middle-divider-2,
        #news-news-1-middle-divider-econ,
        #news-news-1-middle-divider-def {
            display: none !important;
        }

        #ffta {
            margin-top: 2rem !important;
            margin-bottom: 2rem !important;
        }

        /* Tighten mobile gap between feature block and news-news-2 row. */
        section#leading-headlines #news-news-1-middle {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }

        section#leading-headlines #news-news-1-middle-divider #news-news-0-middle-divider,
        section#leading-headlines #news-news-1-middle-divider-2 #news-news-0-middle-divider,
        section#leading-headlines #news-news-1-middle-divider-econ #news-news-0-middle-divider,
        section#leading-headlines #news-news-1-middle-divider-def #news-news-0-middle-divider {
            display: none !important;
            margin: 0 !important;
            padding: 0 !important;
            height: 0 !important;
        }

        section#leading-headlines #news-news-2-box {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        /* Keep identical horizontal gutters for feature block and news-news-2-box on mobile. */
        section#leading-headlines #news-news-1 > .ui.stackable.grid,
        section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid {
            margin-left: 0 !important;
            margin-right: 0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        section#leading-headlines #news-news-1 > .ui.stackable.grid > .column,
        section#leading-headlines #news-news-2-box .ui.two.column.stackable.grid > .column {
            padding-left: 0.6rem !important;
            padding-right: 0.6rem !important;
            box-sizing: border-box !important;
        }
    }


    /* Global gutter trim for tablet/mobile to reduce side margins without restructuring sections. */
    @media (max-width: 1024px) {
        body #body-main .ui.container,
        body #body-main section.ui.container,
        body #body-main div.ui.container {
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;
        }
    }

    @media (max-width: 767px) {
        body #body-main .ui.container,
        body #body-main section.ui.container,
        body #body-main div.ui.container {
            padding-left: 0.35rem !important;
            padding-right: 0.35rem !important;
        }
    }


    /* Mobile normalization: align Culture/Security/Economics gutters to Dispatches-style spacing. */
    @media (max-width: 767px) {
        section#culture,
        section#economics-new,
        section#economics-finance,
        section#economics-finance-1,
        section#security-defense-commentary {
            padding-left: 16px !important;
            padding-right: 16px !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;
        }

        section#culture #highlights-culture-title,
        section#economics-finance #highlights-opinion-commentary-title,
        section#economics-finance-1 #highlights-opinion-commentary-title,
        section#security-defense-commentary #security-defence-box-top {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        section#culture .ui.three.column.grid,
        section#economics-new .ui.three.column.grid,
        section#economics-finance .ui.three.column.grid,
        section#economics-finance-1 .ui.three.column.grid,
        section#security-defense-commentary #security-defence-grid {
            display: block !important;
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        section#culture #news-news-0-a,
        section#culture #news-news-0-b,
        section#culture #news-news-0-c,
        section#culture #news-news-0-culture,
        section#culture #news-news-0-e,
        section#economics-finance #news-news-0-a,
        section#economics-finance #news-news-0-b,
        section#economics-finance #news-news-0-c,
        section#economics-new #news-news-0-economics-new,
        section#economics-new #news-news-0-d-1,
        section#economics-new #news-news-0-e-1
        section#economics-finance-1 #news-news-0-a,
        section#economics-finance-1 #news-news-0-b,
        section#economics-finance-1 #news-news-0-c,
        section#security-defense-commentary #security-col-1,
        section#security-defense-commentary #security-col-2 {
            width: 100% !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        /* Culture section: even out key text blocks and right column links. */
        section#culture #news-news-1-header,
        section#culture #news-news-1-2-header,
        section#culture #news-news-1-header-culture,
        section#economics-new #news-news-1-header-economics-new,
        section#economics-new #news-news-1-related-economics-new,
        section#culture #news-news-1-1-header-culture,
        section#culture #news-news-1-related,
        section#culture #news-news-1-related-econ,
        section#culture #news-news-1-related-culture,
        section#culture #news-news-1-1-related-culture,
        section#culture .top8-header,
        section#culture #news-news-1-description,
        section#culture #news-news-1-description-culture,
        section#culture #news-news-0-c #indo-pac-notes-links-3,
        section#culture #news-news-0-e #indo-pac-note-links-3 {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            max-width: none !important;
            box-sizing: border-box !important;
        }

        section#culture #news-news-0-c #indo-pac-notes-links-3,
        section#culture #news-news-0-e #indo-pac-notes-links-3{
            margin: 0 0 0.9rem 0 !important;
        }

        section#culture #news-news-0-c .event,
        section#culture #news-news-0-e .event,
        section#economics-new #news-news-0-e-1 .event{
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        /* Security section: normalize card and tracker row horizontal spacing. */
        section#security-defense-commentary #security-col-1 #security-defence-col-1-1,
        section#security-defense-commentary #security-col-1 #security-defence-col-1-2,
        section#security-defense-commentary #security-col-1 #security-defence-col-1-3,
        section#security-defense-commentary #security-col-1 .security-tracker-row,
        section#security-defense-commentary #security-col-2 .security-tracker-row {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;
        }

        /* Economics section: even out grid and key header/meta blocks. */
        section#economics-finance .ui.three.column.grid,
        section#economics-finance-1 .ui.three.column.grid {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        section#economics-finance #economics-col-1 #news-news-1-header,
        section#economics-finance #economics-col-1 #news-news-1-header-econ,
        section#economics-finance #economics-col-1 #news-news-1-1-header-econ,
        section#economics-finance #economics-col-1 #news-news-1-1-1-header-econ,
        section#economics-finance #economics-col-1 #news-news-1-meta,
        section#economics-finance #economics-col-1 #news-news-1-1-meta-econ,
        section#economics-finance #economics-col-1 #news-news-1-meta-econ,
        section#economics-finance-1 #economics-col-1 #news-news-1-header,
        section#economics-finance-1 #economics-col-1 #news-news-1-header-econ,
        section#economics-finance-1 #economics-col-1 #news-news-1-1-header-econ,
        section#economics-finance-1 #economics-col-1 #news-news-1-1-1-header-econ,
        section#economics-finance-1 #economics-col-1 #news-news-1-meta,
        section#economics-finance-1 #economics-col-1 #news-news-1-meta-econ,
        section#economics-finance-1 #economics-col-1 #news-news-1-1-meta-econ {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            width: 100% !important;
            max-width: none !important;
            box-sizing: border-box !important;
        }
    }

    @media (min-width: 713px) and (max-width: 767px) {
        section#economics-finance,
        section#economics-finance-1 {
            padding-left: 16px !important;
            padding-right: 16px !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;
        }
    }

    /* Final content-link override: applied late so section/header/item link styles do not bring blue back.
       Scoped to homepage content sections only, leaving navigation and footer untouched. */
    #in-the-indo-pacific-section a,
    section#leading-headlines a,
    section#economics-finance a,
    section#economics-finance-1 a,
    section#security-defense-commentary a,
    section#culture a,
    section#economics-new a,
    section#top-dtp a,
    section#dispatches a,
    #newsletter-promotion-secondary a,
    #food-for-thought a {
        color: #000 !important;
    }

    #in-the-indo-pacific-section a:visited,
    section#leading-headlines a:visited,
    section#economics-finance a:visited,
    section#economics-finance-1 a:visited,
    section#economics-new a:visited,
    section#security-defense-commentary a:visited,
    section#culture a:visited,
    section#top-dtp a:visited,
    section#dispatches a:visited,
    #newsletter-promotion-secondary a:visited,
    #food-for-thought a:visited {
        color: #000 !important;
    }

    #in-the-indo-pacific-section a:hover,
    #in-the-indo-pacific-section a:focus,
    section#leading-headlines a:hover,
    section#leading-headlines a:focus,
    section#economics-finance a:hover,
    section#economics-finance a:focus,
    section#economics-finance-1 a:hover,
    section#economics-finance-1 a:focus,
    section#economics-new a:hover,
    section#economics-new a:focus,
    section#security-defense-commentary a:hover,
    section#security-defense-commentary a:focus,
    section#culture a:hover,
    section#culture a:focus,
    section#top-dtp a:hover,
    section#top-dtp a:focus,
    section#dispatches a:hover,
    section#dispatches a:focus,
    #newsletter-promotion-secondary a:hover,
    #newsletter-promotion-secondary a:focus,
    #food-for-thought a:hover,
    #food-for-thought a:focus {
        color: rgb(16, 96, 90) !important;
    }

    /* Dispatches tag pills: keep white text on black background in all states. */
    section#dispatches a.ui.label,
    section#dispatches a.ui.label:visited,
    section#dispatches a.ui.label:hover,
    section#dispatches a.ui.label:focus,
    section#dispatches a.ui.tiny.label,
    section#dispatches a.ui.tiny.label:visited,
    section#dispatches a.ui.tiny.label:hover,
    section#dispatches a.ui.tiny.label:focus {
        color: #fff !important;
    }




    /* To adapt the values box */

    @media (width:820px){

        #values-title,
        #values-container {

            display: flex;
            flex-direction: column;
        }
    }

     @media (width:834px){

        #title-main-story,
        #title-main-story-2,
        #description-main-story-politics {

            zoom:0.7;
        }

        #news-news-1-middle,
        #news-news-1-middle-divider,
        #news-news-1-middle-divider-2,
        #news-news-1-middle-divider-econ,
        #news-news-1-middle-divider-def,
        #event,
        #event-2,
        #event-3{

            border-bottom: 1px solid #4943436a;
        }


        #event,
        #event-2,
        #event-3{

            padding-bottom: 1.2rem;
        }
  }

  @media (min-width: 1024px) {

    #values-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
  }

  @media (max-width:414px) {

    #values-list {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.6rem;
    }

}


    /* The news dividers on the mobile viewports*/

    @media (max-width:414px) {

        #news-news-1-image-col,
        #news-news-2-image-col,
        #news-news-1-middle,
        #pol-policy-2,
        #pol-policy-3{

            border-bottom: 1px dotted #4943436a;
            margin-top: 1rem;

    }

    #highlights-opinion-commentary-title,
    #highlights-opinion-commentary-title-1{

        padding:0.3rem 0.2rem 0.3rem 0.2rem;
    }

    #economics-square-2,
    #security-defence-col-1-1,
    #security-defence-col-1-2{

            border-bottom: 1px dotted #4943436a;
            margin-top: 1rem;

    }

    #culture-square-2,
    #culture-square-3 {

            border-bottom: 1px dotted #4943436a;
            margin-top: 1rem;

    }

}

/* Additional space above the self-advertisement on mobile viewports*/

@media (max-width:401px) {

    

    #auto-promo {

        margin-top: 3.5rem;
    }

    

}

/* Remove padding left and right of "the leading-headlines" section on mobile viewports*/

@media (max-width:401px) {

    section#leading-headlines {

        padding-left: 0;
        padding-right: 0;
    }
    
    .newsletter-front-1-wrapper {

        padding-left: 0;
        padding-right: 0;
    }

}

/* Additional space below stories in the "leading-headlines" section on mobile viewports*/

@media (max-width:401px) {


    section#leading-headlines
    #news-news-1-middle,
    #news-news-2-box{

        margin-bottom: 3.5rem;
    }

    
    #top8-header-id.top8-header{ 

        padding-top: 3.5rem;
    }

}


/*POST.HTML*/

/* CSS for post.html */


    
    #title-header-1 h1 {
        font-size: 3.5rem !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        font-family: 'Lato', sans-serif !important;
        margin-bottom: 0.6rem !important;
        margin-top: 0.3rem !important;
    }

    /* Keep title and post body on the same vertical rails. */
    #title-header-1,
    #post-text-material {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #post-text-material {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 10fr) minmax(0, 2fr) !important;
        align-items: start !important;
        column-gap: 0 !important;
    }


    @media (min-width: 740px) {

        p {
            font-size: 1.25rem !important;
            line-height: 1.875rem !important;
        }

        #reader-contact p {
            font-size: 1.125rem !important;
            line-height: 1.75rem !important;
        }



    }


    @media (max-width: 1024px) {


    #post-text-material {
            grid-template-columns: 1fr !important;
        }

    }

    #featured-image,
    #featured-image-2,
    #featured-image-3,
    #featured-image-4,
    #featured-image-5-econ,
    #featured-image-6-econ,
    #featured-image-1-def,
    #featured-image-def-2,
    #featured-image-culture,
    #featured-image-economics-new {
            margin-top: 4% !important;
        }
    
    #statement-2,
    #statement-3{
        width:600px !important;
    }

    #featured-image-quote {
            margin-top: 4% !important;
            width: 100% !important;
            height: 32dvh !important;
            background-color: #416de7 !important;
            color: #fff !important;
            object-fit: cover !important;
            font-family: 'Cormorant Garamond', serif !important;
            font-weight: 500 !important;
            font-style: italic !important;
            font-size: 1.5rem !important;
            line-height: 1.6 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 3.7rem 2rem 2rem 3.7rem !important;
        }

     #button-bluesky, #button-telegram, #button-email {
            font-size: 0.75rem !important;
            padding: 0.65rem 0.65rem 0.65rem 0.65rem !important;
            margin: 0.35rem 0.35rem 0.35rem 0.35rem !important;
        }

    
    
    

    @media (min-width: 740px) and (max-width: 1024px) {
        
        
        #text-main .ui.text.container,
        #text-main .ui.text.container p {
            
            font-size: 1.125rem !important;
            line-height:1.6 !important;
        }


        #featured-image,
        #featured-image-2,
        #featured-image-3,
        #featured-image-4,
        #featured-image-5-econ,
        #featured-image-6-econ,
        #featured-image-1-def,
        #featured-image-def-2,
        #featured-image-culture,
        #featured-image-economics-new{
            margin-top: 3% !important;
        }

        #featured-image-quote {
            margin-top: 3% !important;
        }

        #button-bluesky, #button-telegram, #button-email {
            font-size: 0.75rem !important;
            padding: 0.65rem 0.65rem 0.65rem 0.65rem !important;
            margin: 0.35rem 0.35rem 0.35rem 0.35rem !important;
        }
        
    }

    @media (max-width: 739px) {


        #title-header-1 h1 {
        font-size: 2.5rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.2rem !important;

        }

        #title-header-1a, #title-header-1c {
            display: none !important;
        }

        #title-header-1b,
        #title-header-1c {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
            box-sizing: border-box !important;
            margin-bottom: 1rem !important;
        }

        #sub-header{
            font-size: 0.6rem !important;
            line-height: 1.7 !important;
            margin-top: 1.7rem !important;
            margin-bottom: 2.5rem !important;
        } 

        #featured-image,
        #featured-image-2,
        #featured-image-3,
        #featured-image-4,
        #featured-image-5-econ,
        #featured-image-6-econ,
        #featured-image-1-def,
        #featured-image-def-2,
        #featured-image-culture,
        #featured-image-economics-new{
            margin-top: 3% !important;
            margin-bottom: 0.35rem !important;
        }

        #featured-image-quote {
            margin-top: 5% !important;
            margin-bottom: 0.35rem !important;
        }

        /* Reduce the large visual gap between featured media and first paragraph block on mobile. */
        #post-text-material {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        #button-bluesky, #button-telegram, #button-email {
            font-size: 0.75rem !important;
            padding: 0.65rem 0.65rem 0.65rem 0.65rem !important;
            margin: 0.35rem 0.35rem 0.35rem 0.35rem !important;
        }
        
        #statement-2,
        #statement-3 {
            width:auto !important;
            font-size: 0.658rem;
            line-height: 1.2rem;
        
    }
        
    }
    
    
    @media (max-width: 479px) {

        #title-header-1 h1 {
        font-size: 1.8rem !important;
        line-height: 1.4 !important;
        margin-bottom: 0.2rem !important;

        }
        
        
    }

    
   

    /* Font families scoped to post page only */
    .post-page p {
        font-family: 'Gelasio', serif !important;
        font-weight: 400 !important;
    }

    .post-page h1,
    .post-page h2,
    .post-page h3,
    .post-page h4,
    .post-page h5,
    .post-page h6 {
        font-family: 'Lato', sans-serif !important;
        font-weight: 600 !important;
    }

    .post-page .post-meta-date {
        margin-top: 2rem;
    }

    .post-page .post-share-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
    }

    .post-page .post-share-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2.2rem;
        padding: 0.45rem 0.8rem;
        border: 1px solid rgba(34, 36, 38, 0.25);
        border-radius: 0.55rem;
        background: #f8f8f8;
        color: rgba(0, 0, 0, 0.9);
        text-decoration: none;
        font-family: 'Lato', sans-serif;
        font-size: 0.86rem;
        font-weight: 700;
    }

    .post-page .post-share-link:hover {
        color: #0e6eb8;
        border-color: rgba(14, 110, 184, 0.35);
        background: #f3f8ff;
    }
    
    
   

    /* TABLETS SMALL + iPad Air portrait: 712px to 834px width layout | iPad Mini portrait (744×1133/1333, 712×1138) */
    @media screen and (min-width: 712px) and (max-width: 834px),
    screen and (width: 744px),
    screen and (width: 712px) and (height: 1138px) {
        #title-header-1,
        #post-text-material {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            box-sizing: border-box !important;
        }

        #title-header-1 .row,
        #post-text-material.row {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        #title-header-1 #title-header-1a,
        #title-header-1 #title-header-1b.two.wide.column,
        #title-header-1 #title-header-1c.two.wide.column
        {
            display: none !important;
        }

        #title-header-1 #title-header-1b.ten.wide.column,
        #title-header-1 #title-header-1c.ten.wide.column
        {
            width: 100% !important;
            max-width: 100% !important;
            flex-basis: 100% !important;
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
            box-sizing: border-box !important;
        }

        #title-header-1 #featured-image,
        #title-header-1 #featured-image-1,
        #title-header-1 #featured-image-2,
        #title-header-1 #featured-image-4,
        #title-header-1 #featured-image-5-econ,
        #title-header-1 #featured-image-6-econ,
        #title-header-1 #featured-image-culture,
        #title-header-1 #featured-image-economics-new,
        #title-header-1 img#featured-image,
        #title-header-1 img#featured-image-1,
        #title-header-1 img#featured-image-2,
        #title-header-1 img#featured-image-3,
        #title-header-1 img#featured-image-4,
        #title-header-1 img#featured-image-5-econ,
        #title-header-1 img#featured-image-6-econ,
        #title-header-1 img#featured-image-1-def,
        #title-header-1 img#featured-image-def-2,
        #title-header-1 img#featured-image-culture,
        #title-header-1 img#featured-image-economics-new{
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        .post-page .ui.text.container {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        .post-page .row>.three.wide.column,
        .post-page .row>.four.wide.column,
        .post-page .row>.two.wide.column {
            display: none !important;
        }

        .post-page .row>.eight.wide.column,
        .post-page .row>.nine.wide.column,
        .post-page .row>.twelve.wide.column {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
            box-sizing: border-box !important;
        }

    
        #title-header-1 h1 {
        font-size: 2.05rem !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        font-family: 'Lato', sans-serif !important;
        font-style: normal !important;
        margin-bottom: 0.4rem !important;

        }
    }

    /* Post page: unified left/right rail applied directly to avoid Semantic UI grid escape. */
    @media (min-width: 1025px) {
        /* Apply margins directly to title block and body column — avoids Semantic UI negative-margin grid escape */
        #title-header-1 {
            padding-left: 13% !important;
            padding-right: 13% !important;
            box-sizing: border-box !important;
        }

        #title-header-1 .row {
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        #title-header-1 #title-header-1a,
        #title-header-1 #title-header-1b.two.wide.column,
        #title-header-1 #title-header-1c.two.wide.column{
            display: none !important;
        }

        #title-header-1 #title-header-1b.ten.wide.column,
        #title-header-1 #title-header-1c.ten.wide-column{
            width: 100% !important;
            max-width: 100% !important;
            flex-basis: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        #title-header-1 #featured-image,
        #title-header-1 #featured-image-1,
        #title-header-1 #featured-image-2,
        #title-header-1 #featured-image-3,
        #title-header-1 #featured-image-4,
        #title-header-1 #featured-image-5-econ,
        #title-header-1 #featured-image-6-econ,
        #title-header-1 #featured-image-1-def,
        #title-header-1 #featured-image-def-2,
        #title-header-1 #featured-image-culture,
        #title-header-1 #featured-image-economics-new,
        #title-header-1 img#featured-image,
        #title-header-1 img#featured-image-1,
        #title-header-1 img#featured-image-2,
        #title-header-1 img#featured-image-3,
        #title-header-1 img#featured-image-4,
        #title-header-1 img#featured-image-5-econ,
        #title-header-1 img#featured-image-6-econ,
        #title-header-1 img#featured-image-1-def,
        #title-header-1 img#featured-image-def-2,
        #title-header-1 img#featured-image-culture,
        #title-header-1 img#featured-image-economics-new{
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        #post-text-material {
            grid-template-columns: 1fr !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }


        .extra-footer {
            width: 100vw !important;
            max-width: 100vw !important;
            margin-left: calc(50% - 50vw) !important;
            margin-right: calc(50% - 50vw) !important;
            border-radius: 0 !important;
        }
    }

    /* Post title: +35% size, bolder weight, responsive */
    .post-page h1 {
        font-size: 2.97rem !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    /* Post lead / sub-header: responsive */
    .post-page #sub-header,
    .post-page #sub-header span {
        font-size: 1.45rem !important;
        line-height: 1.78 !important;
        margin-bottom: 6% !important;
    }

    #date-share-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    margin-bottom: 1rem !important;
}

#sharing-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.35rem !important;
    justify-content: flex-end !important;
}

#sharing-buttons .post-share-link {
    font-size: 0.78rem !important;
    padding: 0.4rem 0.7rem !important;
    white-space: nowrap !important;
}

@media (max-width: 1024px) {
    #sharing-buttons .post-share-link {
        font-size: 0.73rem !important;
        padding: 0.35rem 0.55rem !important;
    }
}

@media (max-width: 767px) {
    #date-share-row {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 0.25rem !important;
    }

    #date-share-row time {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    #sharing-buttons {
        justify-content: flex-end !important;
        width: auto !important;
        flex-wrap: nowrap !important;
        gap: 0.15rem !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #sharing-buttons .post-share-link {
        font-size: 0.58rem !important;
        padding: 0.2rem 0.32rem !important;
        min-height: 1.45rem !important;
        border-radius: 0.45rem !important;
        letter-spacing: 0 !important;
    }
}

    @media (min-width: 768px) and (max-width: 1024px) {
        .post-page h1 {
            font-size: 2.31rem !important;
            line-height: 1.25 !important;
        }

        .post-page #sub-header,
        .post-page #sub-header span {
            font-size: 1.2rem !important;
            line-height: 1.7 !important;
            margin-bottom: 4% !important;
        }
    }

    @media (min-width: 835px) and (max-width: 1024px) {
        .post-page .ui.container {
            width: 100% !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .post-page .row>.three.wide.column,
        .post-page .row>.four.wide.column,
        .post-page .row>.two.wide.column {
            display: none !important;
        }

        .post-page .row>.eight.wide.column,
        .post-page .row>.nine.wide.column,
        .post-page .row>.twelve.wide.column {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0.75rem !important;
            padding-right: 0.75rem !important;
            box-sizing: border-box !important;
        }
    }

    @media (max-width: 767px) {
        .post-page h1 {
            font-size: 1.87rem !important;
            line-height: 1.3 !important;
        }

        .post-page #sub-header,
        .post-page #sub-header span {
            font-size: 1.05rem !important;
            line-height: 1.6 !important;
            margin-bottom: 4% !important;
        }

        .post-page .post-share-actions {
            align-items: stretch;
        }

        .post-page .post-share-link {
            width: auto !important;
        }

        #post-text-material {
            margin-top: 0 !important;
        }
    }







/*INDEX_TAG.HTML*/

/* CSS for index_tag.html */


  .tag-index-page .tag-wire {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px dotted #000;
  }

  .tag-index-page .tag-wire:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .tag-index-page .tag-wire-title {
    color: #0a0200;
    font-size: 1.125rem;
    line-height: 1.35;
  }

  .tag-index-page .tag-wire-copy {
    color: #0a0200;
    font-size: 1.125rem;
    line-height: 1.6;
  }

  .tag-index-page .tag-wire-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .tag-index-page .tag-wire-tags {
    margin-top: 0.5rem;
  }

  .tag-index-page .tag-wire-tags .tag-label-text {
    color: #0a0200;
  }

  /* Tablet mini + tablet small */
  @media screen and (min-width: 712px) and (max-width: 834px) {
    .tag-index-page .tag-wire {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 1rem;
      align-items: start;
      width: 100%;
    }

    .tag-index-page .tag-wire-image {
      flex: 0 0 36% !important;
      max-width: 36% !important;
      width: 36% !important;
      margin: 0 !important;
    }

    .tag-index-page .tag-wire .content {
      flex: 1 1 64% !important;
      width: auto !important;
      margin: 0 !important;
      min-width: 0;
    }

    .tag-index-page .tag-wire-image img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }
  }

  /* Mobile */
  @media screen and (max-width: 711px) {
    .tag-index-page .tag-wire {
      display: block;
    }

    .tag-index-page .tag-wire-title,
    .tag-index-page .tag-wire-copy {
      font-size: 1rem;
      line-height: 1.55;
    }
  }

  @media (min-width: 480px) {
    /* Minimal horizontal gutter standard for tag index layout. */
    .tag-index-page,
    .tag-index-page.ui.container,
    .tag-index-page .ui.container.centered {
      width: 100% !important;
      max-width: none !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
      box-sizing: border-box !important;
    }
  }


  /*CATEGORY_DETAIL.HTML*/

/* CSS for category_detail.html */


  /* Font families for category_detail.html */
  #content-body p {
    font-family: 'Gelasio', serif !important;
    font-weight: 400 !important;
  }

  #content-body h1,
  #content-body h2,
  #content-body h3,
  #content-body h4,
  #content-body h5,
  #content-body h6 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 600 !important;
  }

  /* Reading scale: title/description/category/quote */
  .category-title-text {
    font-size: 1.22rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  .category-description-text {
    font-size: 1.04rem !important;
    line-height: 1.68 !important;
  }

  .category-meta-text {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
  }

  .category-quote-text {
    font-size: 1.03rem !important;
    line-height: 1.56 !important;
    font-style: italic;
  }

  @media (min-width: 768px)
  and (max-width: 1024px) {

    .category-title-text {
      font-size: 1.16rem !important;
      line-height: 1.35 !important;
    }

    .category-description-text {
      font-size: 1.01rem !important;
      line-height: 1.62 !important;
    }

    .category-meta-text {
      font-size: 0.92rem !important;
      line-height: 1.46 !important;
    }

    .category-quote-text {
      font-size: 1rem !important;
      line-height: 1.52 !important;
    }
  }

  @media (width:834px){

    #category-news-wire-mid.ui.vertical.stripe.segment {
      line-height: 1.35 !important;

    }
    #category-news-wire-mid.h3.ui.text.container {
      font-size: 1.3rem !important;
      line-height: 1.35 !important;

    }


  }

  @media only screen and (max-width: 767px) {
    .category-title-text {
      font-size: 1.4rem !important;
      line-height: 1.35 !important;
    }

    .category-description-text {
      font-size: 1.1rem !important;
      line-height: 1.56 !important;
    }

    .category-meta-text {
      font-size: 0.88rem !important;
      line-height: 1.42 !important;
    }

    .category-quote-text {
      font-size: 0.95rem !important;
      line-height: 1.48 !important;
    }
  }

  @media only screen and (max-width: 403px) {
    .category-title-text {
      font-size: 1.02rem !important;
      line-height: 1.35 !important;
    }

    .category-description-text {
      font-size: 0.95rem !important;
      line-height: 1.5 !important;
    }

    .category-meta-text {
      font-size: 0.84rem !important;
      line-height: 1.36 !important;
    }

    .category-quote-text {
      font-size: 0.92rem !important;
      line-height: 1.44 !important;
    }
  }

  /* Horizontal dividers after category news wire blocks */
  #category-news-wire-mid::after,
  #category-news-wire-bottom::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #000;
    margin-top: 0.85rem;
  }

  /* Dotted divider after bottom-up-footer items */
  [id="category-news-wire-bottom-up-footer"]:not(:last-child) {
    border-bottom: 1px dotted #000 !important;
    padding-bottom: 0.85rem;
    margin-bottom: 0.85rem;
  }
  
  #top-category-news-n .two.stackable.column {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    gap: 0.3rem !important;
  } 

  /* Consolidated mobile media query (max-width: 767px) */
  @media only screen and (max-width: 767px) {

    .ui.large.image img,
    .ui.fluid.image {
      display: block !important;
      margin: 0.25rem 0 !important;
      padding: 0 !important;
      max-width: 100% !important;
      height: auto !important;
    }

    #category-news-wire-mid::after,
    #category-news-wire-bottom::after {
      width: 100%;
      margin-top: 0.75rem;
    }

    [id="category-news-wire-bottom-up-footer"]:not(:last-child) {
      padding-bottom: 0.75rem;
      margin-bottom: 0.75rem;
    }

    #top-category-news-news .six.wide.stackable.column,
    #top-category-news-news .eight.wide.stackable.column {
      width: 100% !important;
      grid-column: 1 / -1 !important;
      gap: 0.3rem !important;

  }

  .ui-header {
    margin-top:0 !important;
  }
}


/* TABLETS_SMALL 712px to 834px width layout */

  @media screen and (min-width: 712px) and (max-width: 834px) {
   

    
    
  #top-category-news-n .two.stackable.column {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    gap: 0.3rem !important;
  } 
    
  }


/* TABLET SAFETY GUARDRAILS: 712px to 834px (prevent grid/flex overflow) */

  @media screen and (min-width: 712px) and (max-width: 834px) {
    img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    [id^="category-top-wire-image"] {
      min-width: 0 !important;
    }

    [id^="category-news-wire-bottom-up-footer-image-"] {
      min-width: 0 !important;
    }

    .ui.middle.aligned.stackable.grid.container>.row {
      min-width: 0 !important;
    }
    
    #news-news-1-middle-divider,
    #news-news-1-middle-divider-1,
    #news-news-1-middle-divider-2,
    #news-news-1-middle-divider-econ,
    #news-news-1-middle-divider-def{
            grid-column: 1 / -1 !important;
            grid-row: 2 !important;
        }
  
    #top-category-news-n .two.stackable.column {
      width: 100% !important;
      grid-column: 1 / -1 !important;
      gap: 0.3rem !important;
    } 

  }
  


/*TABLETS MINI: 712px to 768px width (2-column layouts)*/

  @media screen and (min-width: 712px) and (max-width: 768px) {
    .ui.middle.aligned.stackable.grid.container>.row {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 1rem !important;
      align-items: start !important;
    }

    [id^="category-top-wire-text-"] {
      grid-column: 1 !important;
      width: 100% !important;
      max-width: none !important;
    }
    
    [id^="category-top-wire-text-B"] {
      grid-column: 1 !important;
      width: 100% !important;
      max-width: none !important;
    }

    [id^="category-top-wire-image"] {
      grid-column: 2 !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      float: none !important;
      min-width: 0 !important;
    }

    [id^="category-top-wire-image"] img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    #category-top #top8-col-3-title,
    #category-top #top8-col-3-image {
      display: none !important;
    }

    #category-top #top8-col-1 {
      border-bottom: 1px solid #000 !important;
      padding-bottom: 1rem !important;
      margin-bottom: 1rem !important;
    }

    #category-news-wire-bottom-up-footer {
      display: grid !important;
      grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr) !important;
      gap: 1rem !important;
      align-items: start !important;
      width: 100% !important;
    }

    [id^="category-news-wire-bottom-up-footer-image-"] {
      grid-column: 1 !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
    }

    [id^="category-news-wire-bottom-up-footer-image-"] img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    #category-news-wire-bottom-up-footer .content {
      grid-column: 2 !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
    }

    #category-news-wire-bottom-up-footer #cnwbf-tag,
    #category-news-wire-bottom-up-footer #cnwbf-cat,
    #category-news-wire-bottom-up-footer #cnwbf-title,
    #category-news-wire-bottom-up-footer #cnwbf-meta,
    #category-news-wire-bottom-up-footer #cnwbf-dscrp {
      display: block !important;
      width: 100% !important;
      max-width: none !important;
    }

    #top-category-news .ui.stackable.grid>.column {
      width: 100% !important;
      max-width: none !important;
    }

    #top-category-news-news .six.wide.stackable.column,
    #top-category-news-news .eight.wide.stackable.column {
      width: 100% !important;

  }

    /* Keep the lead image/text pair side-by-side on iPad mini widths. */
    #top-category-news-news-news-1 {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: flex-start !important;
      gap: 0.7rem !important;
      width: 100% !important;
      margin: 0 !important;
    }

    #top-category-news-news-news-1 > #top-category-news-news-news-1-image-col,
    #top-category-news-news-news-1 > #top-category-news-news-news-2-image-col{
      width: 42% !important;
      max-width: 42% !important;
      flex: 0 0 42% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #top-category-news-news-news-1 > #top-category-news-news-news-1-A top-category-news-news-news-1-B {
      width: 58% !important;
      max-width: 58% !important;
      flex: 0 0 58% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    #news-news-1-middle-divider,
    #news-news-1-middle-divider-1,
    #news-news-1-middle-divider-2,
    #news-news-1-middle-divider-econ,
    #news-news-1-middle-divider-def {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
  }
    
    #top-category-news-n .two.stackable.column {
      width: 100% !important;
      grid-column: 1 / -1 !important;
      gap: 0.3rem !important;
  }
    
    #top-category-news-news-news-1 {
      display: grid !important;
      grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr) !important;
      width: 100% !important;
      align-items: start !important;
      gap: 0.7rem !important;
      margin: 0 !important;
    }

    #top-category-news-news-news-1-image-col,
    #top-category-news-news-news-2-image-col{
      grid-column: 1 !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #top-category-news-news-news-1-image-col img,
    #top-category-news-news-news-2-image-col img{
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    #top-category-news-news-news-1-A top-category-news-news-news-1-B {
      grid-column: 3 !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Override broader mini-tablet rule that forces six/eight-wide columns to 100%. */
    #top-category-news-news #top-category-news-news-news-1-image-col,
    #top-category-news-news #top-category-news-news-news-2-image-col,
    #top-category-news-news #top-category-news-news-news-1-A top-category-news-news-news-1-B {
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
    }

    #top-category-news-news-news-1-A top-category-news-news-news-1-B #category-top-wire-text #category-top-wire-text-B {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }


    #top-category-news-news-news-1-B #category-top-wire-text #category-top-wire-text-B {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      margin-left: 0.25rem !important;
    }

    #top-category-news-news-news-1-B,
    #top-category-news-news-left-2 {

      border-left: 1px dotted #4943436a;
      padding-left: 0.75rem !important;
      padding-right: 0.75rem !important;
      margin-right: 0 !important;


    }
    
  

}

  @media (width:820px) and (height:1180px){

    #top-category-news-news #top-category-news-news-news-1-image-col,
    #top-category-news-news #top-category-news-news-news-2-image-col,
    #top-category-news-news #top-category-news-news-news-1-A top-category-news-news-news-1-B {
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
    }

    #top-category-news-news-news-1-A top-category-news-news-news-1-B #category-top-wire-text #category-top-wire-text-B {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }


    #top-category-news-news-news-1-B #category-top-wire-text #category-top-wire-text-B {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      margin-left: 0.25rem !important;
    }

    #top-category-news-news-news-1-B,
    #top-category-news-news-left-2 {

      border-left: 1px dotted #4943436a;
      padding-left: 0.75rem !important;
      padding-right: 0.75rem !important;
      margin-right: 0 !important;


    }

  }

  /* Final iPad Mini override: keep lead image/text side-by-side (wins over earlier generic column rules). */
  @media screen and (min-width: 712px) and (max-width: 768px),
  screen and (width: 744px) {
    #top-category-news-news-news-1 {
      display: grid !important;
      grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr) !important;
      gap: 0.75rem !important;
      width: 100% !important;
      margin: 0 !important;
      align-items: start !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-image-col,
    #top-category-news-news-news-1 #top-category-news-news-news-2-image-col {
      grid-column: 1 !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      flex: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-A #top-category-news-news-news-1-B {
      grid-column: 3 !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      flex: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-image-col img,
    #top-category-news-news-news-1 #top-category-news-news-news-2-image-col img  {
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-A #top-category-news-news-news-1-B #category-top-wire-text #category-top-wire-text-B {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }
  }

  /* Final override for top-category lead block:
     - tablets and up (including iPad Mini 744): 3 columns
     - phones only: 1 stacked column
  */

  @media screen and (min-width: 712px) {
    #top-category-news-news-news-1 {
      display: grid !important;
      grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr) minmax(0, 0.58fr) !important;
      gap: 0.75rem !important;
      width: 100% !important;
      margin: 0 !important;
      align-items: start !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-image-col,
    #top-category-news-news-news-1 #top-category-news-news-news-2-image-col{
      grid-column: 1 !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-A {
      grid-column: 2 !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-B {
      grid-column: 3 !important;
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-image-col img,
    #top-category-news-news-news-1 #top-category-news-news-news-2-image-col img{
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    #top-category-news-news-news-1 #category-top-wire-text,
    #top-category-news-news-news-1 #category-top-wire-text-B {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }
  }

  @media screen and (max-width: 711px) {
    #top-category-news-news-news-1 {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 0.6rem !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-image-col,
    #top-category-news-news-news-1 #top-category-news-news-news-2-image-col,
    #top-category-news-news-news-1 #top-category-news-news-news-1-A,
    #top-category-news-news-news-1 #top-category-news-news-news-1-B {
      grid-column: 1 !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
    }
  }

  /* Laptop and widescreen: make the two text columns wider and reduce right-side dead space. */
  @media screen and (min-width: 1025px) {
    #top-category-news #top-category-news-n {
      width: 100% !important;
      max-width: none !important;
    }

    #top-category-news #top-category-news-n > #top-category-news-news {
      width: 100% !important;
      max-width: none !important;
      flex: 0 0 100% !important;
    }

    #top-category-news-news-news-1 {
      grid-template-columns: minmax(0, 0.58fr) minmax(0, 1fr) minmax(0, 1fr) !important;
      gap: 1rem !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-image-col,
    #top-category-news-news-news-1 #top-category-news-news-news-2-image-col{
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-image-col img,
    #top-category-news-news-news-1 #top-category-news-news-news-2-image-col img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    #top-category-news-news-news-1 #top-category-news-news-news-1-A,
    #top-category-news-news-news-1 #top-category-news-news-news-1-B {
      width: 100% !important;
      max-width: none !important;
    }

    #top-category-news-news-news-1 #category-top-wire-text,
    #top-category-news-news-news-1 #category-top-wire-text-B {
      max-width: none !important;
      width: 100% !important;
    }

    #top-category-news-news-news-1-B,
    #top-category-news-news-left-2 {
      border-left: 1px dotted #4943436a !important;
      padding-left: 0.9rem !important;
      padding-right: 0.75rem !important;
      box-sizing: border-box !important;
      border-bottom: 1px dotted #4943436a !important;
      padding-bottom: 0.75rem !important;
    }

    #top-category-news-news-news-1-A,
    #top-category-news-news-left {
      padding-right: 0.75rem !important;
      box-sizing: border-box !important;
      border-bottom: 1px dotted #4943436a !important;
      padding-bottom: 0.75rem !important;

    }
  }

  /* iPad 10th/11th Gen portrait only (820x1180):
     fix column overlap in top-category-news-news-left and remove large dead gap. */
  @media screen and (width: 744px),
  screen and (width: 820px) and (height: 1180px),
  screen and (width: 834px) and (height: 1210px),
  screen and (width:712px) and (height: 1138px) {
    #top-category-news #top-category-news-n {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
      column-gap: 0.9rem !important;
      row-gap: 0.75rem !important;
      align-items: start !important;
      width: 100% !important;
      margin: 0 !important;
    }

    /* Row 1: lead block only. */
    #top-category-news #top-category-news-n > #top-category-news-news {
      grid-column: 1 / -1 !important;
      grid-row: 1 !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Row 2: two text columns only. */
    #top-category-news #top-category-news-n > #top-category-news-news-news {
      grid-column: 1 !important;
      grid-row: 2 !important;
    }

    #top-category-news #top-category-news-n > .column:last-child {
      grid-column: 2 !important;
      grid-row: 2 !important;
    }

    #top-category-news #top-category-news-n > .column,
    #top-category-news #top-category-news-n > #top-category-news-news,
    #top-category-news #top-category-news-n > #top-category-news-news-news {
      width: auto !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    #top-category-news-news {
      margin-right: 0 !important;
      padding-right: 0 !important;
    }

    #top-category-news-news-news-1 {
      gap: 0.65rem !important;
    }

    #top-category-news-news #top-category-news-news-left,
    #top-category-news-news-news #top-category-news-news-left,
    #top-category-news-news-left,
    #top-category-news-news-left-2 {
      display: block !important;
      position: relative !important;
      overflow: visible !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 0 0.9rem 0 !important;
      padding: 0 !important;
      clear: both !important;
      box-sizing: border-box !important;
    }

    #top-category-news-news-news .ui.text.container,
    #top-category-news #top-category-news-n > .column:last-child .ui.text.container,
    #top-category-news-news-left,
    #top-category-news-news-left-2 {
      width: 100% !important;
      max-width: none !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    #top-category-news-news-left h3,
    #top-category-news-news-left-2 h3 {
      margin: 0 0 0.4rem 0 !important;
      line-height: 1.28 !important;
      word-break: break-word !important;
    }

    #top-category-news-news-left p,
    #top-category-news-news-left-2 p {
      margin: 0 0 0.45rem 0 !important;
      line-height: 1.45 !important;
      word-break: break-word !important;
    }

    #top-category-news-news-left h4,
    #top-category-news-news-left-2 h4 {
      margin: 0 !important;
      line-height: 1.3 !important;
    }

  }

  @media screen and (width: 820px) and (height: 1180px),
  screen and (width: 834px) and (height: 1210px) {
    #top-category-news-news-news-1-B,
    #top-category-news-news-left-2 {
      border-left: 1px dotted #4943436a !important;
      padding-left: 0.9rem !important;
      box-sizing: border-box !important;
    }

    #top-category-news-news-left,
    #top-category-news-news-left-2 {
      border-bottom: 1px dotted #4943436a !important;
      padding-bottom: 0.75rem !important;
      margin-bottom: 0.75rem !important;
    }


  }

  @media (min-width:1024px) {
    #top-category-news-news-news-1-B,
    #top-category-news-news-left-2 {
      border-left: 1px dotted #4943436a !important;
      padding-left: 0.9rem !important;
      box-sizing: border-box !important;
    }

    #top-category-news-news-left,
    #top-category-news-news-left-2 {
      border-bottom: 1px dotted #4943436a !important;
      padding-bottom: 0.75rem !important;
      margin-bottom: 0.75rem !important;
    }
  }

  /*full-width inter-section divider*/
#news-news-1-middle-divider,
#news-news-1-middle-divider-1,
#news-news-1-middle-divider-2,
#news-news-1-middle-divider-econ,
#news-news-1-middle-divider-def {
    width: 100%;
    border-top: 1px solid #000;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

@media (max-width: 767px) {
  #news-news-1-middle-divider,
  #news-news-1-middle-divider-1,
  #news-news-1-middle-divider-2,
  #news-news-1-middle-divider-econ,
  #news-news-1-middle-divider-def {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

}

@media (max-width: 415px) {
  
  #top-category-news-news-news-1-A,
  #top-category-news-news-news-1-B,
  #top-category-news-news-left,
  #top-category-news-news-left-2 {
    border-bottom: 1px dotted #4943436a !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

}


  /* iPad mini portrait exact override: keep the category quote segment in a tablet 2-column layout. */
  @media screen and (width: 744px) and (height: 1133px) {
    #category-top + .ui.vertical.stripe.quote.segment .ui.equal.width.stackable.internally.celled.grid > .center.aligned.row {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
      gap: 1rem !important;
      align-items: start !important;
      width: 100% !important;
      margin: 0 !important;
    }

    #category-top + .ui.vertical.stripe.quote.segment .ui.equal.width.stackable.internally.celled.grid > .center.aligned.row > .column {
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      box-sizing: border-box !important;
    }

    #category-top + .ui.vertical.stripe.quote.segment .ui.equal.width.stackable.internally.celled.grid > .center.aligned.row > .column:first-child {
      grid-column: 1 !important;
      padding-right: 1rem !important;
    }

    #category-top + .ui.vertical.stripe.quote.segment .ui.equal.width.stackable.internally.celled.grid > .center.aligned.row > .column:last-child {
      grid-column: 2 !important;
      border-left: 1px solid #d3d3d3 !important;
      padding-left: 1rem !important;
    }

    #category-top + .ui.vertical.stripe.quote.segment .ui.equal.width.stackable.internally.celled.grid,
    #category-top + .ui.vertical.stripe.quote.segment .ui.equal.width.stackable.internally.celled.grid > .row {
      border: 0 !important;
      box-shadow: none !important;
    }

    #category-top + .ui.vertical.stripe.quote.segment .column .inverted.segment {
      background: transparent !important;
      box-shadow: none !important;
      border: 0 !important;
      padding: 0 !important;
    }

    #category-top + .ui.vertical.stripe.quote.segment .column img.ui.small.image,
    #category-top + .ui.vertical.stripe.quote.segment .column img {
      width: 100% !important;
      max-width: none !important;
      height: auto !important;
      display: block !important;
      margin: 0.75rem 0 0.35rem 0 !important;
    }

    #category-top + .ui.vertical.stripe.quote.segment .column p,
    #category-top + .ui.vertical.stripe.quote.segment .column h3 {
      text-align: center !important;
    }
  }

  /* Final mini-tablet spacing override:
     keep readable gutter between text and left divider. */
  @media screen and (min-width: 712px) and (max-width: 768px),
  screen and (width: 744px) {
    #top-category-news-news-news-1-B,
    #top-category-news-news-left-2 {
      border-left: 1px dotted #4943436a !important;
      padding-left: 0.9rem !important;
      padding-right: 0.75rem !important;
      box-sizing: border-box !important;
      border-bottom: 1px dotted #4943436a !important;
      padding-bottom: 0.75rem !important;
    }

    #top-category-news-news-news-1-A,
    #top-category-news-news-left {
      padding-right: 0.75rem !important;
      box-sizing: border-box !important;
      border-bottom: 1px dotted #4943436a !important;
      padding-bottom: 0.75rem !important;

    }

    .section-module .ui.four.stackable.cards .card {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: wrap !important;
      align-items: flex-start !important;
      border-bottom: 1px dotted #4943436a !important;
      padding-bottom: 0.75rem !important;
      margin-bottom: 0.75rem !important;
    }

    .section-module .ui.four.stackable.cards .card > .small.image {
      flex: 0 0 36% !important;
      max-width: 36% !important;
      width: 36% !important;
      margin-right: 0.75rem !important;
    }

    .section-module .ui.four.stackable.cards .card > .content {
      flex: 1 1 calc(64% - 0.75rem) !important;
      min-width: 0 !important;
      padding: 0 !important;
    }

    .section-module .ui.four.stackable.cards .card > .extra.content {
      flex: 0 0 100% !important;
      width: 100% !important;
      margin-top: 0.5rem !important;
      padding-top: 0.5rem !important;
    }

  }


/* CCS for DISPATCHES.HTML */

/* The CSS styles for dispatches.html */
@media (max-width: 428px) {

        /* Match #politics image sizing/flow for dispatches include (also covers when wrapped by #dispatches) */
        #dispatches img,
        .ui.large.image img,
        .ui.fluid.image {
            display: block !important;
            margin: 0.25rem 0 !important;
            padding: 0 !important;
            max-width: 100% !important;
            height: auto !important;
        }
    }

    /* Add a responsive dotted divider between dispatch item cards */
    .ui.items.extra-space-small>.item[id^="dispatches-all-news-wires-"]:not(:last-child) {
        border-bottom: 1px dotted #d3d3d3 !important;
        padding-bottom: 5% !important;
        margin-bottom: 5% !important;
    }

    .ui.items.extra-space-small>.item[id^="dispatches-all-news-wires-"]:not(:first-child) {
        margin-top: 5% !important;
    }

    /* Keep dispatches aligned with centered site content gutters. */
    #dispatches-layout-shell {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    /* Dispatches reading scale */
    .dispatches-title-text {
        color: #0A0200;
        cursor: pointer;
        font-size: 1.18rem;
        line-height: 1.35;
        margin-top: 1rem;
        display: inline-block;
    }

    .dispatches-category-text {
        color: #0A0200;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .dispatches-quote-text {
        color: #0A0200;
        cursor: pointer;
        font-size: 1rem;
        line-height: 1.62;
    }

    .dispatches-values-text {
        color: teal !important;
        font-size: 0.95rem;
        line-height: 1.5;
        font-weight: 600;
        
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .dispatches-title-text {
            font-size: 1.12rem;
            line-height: 1.35;
        }

        .dispatches-category-text,
        .dispatches-values-text {
            font-size: 0.92rem;
            line-height: 1.46;
        }

        .dispatches-quote-text {
            font-size: 0.98rem;
            line-height: 1.58;
        }
        
        #dispatches-wire #dispatches-all-news-wires.item {
            margin-bottom: 1rem !important;
            border-bottom: 1px dotted dimgray !important;
        }
    }

    @media (max-width: 767px) {
        .dispatches-title-text {
            font-size: 1.05rem;
            line-height: 1.35;
        }

        .dispatches-category-text,
        .dispatches-values-text {
            font-size: 0.88rem;
            line-height: 1.42;
        }

        .dispatches-quote-text {
            font-size: 0.95rem;
            line-height: 1.52;
        }
    }

    @media (max-width: 403px) {
        .dispatches-title-text {
            font-size: 1rem;
            line-height: 1.35;
        }

        .dispatches-category-text,
        .dispatches-values-text {
            font-size: 0.85rem;
            line-height: 1.38;
        }

        .dispatches-quote-text {
            font-size: 0.92rem;
            line-height: 1.48;
        }
    }

  

    #dispatches-wire #dispatches-all-news-wires-text {
        border-bottom: 1px solid dimgray !important;
        margin-bottom: 1rem !important;
        margin-top: 0 !important;
    }
    
    #dispatches-all-news-wires {
        margin-bottom: 1rem !important;
    }

    @media (min-width: 375px) {
        /* Minimal horizontal gutter standard for dispatches layout. */
        .ui.equal.width.grid.stackable {
            margin-left: 0 !important;
            margin-right: 0 !important;
            width: 100% !important;
        }

        .ui.equal.width.grid.stackable > .column {
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }

        #dispatches-wire,
        #dispatches-all-news-wires,
        #dispatches-all-news-wires-text {
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            max-width: none !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }
        
        
    }


    /* Desktop/laptop/tablet: keep each dispatch card aligned as image + text without overlap. */
    @media (min-width: 712px) {
        #dispatches-layout-shell > .ui.equal.width.grid.stackable {
            margin-left: auto !important;
            margin-right: auto !important;
            width: 100% !important;
            max-width: 980px !important;
        }

        /* Keep dispatches as one centered content column on larger screens. */
        #dispatches-layout-shell #i-p-pic,
        #dispatches-layout-shell #indopac-banner-2 {
            display: none !important;
        }

        #dispatches-layout-shell #dispatches-wire {
            width: 100% !important;
            max-width: none !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }

        #dispatches #dispatches-wire .ui.items.extra-space-small .item {
            display: grid !important;
            grid-template-columns: minmax(0, 160px) minmax(0, 1fr) !important;
            column-gap: 1rem !important;
            align-items: start !important;
        }

        #dispatches #dispatches-wire #dispatches-all-news-wires-image,
        #dispatches #dispatches-wire .left.floated.tiny.image {
            float: none !important;
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
        }

        #dispatches #dispatches-wire #dispatches-all-news-wires-image img,
        #dispatches #dispatches-wire .left.floated.tiny.image img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
        }

        #dispatches #dispatches-wire #dispatches-all-news-wires-text,
        #dispatches #dispatches-wire .content {
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            margin: 0 0 1rem 0 !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            overflow-wrap: anywhere !important;
        }
    }

        @media (max-width:711px),
        (min-width:800px) and (max-width:2340px),
        (max-width:428px) {
            .folding-712 {

                display: none !important;

            }



        }

    

    @media (width: 712px) {


        .folding-712 {

            display: block !important;

        }

        #column-3-economics-finance-desktop.ui.grid.folding-712 {
            display: grid !important;
            grid-template-columns: 1fr 1fr;
            grid-auto-rows: auto;
            gap: 0;
        }

        /* Override Semantic UI rule: .ui.grid > .column ... */
        #column-3-economics-finance-desktop.folding-712 > .column {
            position: static !important;
            display: block !important;
            float: none !important;
            width: auto !important;
            max-width: none !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        /* Position children in the CSS grid */
        #column-3-economics-finance-desktop.folding-712 #news-news-0-a {
            grid-column: 1;
            grid-row: 1;
        }

        #column-3-economics-finance-desktop.folding-712 #news-news-0-b {
            grid-column: 2;
            grid-row: 1;
        }

        #column-3-economics-finance-desktop.folding-712 #news-news-0-c,
        #column-3-economics-finance-desktop.folding-712 #news-news-0-e {
            grid-column: 1 / 3;
            grid-row: 2;
            justify-self: center;
            width: 75% !important; /* 75% of the grid container */
            max-width: 75% !important;
        }

    }
    



            /* Top DTP three-column component — refined to match site layout */
            #top-news-dtp-only {
                padding: 18px 20px 50px 20px;
                background-color: rgba(201, 255, 229, 0.274);

            }

            /* Adjusted column proportions to better match screenshot: left-heavy, medium centre, narrow right */
            #top-news-dtp-only .top8-grid {
                display: grid;
                grid-template-columns: 1fr 2fr 0.9fr;
                gap: 20px;
                align-items: start;
                column-gap: 28px;
            }

            /* Left column — overtitle + large excerpt + links */
            #top-news-dtp-only .top8-header {
                color: #8a8a8ad4;
                font-size: 14px;
                font-weight: 700;
                margin: 0 0 8px 0;
                text-transform: none;
            }

            /* Excerpt now uses site font and supports three paragraph lines */
            #top-news-dtp-only .top8-excerpt {
                color: #231815;
                font-size: 20px;
                line-height: 1.15;
                margin: 0 0 14px 0;
            }

            #top-news-dtp-only .top8-excerpt p {
                margin: 0 0 8px 0;
            }

            #top-news-dtp-only .top8-links h4 {
                margin: 0 0 8px 0;
                font-weight: 700;
                font-size: 18px;
                color: #231815;
            }

            #top-news-dtp-only .top8-links h4 a {
                color: inherit;
                text-decoration: none;
            }

            /* Middle column — image and large title */
            #top-news-dtp-only .top8-image {
                width: 100%;
                height: auto;
                display: block;
                border-radius: 2px;
            }

            #top-news-dtp-only .top8-overtitle {
                color: #727272cf;
                font-size: 13px;
                font-weight: 700;
                margin-top: 10px;
            }

            #top-news-dtp-only .top8-mid-title {
                font-size: 28px;
                line-height: 1.05;
                margin: 6px 0 0 0;
                color: #231815;
            }

            /* Right column — title, photo, quotes with avatars */
            #top-news-dtp-only .top8-col-3 h3 {
                font-size: 28px;
                margin: 0 0 10px 0;
                color: #231815;
            }

            #top-news-dtp-only .top8-side-image {
                width: 100%;
                height: auto;
                display: block;
                margin: 8px 0;
            }

            #top-news-dtp-only .top8-quote {
                font-family: Georgia, serif;
                font-size: 16px;
                font-style: italic;
                margin: 8px 0;
                color: #262626;
            }

            #top-news-dtp-only .top8-author {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 12px;
            }

            #top-news-dtp-only .top8-author img {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                object-fit: cover;
                border: 2px solid #fff;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
            }

            /* Subtle divider between left/top rows when needed */
            #top-news-dtp-only .top8-links h4+h4 {
                margin-top: 6px;
            }

            /* Vertical, solid divider after column 1 with requested spacing */
            #top-news-dtp-only .top8-col-1 {
                border-right: 1px solid #000;
                padding-right: 1%;
                margin-right: 1%;
                margin-left: 1%;
            }

            #top-news-dtp-only .top8-col-2 {
                padding-left: 1%;
            }

            /* Vertical, solid divider before column 3 */
            #top-news-dtp-only .top8-col-3 {
                border-left: 0;
                margin-left: 4%;
                margin-right: 6%;
                padding-right: 1%;
                padding-left: 1%;
            }

            #highlights-opinion-commentary-title .ui.dividing.header:before,
            #highlights-opinion-commentary-title .ui.dividing.header:after,
            #highlights-opinion-commentary-title-1 .ui.dividing.header:before,
            #highlights-opinion-commentary-title-1 .ui.dividing.header:after{
                border-top-color: #000 !important;
            }

            #highlights-opinion-commentary-title .ui.dividing.header,
            #highlights-opinion-commentary-title-1 .ui.dividing.header {
                border-bottom-color: #000 !important;
            }


            #column-opinion-1-2 {
                display:none !important;
            }
            


            


             @media (max-width: 1024px) {
                        #top-news-dtp-only .top8-grid {
                            grid-template-columns: 1fr 1fr;
                        }

                        /* Let the third card span full width on tablet instead of becoming a narrow leftover cell. */
                        #top-news-dtp-only .top8-col-3 {
                            grid-column: 1 / -1;
                            margin-left: 0;
                            margin-right: 0;
                            padding-left: 0;
                            padding-right: 0;
                            border-top: 1px solid #000;
                            padding-top: 0.9rem;
                        }

                        #top-news-dtp-only .top8-col-1 {
                            margin-left: 0;
                        }
                    }

            @media (max-width: 767px) and (width:834px)  {
                #top-news-dtp-only {
                    padding: 12px;
                }

                #top-news-dtp-only .top8-grid {
                    grid-template-columns: 1fr;
                }

                /* On single-column layout, switch to a horizontal divider */
                #top-news-dtp-only .top8-col-1 {
                    border-right: 0;
                    border-bottom: 1px solid #000;
                    padding-right: 0;
                    margin-right: 0;
                    padding-bottom: 1%;
                    margin-bottom: 1%;
                }

                #top-news-dtp-only .top8-col-2 {
                    padding-left: 0;
                }

                /* On single-column layout, switch col-3 to a horizontal divider */
                #top-news-dtp-only .top8-col-3 {
                    border-left: 0;
                    border-top: 0;
                    margin-left: 0;
                    margin-right: 0;
                    padding-left: 0;
                    padding-top: 2%;
                    margin-top: 2%;
                }

                
            }



            @media (width: 834px),
            (width: 820px) {

                .ipad-1 {

                    width:50% !important;
                }


                #grid-opinions {

                display:none !important;

                }

                #column-opinion-1-2 {

                display:flex !important;

                }

            

            }