/* =====================================
   GLOBAL WRAPPER
===================================== */

.wrapper {
  width: 100%;
  position: relative;
}

/* =====================================
   SECTION BASE
===================================== */

.section {
  width: 100%;
  margin-bottom: 64px;
}

/* =====================================
   SECTION 1 GRID
   Home / Listing pages
   (Left | Content | Right)
===================================== */

.section1-grid {
  display: grid;
  grid-template-columns: 22% 1fr 28%;
  gap: 32px;

  max-width: 1560px;
  margin: 0 auto;
  padding: 32px 24px;
}

/* =====================================
   NODE PAGE LAYOUT
   (Content | Right)
   IMPORTANT: use path-node
===================================== */

.path-node .section1-grid {
  grid-template-columns: 70% 30%;
}

/* Hide left sidebar on node */
.path-node .section1-left {
  display: none;
}

/* Content column */
.path-node .section1-content {
  grid-column: 1 / 2;
}

/* Right sidebar */
.path-node .section1-right {
  grid-column: 2 / 3;
}

/* =====================================
   CONTENT WIDTH CONTROL
===================================== */

/* Home & listing pages */
.section1-content > * {
  max-width: 920px;
}

/* Node page: wider reading area */
.path-node .section1-content > * {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

/* =====================================
   SIDEBARS
===================================== */

.section1-left,
.section1-right {
  background-color: #fafafa;
  padding: 20px;
  border-radius: 10px;
}

.section1-left a,
.section1-right a {
  color: #1a237e;
  font-weight: 500;
  text-decoration: none;
}

.section1-left a:hover,
.section1-right a:hover {
  color: #d32f2f;
  text-decoration: underline;
}

/* =====================================
   MAIN CONTENT
===================================== */

.section1-content {
  min-width: 0;
  line-height: 1.8;
  font-size: 16px;
}