*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,"Noto Sans KR","Noto Sans",Arial,sans-serif;background:#f5f5f5;color:#0f172a;-webkit-font-smoothing:antialiased}
.container{max-width:860px;margin:0 auto;padding:24px 16px 28px}
.card{background:#fff;border-radius:24px;padding:38px 34px;box-shadow:0 1px 6px rgba(15,23,42,.04)}
.card h1{margin:0 0 18px;font-size:32px;line-height:1.2;font-weight:700;color:#0f172a}
.effective{margin:0 0 32px;font-size:15px;line-height:1.6;color:#475569}
.article{padding:28px 0;border-top:1px solid #ececec}
.article:first-of-type{border-top:0;padding-top:4px}
.article h2{margin:0 0 16px;font-size:22px;line-height:1.35;font-weight:700;color:#0f172a}
.article p,.article li{font-size:15px;line-height:1.9;color:#444;word-break:keep-all}
.article p{margin:0 0 14px}
.article ol,.article ul{margin:0;padding-left:24px}
.article li{padding:0 0 10px}
@media (max-width: 640px){
  body{background:#fff}
  .container{max-width:none;padding:0}
  .card{border-radius:0;padding:24px 16px 28px;box-shadow:none}
  .card h1{font-size:24px;margin:0 0 12px}
  .effective{font-size:13px;margin:0 0 22px;color:#666}
  .article{padding:22px 0}
  .article h2{font-size:18px;margin:0 0 12px}
  .article p,.article li{font-size:13.5px;line-height:1.9;color:#444}
  .article ol,.article ul{padding-left:20px}
}