:root{
  --navy:#1B2A4A; --navy-light:#2A3F6B; --navy-deep:#0F1A33;
  --ivory:#F8F6F0; --ivory-dim:#EDE9DC; --gold:#D4A843; --gold-dark:#B8922F;
  --coral:#E8735A; --text:#2C2C2C; --gray:#E8E8E8;
  --display:'Fraunces',Georgia,serif;
  --body:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--body);background:var(--ivory);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:28px 20px 60px}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em;margin:0}
.back{display:inline-block;font-size:13px;color:#888;text-decoration:none;margin-bottom:14px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark)}
h1{font-size:clamp(24px,5vw,32px);line-height:1.25;margin-top:10px}
.lede{font-size:15.5px;color:#555;margin-top:12px}
.callout{background:var(--navy);color:#fff;border-radius:8px;padding:16px 18px;margin:22px 0;font-size:14px}
.callout b{color:var(--gold)}
.card{background:#fff;border:1px solid var(--gray);border-radius:10px;padding:22px;margin:18px 0}
.card h2{font-size:18px;color:var(--navy)}
.frametag{display:inline-block;font-size:13px;font-weight:700;color:var(--navy);background:var(--ivory-dim);padding:6px 12px;border-radius:6px;margin-top:10px}
.steps{margin-top:16px;display:flex;flex-direction:column;gap:12px}
.step{display:flex;gap:12px;align-items:flex-start}
.step .n{flex:0 0 26px;height:26px;border-radius:50%;background:var(--gold);color:var(--navy-deep);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.step .t{font-size:14.5px}
.step .t b{color:var(--navy)}
.example{background:var(--ivory-dim);border-left:3px solid var(--gold-dark);border-radius:0 6px 6px 0;padding:14px 16px;margin-top:14px;font-size:14px}
.example p{margin:6px 0}
.example b{color:var(--navy)}
.checklist{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.checkitem{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.checkitem .box{flex:0 0 18px;height:18px;border:2px solid var(--navy);border-radius:4px;margin-top:2px}
.qbank{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.qbank .q{background:#fff;border:1px solid var(--gray);border-radius:6px;padding:10px 14px;font-size:13.5px;font-style:italic;color:var(--navy)}
.fine{font-size:12.5px;color:#888;margin-top:10px}
.slidegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.slide{background:var(--ivory-dim);border-radius:8px;padding:14px}
.slide .sn{font-size:11px;font-weight:800;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.06em}
.slide .st{font-size:14px;font-weight:700;color:var(--navy);margin-top:4px}
.slide .sd{font-size:12.5px;color:#666;margin-top:4px}
@media(max-width:560px){.slidegrid{grid-template-columns:1fr}}