:root{--ink:#0f1114;--gray:#8d9199;--line:#e6e8ea;--accent:#2b47ff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,"Malgun Gothic",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;letter-spacing:-0.01em}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--line);height:64px;display:flex;align-items:center}
.nav{width:min(920px,92%);margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800} .logo .q{color:var(--accent)}
.nav a.back{font-size:13.5px;font-weight:700;color:#555a63}
.hero{background:linear-gradient(135deg,#eef1ff,#f7f4ff);padding:64px 0 48px}
.hero .in{width:min(920px,92%);margin:0 auto}
.hero h1{font-size:clamp(24px,3.4vw,38px);font-weight:800;letter-spacing:-0.03em;word-break:keep-all}
.hero p{margin-top:10px;font-size:13.5px;color:#555a63;font-weight:600}
.wrap{width:min(920px,92%);margin:0 auto;padding:56px 0 100px}
.wrap h2{font-size:18px;font-weight:800;margin:40px 0 12px;letter-spacing:-0.01em;word-break:keep-all}
.wrap h2:first-child{margin-top:0}
.wrap p,.wrap li{font-size:14px;line-height:1.9;color:#3f434b;word-break:keep-all}
.wrap p{margin:8px 0}
.wrap ul{margin:8px 0 8px 20px}
.wrap table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.wrap th,.wrap td{border:1px solid var(--line);padding:10px 12px;text-align:left;line-height:1.7;vertical-align:top;word-break:keep-all}
.wrap th{background:#f7f9fc;font-weight:800;white-space:nowrap}
.note{background:#f6f8ff;border:1px solid #e3e9ff;border-radius:12px;padding:16px 18px;font-size:13px;color:#3f434b;line-height:1.8;margin-bottom:34px}
footer{border-top:1px solid var(--line);padding:36px 0;text-align:center;font-size:12.5px;color:#a2a7ae;line-height:1.9}
footer a{color:#555a63;font-weight:600}