/* 검색 안내 페이지(10/14, seo/plugin.mjs) — 앱과 같은 밤하늘 남색·금색, JS 없이 가볍게 */
:root { --night: #0d1424; --ink: #f6f1e6; --dim: rgb(246 241 230 / 0.72); --gold: #e7b75f; --line: rgb(246 241 230 / 0.14); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--night); color: var(--ink); font-family: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; word-break: keep-all; line-height: 1.7; }
a { color: var(--gold); }
.sp-top { max-width: 720px; margin: 0 auto; padding: 16px 20px 0; }
.sp-brand { font-weight: 800; font-size: 18px; letter-spacing: 0.04em; color: var(--ink); text-decoration: none; }
.sp { max-width: 720px; margin: 0 auto; padding: 8px 20px 48px; }
.sp-hero { margin: 12px -20px 0; padding: 120px 20px 28px; background: linear-gradient(180deg, rgb(13 20 36 / 0.1), rgb(13 20 36 / 0.92) 62%, var(--night)), var(--img) center 30% / cover no-repeat; }
.sp-hero h1 { margin: 0; font-size: clamp(26px, 7vw, 38px); line-height: 1.25; letter-spacing: -0.02em; }
.sp-lead { margin: 12px 0 18px; color: var(--dim); font-size: 15.5px; }
.sp-cta { display: inline-block; padding: 13px 26px; border-radius: 999px; background: var(--gold); color: var(--night); font-weight: 800; text-decoration: none; }
.sp-cta.wide { display: block; text-align: center; margin: 32px 0 8px; }
.sp-note { margin: 22px 0 0; padding: 14px 16px; border-radius: 12px; background: rgb(246 241 230 / 0.05); border: 1px solid var(--line); font-size: 15px; }
.sp h2 { margin: 34px 0 12px; font-size: 19px; }
.sp-points { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sp-points li { display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); }
.sp-points b { color: var(--gold); }
.sp-points span { color: var(--dim); font-size: 14.5px; }
.sp-steps { margin: 0; padding-left: 1.3em; display: grid; gap: 6px; }
.sp-faq details { border-bottom: 1px solid var(--line); padding: 12px 0; }
.sp-faq summary { cursor: pointer; font-weight: 700; }
.sp-faq p { margin: 8px 0 0; color: var(--dim); font-size: 14.5px; }
.sp-more ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.sp-more a { text-decoration: none; }
.sp-foot { max-width: 720px; margin: 0 auto; padding: 20px; font-size: 13px; color: var(--dim); border-top: 1px solid var(--line); }
.sp-foot a { color: var(--dim); }