/* 약관·안내·정적 페이지 공용. 앱과 같은 스위스 양식(흰 바탕, 클라인 블루 강조, 1px 선). */
@import url("fonts/pretendard/pretendardvariable-dynamic-subset.css");
:root { --bg: #fff; --text: #111418; --muted: #5b616b; --line: #dadce1; --accent: #002fa7; --soft: rgba(0, 47, 167, .07); }
@media (prefers-color-scheme: dark) { :root { --bg: #0e1116; --text: #e9ecf1; --muted: #9aa3b2; --line: #2a303b; --soft: rgba(90, 130, 255, .12); } }
body { margin: 0; background: var(--bg); color: var(--text); font-family: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; line-height: 1.7; word-break: keep-all; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; }
h1 { font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1.25; margin: 8px 0 6px; }
h1 small { font-size: 14px; color: var(--muted); font-weight: 500; }
h2 { font-size: 16px; font-weight: 700; margin: 28px 0 8px; padding-top: 10px; border-top: 1px solid var(--text); }
h2 small { color: var(--muted); font-weight: 500; font-size: 12px; }
a { color: var(--accent); }
p { margin: 0 0 10px; }
.lede { color: var(--muted); font-size: 15px; }
.crumb { font-size: 13px; color: var(--muted); } .crumb a { color: var(--muted); text-decoration: none; }
.fine { font-size: 12.5px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 10px; margin-top: 18px; }
.cta { margin: 20px 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cta small { color: var(--muted); font-size: 12.5px; }
.btn { display: inline-block; background: var(--accent); color: #fff; text-decoration: none; font-weight: 700; padding: 10px 16px; border-radius: 2px; }
.draft { background: var(--soft); border-left: 3px solid var(--accent); padding: 8px 10px; font-size: 13px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
th, td { border-bottom: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
th { border-bottom: 1px solid var(--text); }
ul.grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 2px 16px; }
ul.grid li { border-bottom: 1px solid var(--line); padding: 8px 0; }
ul.grid li a { text-decoration: none; font-weight: 600; color: var(--text); }
ul.grid li a:hover { color: var(--accent); }
ul.grid li small { display: block; color: var(--muted); font-size: 12px; }
header.site { display: flex; justify-content: space-between; align-items: center; max-width: 720px; margin: 0 auto; padding: 14px 16px 0; font-size: 14px; }
header.site > a { font-weight: 800; color: var(--text); text-decoration: none; letter-spacing: -.01em; }
header.site nav a { margin-left: 14px; text-decoration: none; }
footer.site { max-width: 720px; margin: 0 auto; padding: 0 16px 40px; font-size: 12px; color: var(--muted); }

/* 약관·방침 페이지에서 되돌아갈 곳(뒤로가기 말고도 나갈 수 있게) */
.leave-btn { position: fixed; right: 20px; bottom: 20px; z-index: 50;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 11px 16px; font-size: 14px; font-weight: 600; text-decoration: none;
  color: #fff; background: #002FA7; border: 1px solid #002FA7; border-radius: 2px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18); }
.leave-btn:hover { background: #00248a; border-color: #00248a; }
.leave-btn svg { transform: scaleX(-1); }
@media (max-width: 640px) { .leave-btn { right: 12px; bottom: 12px; padding: 10px 14px; } }
@media print { .leave-btn { display: none; } }