@page { size: A4; margin: 18mm 16mm 16mm 16mm; @bottom-center { content: counter(page) " / " counter(pages); font-family: "Malgun Gothic", sans-serif; font-size: 9pt; color: #999; } } html { font-size: 11pt; } body { font-family: "Malgun Gothic", "Hancom Gothic", sans-serif; color: #23272e; line-height: 1.65; max-width: 920px; margin: 0 auto; padding: 24px; } h1 { font-size: 1.7rem; color: #b45309; /* amber-700 — 앱 활성색 계열 */ border-bottom: 3px solid #f59e0b; /* amber-500 */ padding-bottom: 8px; margin: 0 0 4px; } h2 { font-size: 1.25rem; color: #b45309; border-bottom: 1px solid #e5d3b3; padding-bottom: 5px; margin-top: 1.6em; } h3 { font-size: 1.05rem; color: #92400e; margin-top: 1.1em; } a { color: #b45309; } hr { border: none; border-top: 1px solid #e2e2e2; margin: 1.6em 0; } ul { padding-left: 1.25em; } li { margin: 0.18em 0; } strong { color: #1f2937; } code { font-family: "D2Coding", Consolas, monospace; background: #f4f1ea; border: 1px solid #e7e0d2; border-radius: 3px; padding: 0.5px 5px; font-size: 0.92em; } table { border-collapse: collapse; width: 100%; margin: 0.8em 0; font-size: 0.95em; } th, td { border: 1px solid #d8d2c4; padding: 6px 10px; text-align: left; vertical-align: top; } th { background: #fdf3df; color: #7c2d12; } blockquote { border-left: 4px solid #f59e0b; margin: 0.8em 0; padding: 0.2em 0 0.2em 14px; color: #555; background: #fffbf2; } /* ★ 강조 항목이 페이지 경계에서 잘리지 않게 */ h1, h2, h3 { break-after: avoid; }