/* V183 - Mobile navigation + article detail SEO/UI polish */

/* ---------- MOBILE HEADER / MENU ---------- */
@media(max-width:980px){
  body:not(.admin-layout) .v117-header{
    position:relative!important;
    z-index:700!important;
    background:#fff!important;
  }

  body:not(.admin-layout) .v117-mainrow{
    min-height:66px!important;
    height:66px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  body:not(.admin-layout) .v117-logo{
    flex:0 0 auto!important;
  }

  body:not(.admin-layout) .v117-logo img{
    width:110px!important;
    max-height:52px!important;
    object-fit:contain!important;
  }

  body:not(.admin-layout) .v117-search{
    height:38px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  body:not(.admin-layout) .v117-search input{
    min-width:0!important;
    padding:0 12px!important;
    font-size:11px!important;
  }

  body:not(.admin-layout) .v117-search button{
    width:42px!important;
    flex:0 0 42px!important;
  }

  body:not(.admin-layout) .v117-mobile-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    border-radius:9px!important;
    background:#087443!important;
    color:#fff!important;
  }

  body:not(.admin-layout) .v117-nav-wrap{
    height:0!important;
    min-height:0!important;
  }

  body:not(.admin-layout) .v117-navrow{
    width:100%!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.admin-layout) .v117-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:96px!important;
    bottom:0!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:8px 12px 24px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#fff!important;
    box-shadow:0 16px 36px rgba(7,61,42,.18)!important;
    z-index:800!important;
  }

  body:not(.admin-layout) .v117-header.v26-open .v117-nav{
    display:flex!important;
  }

  body:not(.admin-layout) .v117-nav > .v117-nav-link,
  body:not(.admin-layout) .v117-nav-node{
    width:100%!important;
    max-width:none!important;
    flex:0 0 auto!important;
  }

  body:not(.admin-layout) .v117-nav-link{
    min-height:46px!important;
    height:auto!important;
    width:100%!important;
    justify-content:flex-start!important;
    padding:0 46px 0 12px!important;
    border-bottom:1px solid #e7efeb!important;
    background:#fff!important;
    color:#174a31!important;
    font-size:12px!important;
    font-weight:800!important;
    text-align:left!important;
  }

  body:not(.admin-layout) .v117-nav-link.is-home{
    color:#087443!important;
  }

  body:not(.admin-layout) .v117-nav-node{
    position:relative!important;
  }

  body:not(.admin-layout) .v26-mobile-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    right:2px!important;
    top:3px!important;
    width:42px!important;
    height:40px!important;
    border:0!important;
    border-radius:7px!important;
    background:#f1f7f4!important;
    color:#087443!important;
    font-size:16px!important;
    z-index:4!important;
    transition:transform .18s ease!important;
  }

  body:not(.admin-layout) .v26-node.v26-open-node > .v26-mobile-toggle{
    transform:rotate(180deg)!important;
  }

  /* Important: level-2 category menu is server-rendered, not JS-generated */
  body:not(.admin-layout) .v117-dropdown{
    position:static!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    max-height:none!important;
    margin:0!important;
    padding:6px 8px 9px 18px!important;
    border:0!important;
    border-radius:0!important;
    background:#f8fbf9!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    overflow:visible!important;
  }

  body:not(.admin-layout) .v26-node.v26-open-node > .v117-dropdown{
    display:block!important;
  }

  body:not(.admin-layout) .v117-dropdown a{
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:7px 10px!important;
    border-bottom:1px solid #e7efeb!important;
    border-radius:0!important;
    color:#31584a!important;
    font-size:11px!important;
    line-height:1.35!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  body:not(.admin-layout) .v117-dropdown a:last-child{
    border-bottom:0!important;
  }

  body:not(.admin-layout) .v183-mobile-parent-link{
    color:#087443!important;
    background:#eef8f2!important;
    border-radius:7px!important;
    margin-bottom:4px!important;
  }

  body:not(.admin-layout) .v183-level2-link i{
    font-style:normal!important;
    color:#0b8b4e!important;
  }

  body:not(.admin-layout) .v117-quote{
    display:none!important;
  }

  html.v183-menu-lock,
  html.v183-menu-lock body{
    overflow:hidden!important;
  }
}

/* Narrow phones: hide the long search field, keep search button-sized affordance out of the way */
@media(max-width:560px){
  body:not(.admin-layout) .v117-mainrow{
    gap:9px!important;
  }

  body:not(.admin-layout) .v117-logo img{
    width:104px!important;
  }

  body:not(.admin-layout) .v117-search{
    display:none!important;
  }

  body:not(.admin-layout) .v117-mobile-menu{
    margin-left:auto!important;
  }

  body:not(.admin-layout) .v117-nav{
    top:96px!important;
  }
}

/* ---------- ARTICLE DETAIL MOBILE ---------- */
body:not(.admin-layout) .v183-mobile-news-tools{
  display:none;
}

@media(max-width:900px){
  body:not(.admin-layout) .v175-news-detail{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:12px 13px 30px!important;
  }

  body:not(.admin-layout) .breadcrumbs{
    width:100%!important;
    max-width:none!important;
    min-height:34px!important;
    margin:0!important;
    padding:7px 13px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    font-size:10px!important;
  }

  body:not(.admin-layout) .breadcrumbs::-webkit-scrollbar{
    display:none!important;
  }

  body:not(.admin-layout) .v175-article-header{
    margin-bottom:14px!important;
  }

  body:not(.admin-layout) .v175-category-pill{
    min-height:24px!important;
    padding:0 9px!important;
    font-size:8.5px!important;
  }

  body:not(.admin-layout) .v175-article-header h1{
    margin:8px 0 10px!important;
    font-size:26px!important;
    line-height:1.18!important;
    letter-spacing:-.45px!important;
    overflow-wrap:anywhere!important;
    text-wrap:pretty!important;
  }

  body:not(.admin-layout) .v175-meta-share{
    display:block!important;
    padding-bottom:11px!important;
  }

  body:not(.admin-layout) .v175-article-meta{
    display:flex!important;
    gap:6px 11px!important;
    font-size:9.5px!important;
    line-height:1.4!important;
  }

  body:not(.admin-layout) .v175-share{
    margin-top:10px!important;
  }

  body:not(.admin-layout) .v175-article-hero{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    margin:0 0 13px!important;
    border-radius:10px!important;
  }

  body:not(.admin-layout) .v177-summary-box{
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:8px!important;
    padding:12px!important;
    margin-bottom:13px!important;
  }

  body:not(.admin-layout) .v177-summary-box>span{
    width:23px!important;
    height:23px!important;
    font-size:11px!important;
  }

  body:not(.admin-layout) .v177-summary-box>div>b{
    font-size:10.5px!important;
  }

  body:not(.admin-layout) .v177-summary-box p{
    font-size:11.5px!important;
    line-height:1.62!important;
  }

  body:not(.admin-layout) .v175-mobile-toc{
    display:block!important;
    margin-bottom:14px!important;
  }

  body:not(.admin-layout) .v175-toc-toggle{
    min-height:42px!important;
    font-size:11px!important;
  }

  body:not(.admin-layout) .v175-content-layout{
    display:block!important;
  }

  body:not(.admin-layout) .v175-content-menu,
  body:not(.admin-layout) .v175-news-sidebar{
    display:none!important;
  }

  body:not(.admin-layout) .v175-article-content{
    width:100%!important;
    max-width:none!important;
    font-size:13px!important;
    line-height:1.72!important;
    overflow-wrap:anywhere!important;
  }

  body:not(.admin-layout) .v175-article-content h2{
    margin:23px 0 9px!important;
    font-size:20px!important;
    line-height:1.28!important;
  }

  body:not(.admin-layout) .v175-article-content h3{
    margin:18px 0 7px!important;
    font-size:16px!important;
    line-height:1.35!important;
  }

  body:not(.admin-layout) .v175-article-content img,
  body:not(.admin-layout) .v175-article-content iframe,
  body:not(.admin-layout) .v175-article-content video{
    max-width:100%!important;
    height:auto!important;
  }

  body:not(.admin-layout) .v175-article-content iframe{
    width:100%!important;
    aspect-ratio:16/9!important;
  }

  body:not(.admin-layout) .v175-article-content table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body:not(.admin-layout) .v175-service-banner{
    grid-template-columns:1fr!important;
    gap:12px!important;
    max-width:none!important;
    margin-top:22px!important;
    padding:15px!important;
  }

  body:not(.admin-layout) .v175-service-banner h2{
    font-size:18px!important;
  }

  /* Sidebar information remains available to mobile users, below article content */
  body:not(.admin-layout) .v183-mobile-news-tools{
    display:grid!important;
    gap:12px!important;
    margin-top:22px!important;
  }

  body:not(.admin-layout) .v183-mobile-news-card{
    padding:13px!important;
    border:1px solid #dfe9e4!important;
    border-radius:11px!important;
    background:#fff!important;
  }

  body:not(.admin-layout) .v183-mobile-news-card>header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }

  body:not(.admin-layout) .v183-mobile-news-card h2{
    margin:0!important;
    color:#174a31!important;
    font-size:14px!important;
    line-height:1.2!important;
  }

  body:not(.admin-layout) .v183-mobile-news-card>header>a{
    color:#087443!important;
    text-decoration:none!important;
    font-size:9px!important;
    font-weight:800!important;
  }

  body:not(.admin-layout) .v183-mobile-latest{
    display:grid!important;
    gap:9px!important;
  }

  body:not(.admin-layout) .v183-mobile-latest>a{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    color:#284b3e!important;
    text-decoration:none!important;
  }

  body:not(.admin-layout) .v183-mobile-latest>a>span{
    width:72px!important;
    height:54px!important;
    overflow:hidden!important;
    border-radius:7px!important;
    background:#eef5f1!important;
  }

  body:not(.admin-layout) .v183-mobile-latest img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  body:not(.admin-layout) .v183-mobile-latest b{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  body:not(.admin-layout) .v183-mobile-latest small{
    display:block!important;
    margin-top:4px!important;
    color:#829089!important;
    font-size:8.5px!important;
  }

  body:not(.admin-layout) .v183-mobile-cats{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  body:not(.admin-layout) .v183-mobile-cats a{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 9px!important;
    border-radius:7px!important;
    background:#f5faf7!important;
    color:#3d5c50!important;
    text-decoration:none!important;
    font-size:9.5px!important;
  }

  body:not(.admin-layout) .v183-mobile-cats b{
    color:#087443!important;
    font-size:8.5px!important;
  }

  body:not(.admin-layout) .v175-article-footer{
    max-width:none!important;
    margin-top:20px!important;
  }

  body:not(.admin-layout) .v175-bottom-share{
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  body:not(.admin-layout) .v175-related-news{
    margin-top:27px!important;
  }

  body:not(.admin-layout) .v175-related-news h2{
    font-size:17px!important;
  }
}

@media(max-width:480px){
  body:not(.admin-layout) .v175-article-header h1{
    font-size:23px!important;
  }

  body:not(.admin-layout) .v183-mobile-cats{
    grid-template-columns:1fr!important;
  }
}