:root{--bg1:#fff3e6;--bg2:#fdeefa;--bg3:#eef8ff;--card:#fff;--ink:#3b3350;--sub:#6f6788;--pink:#c93a72;--line:#eadfd6}
@media (prefers-color-scheme:dark){:root{--bg1:#1d1830;--bg2:#241a38;--bg3:#16202f;--card:#2b2542;--ink:#f2eefc;--sub:#b9b0d4;--pink:#ff9cbc;--line:#433a63}}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
body{background:linear-gradient(180deg,var(--bg1),var(--bg2) 60%,var(--bg3)) fixed;min-height:100vh;color:var(--ink);font-family:Nunito,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;line-height:1.75;font-size:17px;overflow-wrap:anywhere;word-break:keep-all}
main{max-width:640px;margin:0 auto;padding:16px 16px 40px}
.top{display:flex;justify-content:space-between;align-items:center;padding:4px 0 12px}
.top a{color:var(--pink);font-weight:800;text-decoration:none;padding:8px 0}
article{background:var(--card);border-radius:24px;padding:22px 20px;box-shadow:0 4px 16px rgba(120,90,140,.10)}
h1{font-size:28px;line-height:1.3;margin-bottom:12px}
h2{font-size:19px;margin:20px 0 6px}
p,li{margin:8px 0}
ul{padding-left:22px}
a{color:var(--pink)}
.cta{display:block;margin-top:22px;text-align:center;background:#ff7aa5;color:#3a0f22;font-weight:800;border-radius:99px;padding:15px;text-decoration:none;box-shadow:0 3px 0 #d9507f}
.foot{text-align:center;font-size:15px;color:var(--sub);padding-top:22px}
.foot a{color:var(--sub);margin:0 6px;display:inline-block;padding:6px 0}
.tgrid{display:grid;gap:10px;margin-top:12px}