/* ===== Grid & layout primitives (1420px reference container) ===== */
.gc-container{width:100%;max-width:var(--gc-container);margin:0 auto;
  padding-left:var(--gc-gutter);padding-right:var(--gc-gutter)}
.gc-container--fluid{max-width:100%;padding-left:40px;padding-right:40px}
.gc-container--narrow{max-width:1140px}
.gc-row{display:flex;flex-wrap:wrap;margin-left:calc(var(--gc-gutter)*-1);margin-right:calc(var(--gc-gutter)*-1)}
.gc-row>*{padding-left:var(--gc-gutter);padding-right:var(--gc-gutter)}
.gc-col{flex:1 0 0%}
.gc-col-12{width:100%}.gc-col-6{width:50%}.gc-col-4{width:33.3333%}
.gc-col-3{width:25%}.gc-col-8{width:66.6667%}.gc-col-9{width:75%}
.gc-col-5{width:41.6667%}.gc-col-7{width:58.3333%}

.gc-grid{display:grid;gap:30px}
.gc-grid--2{grid-template-columns:repeat(2,1fr)}
.gc-grid--3{grid-template-columns:repeat(3,1fr)}
.gc-grid--4{grid-template-columns:repeat(4,1fr)}
.gc-grid--nogap{gap:0}

.gc-section{padding-top:var(--gc-section-pad);padding-bottom:var(--gc-section-pad)}
.gc-section--top{padding-top:var(--gc-section-pad)}
.gc-section--bottom{padding-bottom:var(--gc-section-pad)}
.gc-bg-light{background:var(--gc-light-bg)}
.gc-bg-dark{background:var(--gc-secondary);color:rgba(var(--gc-white-rgb),.7)}
.gc-bg-dark h1,.gc-bg-dark h2,.gc-bg-dark h3,.gc-bg-dark h4,.gc-bg-dark h5,.gc-bg-dark h6{color:var(--gc-white)}

.gc-site-content{min-height:40vh}
.gc-content-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:40px;align-items:start}
.gc-content-sidebar--left{grid-template-columns:390px minmax(0,1fr)}
.gc-content-sidebar--left .gc-main{order:2}
.gc-content-sidebar--left .gc-sidebar{order:1}

@media (max-width:1199px){
  .gc-content-sidebar,.gc-content-sidebar--left{grid-template-columns:1fr}
  .gc-content-sidebar--left .gc-main{order:1}
  .gc-content-sidebar--left .gc-sidebar{order:2}
  .gc-grid--4{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1024px){
  .gc-container--fluid{padding-left:20px;padding-right:20px}
  .gc-grid--3,.gc-grid--4{grid-template-columns:repeat(2,1fr)}
  .gc-col-4,.gc-col-3,.gc-col-5,.gc-col-7,.gc-col-8,.gc-col-9{width:50%}
}
@media (max-width:767px){
  .gc-grid{gap:24px}
  .gc-grid--2,.gc-grid--3,.gc-grid--4{grid-template-columns:1fr}
  .gc-row>*{width:100%}
}