/* V65.2.8 — clean responsive portrait/landscape layout */
html,body{max-width:100%;overflow-x:hidden}body *{min-width:0}img,video,canvas,svg,iframe{max-width:100%}
/* Remove the editorial panels and duplicated UX additions requested by the owner. */
.article-trust-v6527,.source-quality-v6527,.cred-v27,.ux-purpose-v6527,.ux-purpose-actions-v6527,.ux-nav-hint-v6527{display:none!important}
/* Keep the secondary navigation compact and horizontally scrollable. */
header.nav>.explore-nav-v271{width:100%!important;max-width:100vw!important;overflow:hidden!important}
header.nav>.explore-nav-v271 .explore-scroll-v271{display:flex!important;align-items:center!important;gap:clamp(18px,3vw,48px)!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;padding:0 clamp(16px,3vw,34px)!important;min-height:54px!important}
header.nav>.explore-nav-v271 .explore-scroll-v271::-webkit-scrollbar{display:none}
header.nav>.explore-nav-v271 a{flex:0 0 auto!important;white-space:nowrap!important}
/* Home hero is always in normal flow and never hidden behind the two navigation rows. */
body.page-home main{padding-top:0!important}
body.page-home .earth-hero{position:relative!important;margin:clamp(12px,2vw,26px) auto 0!important;width:min(1180px,calc(100% - 32px))!important;min-height:0!important;height:auto!important;padding:clamp(34px,4.5vw,64px) clamp(22px,4vw,54px)!important;overflow:hidden!important;align-items:center!important}
body.page-home .earth-copy{align-self:center!important;padding:0!important}
body.page-home .earth-copy h1{margin-top:0!important;overflow:visible!important}
body.page-home .earth-hero .ss-globe-shell{max-width:100%!important;justify-self:center!important}
/* Article media must stay in its own row and never cover titles/content. */
.page-article .article-cover,.page-article-generic .article-cover,.page-article-dynamic .article-cover,#cover.article-cover{position:relative!important;inset:auto!important;float:none!important;display:block!important;width:100%!important;max-width:1180px!important;margin:clamp(18px,3vw,36px) auto!important;overflow:hidden!important;isolation:isolate!important}
.article-cover img,#cover img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:min(64vh,680px)!important;object-fit:cover!important;object-position:center!important;margin:0!important}
.article-hero,.article-layout,.article-grid{min-width:0!important}.article-hero>*{min-width:0!important}
/* Floating actions should not cover primary buttons on phones. */
@media(max-width:600px){
  :is(.support-fab,.donate-fab,.saweran-fab,.floating-support,[href*="saweria" i]){max-width:52px!important;width:52px!important;height:52px!important;padding:0!important;overflow:hidden!important;border-radius:50%!important;font-size:0!important;right:76px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important}
  :is(.chat-fab,.floating-chat,.chat-widget-button){width:52px!important;height:52px!important;right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important}
}
/* Use the hamburger earlier, before the desktop row starts colliding. */
@media(max-width:1100px){
  header.nav .nav-in{position:relative!important;left:auto!important;right:auto!important;transform:none!important;width:calc(100% - 24px)!important;max-width:1240px!important;margin-inline:auto!important;gap:10px!important;padding-inline:clamp(12px,2.5vw,24px)!important}
  header.nav .nav-in>.menu{display:none!important}
  header.nav .hamb{display:grid!important;place-items:center!important;flex:0 0 auto!important}
  header.nav .nav-in>.menu.open{position:absolute!important;top:calc(100% + 1px)!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important;z-index:120!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-height:min(72vh,420px)!important;overflow:auto!important;padding:12px!important;background:var(--bg2,#11151b)!important;border:1px solid var(--line,rgba(255,255,255,.12))!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important}
  header.nav .nav-in>.menu.open a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:9px 10px!important;text-align:center!important;border-radius:10px!important}
}
@media(max-width:700px){
  header.nav .nav-in{min-height:58px!important}
  header.nav .logo{font-size:clamp(16px,5vw,21px)!important;white-space:nowrap!important}
  header.nav .nav-right{margin-left:auto!important;gap:6px!important;flex-wrap:nowrap!important}
  header.nav .nav-right>.yt-btn,header.nav .nav-right>a[aria-label="Cari"]{display:none!important}
  header.nav .nav-in>.menu.open{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-home .earth-hero{width:calc(100% - 20px)!important;margin-top:10px!important;padding:30px 18px 26px!important;grid-template-columns:1fr!important;gap:18px!important;text-align:center!important}
  body.page-home .earth-copy h1{font-size:clamp(34px,10.8vw,48px)!important;line-height:1.02!important}
  body.page-home .earth-copy p{font-size:15px!important;line-height:1.65!important}
  body.page-home .earth-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.page-home .earth-actions>*{width:100%!important;min-height:48px!important}
  body.page-home .earth-hero .ss-globe-shell{width:min(84vw,340px)!important}
  .article-cover img,#cover img{max-height:52vh!important;object-fit:contain!important;background:#080a0d!important}
}
@media(orientation:landscape) and (max-height:560px){
  header.nav .nav-in{min-height:54px!important}
  header.nav>.explore-nav-v271 .explore-scroll-v271{min-height:44px!important}
  body.page-home .earth-hero{width:calc(100% - 24px)!important;grid-template-columns:minmax(0,1fr) minmax(220px,34vw)!important;gap:22px!important;margin-top:8px!important;padding:22px 28px!important;text-align:left!important}
  body.page-home .earth-copy h1{font-size:clamp(29px,5.2vw,48px)!important;line-height:1.02!important;margin-bottom:10px!important}
  body.page-home .earth-copy p{font-size:13px!important;line-height:1.5!important}
  body.page-home .earth-actions{display:flex!important;justify-content:flex-start!important;gap:8px!important;margin-top:14px!important}
  body.page-home .earth-actions>*{width:auto!important;min-height:40px!important}
  body.page-home .earth-hero .ss-globe-shell{width:min(31vw,300px)!important;max-height:300px!important}
  header.nav .nav-in>.menu.open{max-height:calc(100dvh - 60px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:1101px) and (max-height:600px){
 body.page-home .earth-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr)!important;padding-block:24px!important;margin-top:8px!important}
 body.page-home .earth-copy h1{font-size:clamp(38px,4vw,58px)!important}.earth-hero .ss-globe-shell{width:min(30vw,360px)!important}
}