* { box-sizing: border-box; }
body { font-family:"Pretendard","Malgun Gothic",system-ui,sans-serif; background:#f8fafc; color:#0f172a; margin:0; padding:2.5rem 1rem; }
.doc { max-width:720px; margin:0 auto; background:#fff; border-radius:16px; padding:2.4rem 2.2rem; box-shadow:0 1px 3px rgba(15,23,42,0.08); }
h1 { font-size:1.4rem; margin:0 0 0.4rem; }
.meta { color:#94a3b8; font-size:0.82rem; margin-bottom:1.8rem; }
h2 { font-size:1.05rem; margin:1.8rem 0 0.6rem; }
p, li { font-size:0.92rem; line-height:1.7; color:#334155; }
ol, ul { padding-left:1.2rem; }
table { width:100%; border-collapse:collapse; margin:0.6rem 0 1rem; font-size:0.88rem; }
th, td { border:1px solid #e2e8f0; padding:0.55rem 0.7rem; text-align:left; vertical-align:top; }
th { background:#f8fafc; color:#475569; width:120px; }
.back { display:inline-block; margin-top:2rem; font-size:0.85rem; color:#3b82f6; text-decoration:none; background:none; border:none; padding:0; cursor:pointer; font-family:inherit; }