/* VIXXI v2 공통 틀: 모바일 전용 화면(최대 480px) · 상단 로고/버튼 · 탭 메뉴 · 푸터
   칼럼 페이지처럼 예전 style.css를 쓰는 페이지에서도 함께 쓴다. 클래스는 vx- 로 시작. */
:root{--vx-ink:#161616;--vx-muted:#555;--vx-soft:#8A8A8A;--vx-line:#EDEDED;--vx-gray:#F6F6F6;--vx-coral:#D9503F;--vx-coral-2:#FF8A7A;--vx-black:#161616}
html{background:#E9E7E4}
body.vx{margin:0;background:#E9E7E4;color:var(--vx-ink);font-family:"Pretendard Variable",Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
.vx-frame{max-width:480px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.vx-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.vx-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px}
.vx-logo{font-weight:900;letter-spacing:.24em;font-size:17px;color:var(--vx-ink);text-decoration:none}
.vx-acts{display:flex;gap:6px;align-items:center}
.vx-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:10px 14px;border-radius:99px;text-decoration:none;line-height:1}
.vx-btn-k{background:#FEE500;color:#191919}
.vx-btn-d{background:var(--vx-ink);color:#fff}
.vx-tabs{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 8px;border-bottom:1px solid var(--vx-line)}
.vx-tabs::-webkit-scrollbar{display:none}
.vx-tabs a{flex:none;font-size:14px;padding:12px 9px 11px;color:var(--vx-soft);text-decoration:none;border-bottom:2px solid transparent;font-weight:600}
.vx-tabs a.on{color:var(--vx-ink);font-weight:800;border-bottom-color:var(--vx-ink)}
.vx-foot{background:var(--vx-black);color:#A8A8A8;padding:40px 24px 48px;font-size:13px;line-height:1.7;display:flex;flex-direction:column;gap:18px}
.vx-foot b{color:#fff;letter-spacing:.24em;font-size:16px}
.vx-foot a{color:#fff;text-decoration:none;font-weight:700}
.vx-foot-links{display:flex;flex-wrap:wrap;gap:6px 14px}
.vx-foot small{color:#7A7A7A;font-size:12px}