:root{--bg:#f4f1ea;--card:#fffdf8;--ink:#1e2a28;--muted:#4f5f5c;--line:#dcd3c4;--accent:#0f766e;--accent-2:#155e75}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:"Noto Sans KR","Pretendard",sans-serif;
  background:radial-gradient(circle at 12% 0%,#e8f1ef 0%,transparent 36%),radial-gradient(circle at 100% 100%,#e3eef2 0%,transparent 30%),var(--bg);line-height:1.65}
.wrap{max-width:820px;margin:0 auto;padding:40px 20px 56px}
.hero{background:linear-gradient(130deg,#f5fbfa 0%,#eef6f8 60%,#fdfcf8 100%);border:1px solid var(--line);
  border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(29,42,40,.08)}
h1{margin:0 0 8px;font-size:2rem}
h2{margin-top:34px;font-size:1.3rem;color:var(--accent-2)}
h3{margin-top:22px;font-size:1.05rem}
p,li{margin:10px 0}
ul{padding-left:20px}
code{font-family:"JetBrains Mono","Fira Code",monospace;background:#f2efea;padding:2px 6px;border-radius:6px;font-size:.94em}
.meta{color:var(--muted);font-size:.92rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin-top:20px}
a{color:var(--accent)}
footer{margin-top:40px;color:var(--muted);font-size:.88rem;border-top:1px solid var(--line);padding-top:16px}