/* 사이트 공통 크롬 단일 정본 (D127) — 토큰·상단바·푸터. 전 페이지가 이 파일 하나를 링크한다. 페이지별 복제 금지 */
:root{
  --paper:#F4F1E9; --paper-2:#E9E4D7; --card:#FFFDF6;
  --ink:#191713; --ink-2:#55514A; --line:#D6CFBD;
  --pen:#A62F1C; --pen-deep:#8A2716;
  --tutor:#20241C; --tutor-text:#F2EFE3;
  --serif: Georgia, 'Times New Roman', 'Apple Myungjo', AppleMyungjo, Batang, '바탕', 'Noto Serif KR', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', 'Malgun Gothic', 'Noto Sans KR', sans-serif;
  --mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, 'D2Coding', 'Liberation Mono', monospace;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:104px;
  --rail:88px; --col:600px; --marg:232px; --gap:28px;
}
.sheet{max-width:1064px; margin:0 auto; padding-left:20px; padding-right:20px}

/* ---------- 상단바 ---------- */
.topbar, footer{font-family:var(--sans); line-height:1.6}
.topbar{border-bottom:1px solid var(--line); background:var(--paper)}
.topbar-in{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0}
.wordmark{font-family:var(--serif); font-weight:700; font-size:18px; letter-spacing:-0.01em; text-decoration:none; white-space:nowrap}
.wordmark .dot{color:var(--pen)}
.topnav{display:flex; align-items:center; gap:16px}
.topnav .txt{font-size:13.5px; color:var(--ink-2); text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:2px}
.topnav .txt:hover{color:var(--ink); border-bottom-color:var(--pen)}
.topnav .txt.on{color:var(--ink); border-bottom:2px solid var(--pen)}
@media (max-width:699px){ .topnav .txt{display:none} }
.btn-sm{
  font-size:13.5px; text-decoration:none; color:var(--ink);
  border:1px solid var(--ink); border-radius:6px; padding:6px 12px; white-space:nowrap;
}
.btn-sm:hover{background:var(--ink); color:var(--paper)}

/* ---------- 판형 3트랙 (푸터 공유) ---------- */
.track{display:grid; grid-template-columns:minmax(0,1fr); row-gap:6px}
.track > .rail{grid-column:1}
@media (min-width:920px){
  .track{
    grid-template-columns:var(--rail) minmax(0,var(--col)) minmax(0,var(--marg));
    column-gap:var(--gap); row-gap:0;
  }
  .track > *{grid-column:2}
  .track > .rail{grid-column:1}
  .track > .note{grid-column:3}
}

/* ---------- 푸터 ---------- */
footer{border-top:1px solid var(--line); padding:var(--s4) 0 var(--s5); margin-top:var(--s4)}
footer .fnote{font-size:13px; color:var(--ink-2); max-width:42em; line-height:1.85; margin-top:12px}
footer .wordmark{font-size:16px}