/* 홈 7구역: 배경 번갈이, 시스템·입학·오기 전에·상담 구역 */
#landing .tone-paper { background: var(--paper); }
#landing .tone-tint { background: var(--paper-tint); border-top: 1px solid rgba(44,36,22,.12); }
#landing .story-diagnosis .section-overline { color: var(--gold-bright); }
#landing .section-head .records-note { margin-top: 18px; }

#landing .system-grid {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none;
  border-top: 1px solid rgba(44,36,22,.2); border-bottom: 1px solid rgba(44,36,22,.2);
}
#landing .system-grid li { min-width: 0; padding: 24px 20px 26px; }
#landing .system-grid li + li { border-left: 1px solid rgba(44,36,22,.16); }
#landing .system-grid span, #landing .admission-steps span, #landing .choice-rail span {
  display: block; margin-bottom: 14px; color: var(--gold); font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px; font-weight: 700; letter-spacing: .08em; line-height: 1;
}
#landing .system-grid strong, #landing .choice-rail strong {
  display: block; color: var(--ink); font-family: 'Nanum Myeongjo', 'Batang', Georgia, serif;
  font-size: 1.2rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.35; word-break: keep-all;
}
#landing .system-grid p, #landing .choice-rail p { margin: 8px 0 0; color: rgba(44,36,22,.7); font-size: 14px; line-height: 1.7; word-break: keep-all; }
#landing .system-proof { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 32px; margin-top: 36px; align-items: start; }
#landing .system-proof figure { margin: 0; }
#landing .system-proof img { display: block; width: 100%; height: auto; border: 1px solid rgba(44,36,22,.2); background: #fff; }
#landing .system-proof figcaption { margin-top: 8px; color: rgba(44,36,22,.62); font-size: 13px; }
#landing .system-channels { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(44,36,22,.2); }
#landing .system-channels li { display: grid; grid-template-columns: 8.5em minmax(0, 1fr); gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(44,36,22,.14); font-size: 14px; line-height: 1.55; word-break: keep-all; }
#landing .system-channels strong { color: var(--ink); }
#landing .system-channels span { color: rgba(44,36,22,.7); }

#landing .admission-steps { margin: 26px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(253,248,240,.14); }
#landing .admission-steps li { display: grid; grid-template-columns: 2.6em minmax(0, 1fr); column-gap: 10px; padding: 14px 0; border-bottom: 1px solid rgba(253,248,240,.14); }
#landing .admission-steps span { grid-row: span 2; margin: 3px 0 0; color: var(--gold-bright); }
#landing .admission-steps strong { color: var(--paper); font-size: 16px; line-height: 1.45; }
#landing .admission-steps em { font-style: normal; color: rgba(253,248,240,.72); font-size: 14px; line-height: 1.6; word-break: keep-all; }
#landing .story-diagnosis .diagnosis-list dd { color: rgba(253,248,240,.82); }
#landing .story-diagnosis .diagnosis-list dt { color: var(--gold-bright); }

#landing .read-first-lead {
  position: relative; display: block; margin: 0 0 32px; padding: 22px 60px 22px 24px;
  border: 1px solid rgba(44,36,22,.68); border-left: 6px solid var(--gold); background: var(--paper);
  color: var(--ink); text-decoration: none;
}
#landing .read-first-lead small { display: block; color: var(--gold); font-size: 13px; font-weight: 800; letter-spacing: .04em; }
#landing .read-first-lead strong { display: block; margin-top: 6px; font-family: 'Nanum Myeongjo', 'Batang', Georgia, serif; font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.35; }
#landing .read-first-lead span { display: block; margin-top: 6px; color: rgba(44,36,22,.7); font-size: 14px; line-height: 1.65; word-break: keep-all; }
#landing .read-first-lead b { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); color: var(--gold); font-size: 1.4rem; }
#landing .choice-rail {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 24px 0; padding: 0; list-style: none;
  border-top: 1px solid rgba(44,36,22,.2); border-bottom: 1px solid rgba(44,36,22,.2);
}
#landing .choice-rail li { min-width: 0; padding: 22px 22px 24px; }
#landing .choice-rail li + li { border-left: 1px solid rgba(44,36,22,.16); }
#landing .story-choice .process-link { margin-top: 12px; }

#landing .closing-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 22px 0 6px; }
#landing .closing-links a { color: var(--ink); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(44,36,22,.3); }
#landing .footer-admin-button { opacity: .6; font-size: 12px; }

@media (max-width: 1024px) {
  #landing .system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #landing .system-grid li { border-left: 0 !important; border-bottom: 1px solid rgba(44,36,22,.12); }
  #landing .system-grid li:nth-child(odd) { border-right: 1px solid rgba(44,36,22,.12); }
  #landing .system-proof { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  #landing .system-grid { grid-template-columns: 1fr; }
  #landing .system-grid li:nth-child(odd) { border-right: 0; }
  #landing .system-grid li { padding: 18px 0; }
  #landing .choice-rail { grid-template-columns: 1fr; }
  #landing .choice-rail li { padding: 18px 0; }
  #landing .choice-rail li + li { border-left: 0; border-top: 1px solid rgba(44,36,22,.14); }
  #landing .system-channels li { grid-template-columns: 1fr; gap: 2px; }
  #landing .read-first-lead { padding: 18px 44px 18px 18px; }
  #landing .read-first-lead b { right: 16px; }
  #landing .fact-row dt { word-break: keep-all; }
}
#landing .diagnosis-copy > .section-number { margin-bottom: 10px; }
#landing .diagnosis-copy > .section-number + .section-overline { margin-top: 0; }

/* 02 속지 않는 입시: 학부모에게 먼저 하는 정직한 말 */
#landing .choice-honest {
  max-width: 760px; margin: 22px 0 30px; padding-left: 20px;
  border-left: 3px solid var(--gold);
  font-family: 'Nanum Myeongjo', 'Batang', Georgia, serif;
  font-size: clamp(1.05rem, 1.6vw, 1.22rem); font-weight: 700; line-height: 1.85;
  color: var(--ink); word-break: keep-all;
}
@media (max-width: 760px) {
  #landing .choice-honest { padding-left: 14px; font-size: 1.02rem; line-height: 1.8; }
}

/* 01 스승 아래 대표 공개 기록 3줄 */
#landing .records-inline { margin-top: 36px; }
#landing .records-inline-title {
  margin: 0 0 10px; color: var(--gold); font-family: inherit;
  font-size: 13px; font-weight: 800; letter-spacing: .04em;
}
#landing .records-inline .record-row { padding: 14px 0; }
#landing .records-inline .record-copy h3 { font-size: 1rem; }
#landing .records-inline .record-copy p { font-size: 13px; }

/* 2026-10-01 레이아웃 파손 수정 ----------------------------------------
   ① 약력 4칸이 3칸 틀에 들어가 '1:8 소수정예'가 혼자 떨어지던 문제 → 2×2
   ② 16:9 교실 사진을 4:5로 잘라 절반 넘게 잘리던 문제 → 4:3, 글 옆에 붙어 따라옴
   ③ 768~1023px에서 두 단이 유지돼 글이 세로로 쪼개지던 문제 → 한 단 */
@media (min-width: 768px) {
  #landing .declaration-grid { align-items: start; }
  #landing .declaration-photo { aspect-ratio: 4 / 3; }
  #landing .fact-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #landing .fact-row > div,
  #landing .fact-row > div + div { padding: 16px 18px 17px 0; border-left: 0; }
  #landing .fact-row > div:nth-child(even) { padding-left: 18px; border-left: 1px solid rgba(44,36,22,.16); }
  #landing .fact-row > div:nth-child(n + 3) { border-top: 1px solid rgba(44,36,22,.12); }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #landing .declaration-grid { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  #landing .declaration-photo { position: static; aspect-ratio: 16 / 9; }
  #landing .fact-row { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; }
  #landing .fact-row > div:nth-child(n + 2) { padding-left: 16px; border-left: 1px solid rgba(44,36,22,.16); }
  #landing .fact-row > div:nth-child(n + 3) { border-top: 0; }
  #landing .idx-rewrite-cards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  #landing .declaration-photo { aspect-ratio: 4 / 3; }
  #landing .fact-row > div,
  #landing .fact-row > div + div { grid-template-columns: 108px minmax(0, 1fr); }
}
/* 수정 전·후 상자: 짧은 쪽 글이 가운데로 떠 있던 정렬 */
#landing .idx-rewrite-sample { align-content: start; }

/* 01 스승: 사진만 오른쪽 위에 떠 있고 아래가 비던 문제 → 오른쪽 기둥 = 사진 + 공개 기록.
   좌(제목·소개·약력) / 우(사진·기록) 길이가 비슷해진다. */
#landing .declaration-side { display: grid; gap: 34px; min-width: 0; }
#landing .declaration-side .records-inline { margin-top: 0; }
@media (min-width: 1024px) {
  #landing .declaration-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(44px, 6vw, 88px); }
  #landing .declaration-side { padding-top: 8px; }
  #landing .declaration-photo { aspect-ratio: 3 / 2; }
}
@media (min-width: 768px) {
  #landing .declaration-side .record-row {
    grid-template-columns: max-content minmax(0, 1fr) 32px; gap: 4px 16px; align-items: start;
  }
  #landing .declaration-side .record-kind { grid-column: 1; grid-row: 1 / span 2; margin-top: 2px; }
  #landing .declaration-side .record-copy { grid-column: 2; grid-row: 1; }
  #landing .declaration-side .record-row time { grid-column: 2; grid-row: 2; font-size: 12px; }
  #landing .declaration-side .record-arrow { grid-column: 3; grid-row: 1 / span 2; width: 32px; min-height: 32px; align-self: center; }
}