/* page-01.css — 임대사무실원상복구: 좌우 2단 스플릿, 명조체 */
:root {
  --bg: #FFFFFF;
  --text: #16211C;
  --primary: #0F5132;
  --secondary: #D8E2DC;
  --font-display: "Nanum Myeongjo", serif;
  --font-body: "Pretendard", "Noto Sans KR", sans-serif;
}
h1, h2 { font-weight: 700; }

.split {
  display: block;
  padding: 48px 20px 72px;
}
.split__media {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.split__media img { border-radius: 4px; }
.split__caption {
  font-size: 0.82rem;
  color: var(--secondary);
  text-align: center;
  margin: 0;
}
.split__prose section {
  margin-bottom: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--secondary);
}
.split__prose section:last-child { border-bottom: none; }
.split__prose h2 {
  font-size: 1.3rem;
  border-left: 1px solid var(--primary);
  padding-left: 16px;
  margin-bottom: 14px;
}

@media (min-width: 1024px) {
  .split {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 48px;
    max-width: 1120px;
    margin-inline: auto;
    padding: 72px 20px 96px;
  }
  .split__media {
    position: sticky;
    top: 96px;
    align-self: start;
    max-height: calc(100vh - 128px);
    overflow-y: auto;
    margin-bottom: 0;
  }
}