/* ----- GLOBAL ----- */
.container,
.site-container {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  box-sizing: border-box;
}
.site-container {
  padding-top: 110px;
}
@media (min-width: 1024px) { /* --bp-desktop */
  .container,
  .site-container {
    padding-left: var(--container-padding-desktop);
    padding-right: var(--container-padding-desktop);
  }
}

/* ==========================================
   CONTENT AREA (archives, single, page)
   ========================================== */

.content-area {
  display: flex;
  gap: var(--space-lg);
  padding: var(--space-lg) 0;
}
.content-area-inner { flex: 1; min-width: 0; }
.sidebar-main {
  width: var(--sidebar-width);
  flex-shrink: 0;
}
@media (max-width: 1023px) { /* --bp-tablet */
  .content-area { flex-direction: column; }
  .sidebar-main { width: 100%; }
}

/* ==========================================
   HOMEPAGE LAYOUT — konten lebar penuh 1100px, ads fixed di luar container
   ========================================== */

.homepage-grid-wrapper {
  display: block;
  box-sizing: border-box;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

main.homepage-content {
  display: block;
  box-sizing: border-box;
  padding: var(--space-sm) 0;
}
@media (min-width: 1024px) {
  .homepage-grid-wrapper {
    padding-left: var(--container-padding-desktop);
    padding-right: var(--container-padding-desktop);
  }
  main.homepage-content {
    padding: var(--space-sm) 0;
  }
}
/* ==========================================
   ADS RAIL — fixed di luar container, meniru pola Nomina
   ========================================== */

.ads-rail {
  position: fixed;
  top: var(--ads-rail-sticky-top);
  width: var(--ads-rail-width);
  z-index: 10;
}
.ads-rail-left {
  left: calc((100vw - var(--container-max-width)) / 2 - var(--ads-rail-width) - 8px);
}
.ads-rail-right {
  right: calc((100vw - var(--container-max-width)) / 2 - var(--ads-rail-width) - 8px);
}
.ads-rail img,
.ads-rail iframe {
  max-width: 100%;
  display: block;
}

@media (max-width: 1360px) {
  .ads-rail { display: none; }
}