/* Rangamati InSAR research — scoped light/dark/responsive presentation */

/* Research list card: keep the supplied deformation visual genuinely landscape. */
body.story-page[data-story-page="research"] .story-research-insar{
  border-color:color-mix(in srgb,var(--primary) 20%,var(--line))!important;
  background:var(--surface)!important;
}
body.story-page[data-story-page="research"] .story-research-insar .story-chapter-media{
  align-self:center!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  margin:10px 0 10px 10px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
  background:var(--surface2)!important;
}
body.story-page[data-story-page="research"] .story-research-insar .story-chapter-media img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
body.story-page[data-story-page="research"] .story-research-insar.is-active .story-chapter-media img{
  transform:none!important;
}
html[data-theme="dark"] body.story-page[data-story-page="research"] .story-research-insar{
  border-color:color-mix(in srgb,var(--primary) 30%,var(--line))!important;
  background:color-mix(in srgb,var(--surface) 96%,var(--surface2))!important;
}
html[data-theme="dark"] body.story-page[data-story-page="research"] .story-research-insar .story-chapter-media{
  border-color:color-mix(in srgb,var(--line) 82%,var(--primary))!important;
  background:#071417!important;
}

/* Detail page: replace inherited hard-coded light colours with site theme variables. */
#insar-subsidence-page{
  background:var(--bg)!important;
  color:var(--text)!important;
}
#insar-subsidence-page .research-detail-intro{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--surface) 96%,var(--surface2)),
    color-mix(in srgb,var(--bg) 88%,var(--surface)))!important;
  border-bottom:1px solid var(--line)!important;
}
#insar-subsidence-page .research-detail-intro h1{
  color:var(--primary2)!important;
}
#insar-subsidence-page .research-detail-summary,
#insar-subsidence-page .research-detail-visual-caption,
#insar-subsidence-page .research-detail-disclosure-content p,
#insar-subsidence-page .research-detail-disclosure-content li{
  color:var(--muted)!important;
}
#insar-subsidence-page .research-detail-label,
#insar-subsidence-page .research-detail-keylines dt{
  color:var(--primary)!important;
}
#insar-subsidence-page .research-detail-keylines{
  border-color:var(--line)!important;
}
#insar-subsidence-page .research-detail-keylines dd{
  color:var(--text)!important;
}
#insar-subsidence-page .research-detail-hero-visual{
  width:100%!important;
  max-width:360px!important;
  margin:0!important;
  padding:7px!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--surface)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--text) 7%,transparent)!important;
}
#insar-subsidence-page .research-detail-hero-visual img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:5px!important;
  background:var(--surface2)!important;
  filter:none!important;
}
#insar-subsidence-page .research-detail-visual-caption{
  padding:7px 2px 1px!important;
  margin:0!important;
  font-size:.72rem!important;
  line-height:1.45!important;
}
#insar-subsidence-page .academic-paper-body{
  background:var(--bg)!important;
}
#insar-subsidence-page .research-detail-reading-shell{
  max-width:980px!important;
}
#insar-subsidence-page .research-detail-disclosure{
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
#insar-subsidence-page .research-detail-disclosure summary{
  color:var(--primary2)!important;
  background:var(--surface)!important;
}
#insar-subsidence-page .research-detail-disclosure summary::after{
  color:var(--primary)!important;
}
#insar-subsidence-page .research-detail-disclosure[open] summary{
  border-bottom:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--surface2) 58%,var(--surface))!important;
}
#insar-subsidence-page .research-detail-disclosure-content{
  background:var(--surface)!important;
}
#insar-subsidence-page .research-detail-disclosure-content .academic-section{
  border-color:var(--line)!important;
}
#insar-subsidence-page .research-detail-disclosure-content h2{
  color:var(--primary2)!important;
}
#insar-subsidence-page .academic-table-wrap{
  overflow:hidden!important;
  margin:12px 0 18px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:var(--surface)!important;
}
#insar-subsidence-page .academic-table{
  min-width:0!important;
  background:var(--surface)!important;
}
#insar-subsidence-page .academic-table th{
  color:var(--primary2)!important;
  background:var(--surface2)!important;
  border-color:var(--line)!important;
}
#insar-subsidence-page .academic-table td{
  color:var(--muted)!important;
  background:var(--surface)!important;
  border-color:var(--line)!important;
}
#insar-subsidence-page .academic-table td:first-child{
  color:var(--text)!important;
}
#insar-subsidence-page .research-detail-back-link{
  color:var(--primary)!important;
  border-color:var(--accent)!important;
}

/* Dark mode: no cream/white islands, but keep the scientific image unaltered. */
html[data-theme="dark"] #insar-subsidence-page .research-detail-intro{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--surface2) 74%,var(--bg)),
    var(--bg))!important;
}
html[data-theme="dark"] #insar-subsidence-page .research-detail-hero-visual{
  background:var(--surface)!important;
  border-color:color-mix(in srgb,var(--line) 82%,var(--primary))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] #insar-subsidence-page .research-detail-hero-visual img{
  background:#071417!important;
}
html[data-theme="dark"] #insar-subsidence-page .research-detail-disclosure,
html[data-theme="dark"] #insar-subsidence-page .research-detail-disclosure-content,
html[data-theme="dark"] #insar-subsidence-page .academic-table,
html[data-theme="dark"] #insar-subsidence-page .academic-table td{
  background:var(--surface)!important;
}
html[data-theme="dark"] #insar-subsidence-page .research-detail-disclosure[open] summary,
html[data-theme="dark"] #insar-subsidence-page .academic-table th{
  background:var(--surface2)!important;
}

/* Tablet and phone: preserve hierarchy and avoid horizontal table scrolling. */
@media(max-width:900px){
  #insar-subsidence-page .research-detail-intro .container{
    grid-template-columns:1fr!important;
  }
  #insar-subsidence-page .research-detail-hero-visual{
    max-width:520px!important;
  }
}
@media(max-width:780px){
  body.story-page[data-story-page="research"] .story-research-insar{
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-areas:"step media" "step body"!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.story-page[data-story-page="research"] .story-research-insar .story-chapter-media{
    grid-area:media!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    margin:0!important;
    border-width:0 0 1px 0!important;
    border-radius:0!important;
  }
  body.story-page[data-story-page="research"] .story-research-insar .story-chapter-body{
    grid-area:body!important;
    padding:13px 14px 14px!important;
  }
}
@media(max-width:680px){
  #insar-subsidence-page .research-detail-intro{
    padding:16px 0 14px!important;
  }
  #insar-subsidence-page .research-detail-intro h1{
    font-size:1.7rem!important;
    line-height:1.12!important;
  }
  #insar-subsidence-page .research-detail-summary{
    font-size:.9rem!important;
  }
  #insar-subsidence-page .research-detail-keylines>div{
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:7px 0!important;
  }
  #insar-subsidence-page .research-detail-hero-visual{
    max-width:none!important;
    padding:5px!important;
    border-radius:8px!important;
  }
  #insar-subsidence-page .research-detail-disclosure{
    border-radius:8px!important;
  }
  #insar-subsidence-page .academic-table-wrap{
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  #insar-subsidence-page .ongoing-research-table,
  #insar-subsidence-page .ongoing-research-table tbody,
  #insar-subsidence-page .ongoing-research-table tr,
  #insar-subsidence-page .ongoing-research-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  #insar-subsidence-page .ongoing-research-table thead{
    display:none!important;
  }
  #insar-subsidence-page .ongoing-research-table tr{
    margin:0 0 8px!important;
    padding:10px 11px!important;
    border:1px solid var(--line)!important;
    border-radius:7px!important;
    background:color-mix(in srgb,var(--surface2) 38%,var(--surface))!important;
  }
  #insar-subsidence-page .ongoing-research-table td{
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  #insar-subsidence-page .ongoing-research-table td:first-child{
    margin-bottom:4px!important;
    color:var(--primary2)!important;
    font-size:.82rem!important;
    font-weight:750!important;
  }
  #insar-subsidence-page .ongoing-research-table td:last-child{
    color:var(--muted)!important;
    font-size:.86rem!important;
    line-height:1.52!important;
  }
}