*{box-sizing:border-box;margin:0;padding:0}
body{word-break:keep-all;background:#FFD60A;color:#111;font-family:"Noto Sans KR",system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;
  background-image:repeating-linear-gradient(-45deg,transparent 0 40px,rgba(255,255,255,.18) 40px 70px)}
.doc{max-width:760px;margin:40px auto 80px;padding:36px 32px;background:#fff;border:3px solid #111;border-radius:28px;box-shadow:8px 8px 0 #111}
.back{font-weight:700;text-decoration:none;font-size:14px;color:#111}
.back:hover{text-decoration:underline}
h1{font-size:36px;font-weight:900;letter-spacing:-1px;margin:20px 0 4px}
.meta{color:#666;font-size:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:3px solid #111}
h2{display:inline-block;font-size:18px;font-weight:900;margin:26px 0 8px;background:#111;color:#FFD60A;padding:2px 12px;border-radius:8px}
p{margin-bottom:10px;color:#333}
a{color:#111;font-weight:700}
code{font-size:13px;background:#FFF8DC;border:1px solid #111;padding:2px 6px;border-radius:6px;word-break:break-all}
@media(max-width:600px){.doc{margin:16px;padding:24px 20px}}