/* Sydas Sector Desktop Wide Layout v59
   Restores a spacious desktop canvas without making article lines unreadable. */
@media (min-width:1200px){
  :root{
    --v58-max:1480px;
    --v59-wide:1480px;
    --v59-page-pad:clamp(34px,3.4vw,64px);
  }

  /* Global shell: wide on desktop, fluid on large monitors. */
  .wrap{
    width:min(calc(100% - (2 * var(--v59-page-pad))),var(--v59-wide));
    max-width:none;
    padding-left:0;
    padding-right:0;
  }
  header.nav .nav-in,
  .explore-nav-v271>.wrap,
  footer .foot-in{
    width:min(calc(100% - (2 * var(--v59-page-pad))),var(--v59-wide));
    max-width:none;
    margin-inline:auto;
    padding-inline:0;
  }

  /* Home: use the available canvas instead of floating in a narrow centre. */
  .page-home .earth-hero,
  .home-compact-v38 .earth-hero{
    width:min(calc(100% - (2 * var(--v59-page-pad))),var(--v59-wide));
    max-width:none;
  }
  .page-home .grid,
  .home-compact-v38 .grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(18px,1.7vw,28px);
  }
  .page-home .featured-card,
  .home-compact-v38 .featured-card{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  }
  .home-shop-v35{gap:clamp(44px,4vw,72px)}

  /* Shop, archive and general content pages. */
  .shop-hero-v34>.wrap{max-width:var(--v59-wide)}
  .shop-grid-v34{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
  .arsip-list{max-width:1180px}
  .page-wrap:not(.article-hero){max-width:1100px}
  .mk-hero-v48,.map-hero-v48{max-width:var(--v59-wide)}
  .map-shell-v48{max-width:var(--v59-wide);grid-template-columns:260px minmax(0,1fr)}

  /* Dynamic article page: the card is wide, but prose stays editorially readable. */
  .article-desktop-v32 .article-hero{
    width:min(calc(100% - (2 * var(--v59-page-pad))),var(--v59-wide));
    max-width:none;
    grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
    column-gap:clamp(52px,5vw,90px);
  }
  .article-desktop-v32 .reading-shell-v30{
    width:min(calc(100% - (2 * var(--v59-page-pad))),1400px);
    grid-template-columns:270px minmax(0,1fr);
  }
  .article-desktop-v32 .reading-main-v30{
    padding-left:clamp(56px,5vw,86px);
    padding-right:clamp(56px,5vw,86px);
  }
  .article-desktop-v32 .reading-main-v30 .prose,
  .article-desktop-v32 .reading-main-v30>.cred-v27{
    max-width:840px;
  }
  .article-desktop-v32 #source,
  .article-desktop-v32 #shareBox,
  .article-desktop-v32 #prevNext,
  .article-desktop-v32 section.block,
  .article-desktop-v32 #comments{max-width:1400px}

  /* Static article pages did not receive the V32 shell: give their surrounding
     sections room while preserving the optimal 760–840px reading column. */
  body:not(.article-desktop-v32) .article-hero{max-width:1080px}
  body:not(.article-desktop-v32) .prose{max-width:820px}
  body:not(.article-desktop-v32) .callout-src{max-width:820px}
  body:not(.article-desktop-v32) .prevnext{max-width:980px}
  body:not(.article-desktop-v32) .related-v27,
  body:not(.article-desktop-v32) .cred-v27{max-width:1180px}

  /* Admin: use almost the full workstation width. */
  .admin-v29 .admin-wrap,
  .admin-wrap{
    width:min(calc(100% - 48px),1600px);
    max-width:1600px;
    padding-left:0;
    padding-right:0;
  }
  .admin-v29 header.nav .nav-in{max-width:1600px}
  .admin-v29 .admin-grid{grid-template-columns:minmax(290px,330px) minmax(0,1fr);gap:22px}
  .admin-v29 .rte-area{min-height:500px}
}

/* Medium desktops and laptops still get more room than V58. */
@media (min-width:1024px) and (max-width:1199px){
  :root{--v58-max:calc(100vw - 48px)}
  .wrap{max-width:none}
  .article-desktop-v32 .reading-shell-v30{width:calc(100% - 40px)}
}