:root{
  --cream:#FBF6EC; --card:#FFFFFF; --ink:#3B2E21; --ink-soft:#6B5B4A; --ink-faint:#9A8A79;
  --gold:#E8B44A; --gold-dark:#8C6A1E; --line:#EFE4D2; --danger:#B3261E;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--cream); color:var(--ink);
  font-family:"Apple SD Gothic Neo","Noto Sans KR",system-ui,-apple-system,sans-serif;
  font-size:16px; line-height:1.75;
}
.wrap{max-width:680px; margin:0 auto; padding:0 20px 72px}
header{padding:44px 0 24px; border-bottom:1px solid var(--line); margin-bottom:32px}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; color:var(--gold-dark)}
.brand .coin{
  width:26px;height:26px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #FFDE8A, var(--gold) 70%);
  box-shadow:inset 0 -2px 4px rgba(0,0,0,.12);
}
h1{font-size:clamp(24px,5vw,32px); line-height:1.3; margin:18px 0 8px; letter-spacing:-.01em}
.dek{color:var(--ink-soft); margin:0}
h2{font-size:19px; margin:36px 0 10px; letter-spacing:-.005em}
p{margin:0 0 14px}
ul{margin:0 0 16px; padding-left:20px}
li{margin-bottom:6px}
a{color:var(--gold-dark); text-underline-offset:2px}
.card{
  background:var(--card); border:1px solid var(--line); border-radius:14px;
  padding:20px 22px; margin:0 0 20px;
}
.card h2{margin-top:0}
.step{display:flex; gap:12px; margin-bottom:12px}
.step .n{
  flex:none; width:24px; height:24px; border-radius:50%; background:var(--gold);
  color:#4A3708; font-weight:700; font-size:13px; display:grid; place-items:center; margin-top:3px;
}
.mail{
  display:inline-block; font-weight:600; font-size:17px; color:var(--gold-dark);
  word-break:break-all;
}
.note{border-left:3px solid var(--gold); padding:2px 0 2px 16px; color:var(--ink-soft); margin:0 0 16px}
.warn{color:var(--danger); font-weight:600}
table{width:100%; border-collapse:collapse; font-size:15px; margin:0 0 16px}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--ink-soft); font-weight:600; width:38%}
footer{margin-top:44px; padding-top:20px; border-top:1px solid var(--line); color:var(--ink-faint); font-size:14px}
footer a{color:var(--ink-faint)}
@media (prefers-color-scheme: dark){
  :root{
    --cream:#191512; --card:#221D18; --ink:#EDE4D8; --ink-soft:#B5A896; --ink-faint:#867A6C;
    --gold:#E8B44A; --gold-dark:#E7C071; --line:#332B23; --danger:#E37A72;
  }
}