/* Sydas Sector Alignment System v61 */
:root{--v61-feature:1320px}

/* One language control only: the V58 segmented switch is canonical. */
#syncLangV49,.sync-lang-v49,.lang-wrap,#langBtn,#langMenu{display:none!important}
.lang-switch-v58{flex:0 0 auto}

/* Featured article: mathematically centred inside the page canvas. */
.layout-v60 #terbaru>.sec-head,
.layout-v60 #terbaru>#featured,
.layout-v60 #featured{
 width:min(100%,var(--v61-feature));
 max-width:var(--v61-feature);
 margin-left:auto;
 margin-right:auto;
}
.layout-v60 #featured>.featured-card,
.layout-v60 #featured .featured-card{width:100%;margin-inline:auto}
@media(min-width:901px){
 .layout-v60 #featured .featured-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .layout-v60 #featured .featured-card .thumb,
 .layout-v60 #featured .featured-card .fc-body{min-width:0;height:100%}
}

/* Nine global discovery links: equal columns, equal height, aligned text. */
@media(min-width:1200px){
 .layout-v60 .explore-scroll-v271{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:7px;
  overflow:visible;
  padding-block:8px;
 }
 .layout-v60 .explore-scroll-v271 a{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:7px 8px;
  justify-content:center;
  border:1px solid transparent;
  border-radius:9px;
  line-height:1.2;
  text-align:center;
  white-space:normal;
 }
}
@media(min-width:761px) and (max-width:1199px){
 .layout-v60 .explore-scroll-v271{justify-content:flex-start;gap:6px}
 .layout-v60 .explore-scroll-v271 a{min-height:42px;padding-inline:12px}
}

/* Universal equal-height behaviour for editorial cards and data boxes. */
.layout-v60 :where(.grid,.related,.pillars,.start-grid-v28,.smart-grid,.entity-directory,.identity-grid,.mk-grid-v48,.mk-offers-v48,.map-results-v48,.intel-stats,.v27-kpis,.admin-dashboard){align-items:stretch}
.layout-v60 :where(.grid,.related,.pillars,.start-grid-v28,.smart-grid,.entity-directory,.identity-grid,.mk-grid-v48,.mk-offers-v48,.map-results-v48,.intel-stats,.v27-kpis,.admin-dashboard)>*{min-width:0;height:100%}
.layout-v60 :where(.post,.pillar,.start-card-v28,.book-card-v34,.dash-card,.mk-grid-v48 article,.mk-offers-v48 article){box-sizing:border-box}
.layout-v60 :where(.post,.book-card-v34,.pillar,.start-card-v28){display:flex;flex-direction:column}
.layout-v60 :where(.post .pb,.book-body-v34,.pillar>div,.start-card-v28>div){min-width:0}
.layout-v60 .post .pb,.layout-v60 .book-body-v34{flex:1}

/* Tables use one rhythm and stay aligned without breaking on mobile. */
.layout-v60 table{width:100%;border-collapse:collapse;border-spacing:0}
.layout-v60 :where(th,td){box-sizing:border-box;padding:12px 14px;vertical-align:top}
.layout-v60 th{font-weight:750;text-align:left}

/* Forms and paired controls line up on the same baseline. */
.layout-v60 :where(.row2,.row3,.timeline-selects,.shop-toolbar-v34,.book-url-row-v34){align-items:end}
.layout-v60 :where(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){box-sizing:border-box;width:100%}

/* Mobile: retain horizontal navigation but every pill has the same height. */
@media(max-width:760px){
 .layout-v60 .explore-scroll-v271{display:flex;align-items:stretch}
 .layout-v60 .explore-scroll-v271 a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 11px;white-space:nowrap}
 .layout-v60 #terbaru>.sec-head,.layout-v60 #terbaru>#featured,.layout-v60 #featured{width:100%}
 .layout-v60 #featured .featured-card{margin-inline:0}
 .layout-v60 :where(th,td){min-width:120px;padding:10px 11px}
}

/* Several legacy .block rules reset horizontal auto margins after .wrap.
   Reassert centring at the final cascade level for every direct page box. */
.layout-v60 main>section.wrap,
.layout-v60 main>div.wrap{
 margin-left:auto!important;
 margin-right:auto!important;
}