/* /night/ 광고 페이지 전용 스타일 — 기존 사이트 CSS와 분리 */
:root{
  --bg:#0A0E27; --bg2:#070A1F; --card:#111634; --line:rgba(0,229,255,.18);
  --tx:#EDF1FF; --tx2:#B9C2E0; --ac:#00E5FF; --ac2:#B388FF;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--tx);
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",Roboto,"Noto Sans KR",sans-serif;
  font-size:17px; line-height:1.75; letter-spacing:-.2px;
  padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));
}
img{max-width:100%;height:auto}
a{color:var(--ac)}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:100000}

.topnav{border-bottom:1px solid var(--line);background:var(--bg2)}
.topnav-in{max-width:820px;margin:0 auto;padding:14px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.topnav a{color:var(--tx2);text-decoration:none;font-size:14px;font-weight:700}
.topnav a:hover{color:var(--ac)}
.crumb{font-size:13px;color:var(--tx2);max-width:820px;margin:0 auto;padding:10px 20px 0}
.crumb a{color:var(--tx2)}

main{max-width:820px;margin:0 auto;padding:0 20px}
article h1{
  font-size:30px;line-height:1.3;margin:18px 0 6px;font-weight:900;letter-spacing:-1px;
}
.meta-line{font-size:13px;color:var(--tx2);margin:0 0 18px}

.answer-box{
  background:var(--card);border:1px solid var(--line);border-left:4px solid var(--ac);
  border-radius:10px;padding:16px 18px;margin:0 0 22px;
}
.answer-box p{margin:0;font-size:16px;color:var(--tx)}
.answer-box strong{color:var(--ac)}

.lead p{font-size:18px;font-weight:600;line-height:1.7}

section{margin:34px 0;padding-top:6px;border-top:1px solid rgba(255,255,255,.07)}
section h2{font-size:21px;line-height:1.4;font-weight:800;margin:16px 0 10px;letter-spacing:-.6px;color:#fff}
section p{margin:0 0 12px;color:var(--tx)}
section ul{margin:0 0 12px;padding-left:20px}
section li{margin:0 0 6px}
.bridge{color:var(--ac2);font-weight:600}

table{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:15px}
caption{text-align:left;font-size:14px;color:var(--tx2);padding:0 0 6px}
th,td{border:1px solid rgba(255,255,255,.14);padding:9px 11px;text-align:left;vertical-align:top}
th{background:rgba(0,229,255,.08);color:#fff;font-weight:700;white-space:nowrap}

.age-badge{display:inline-block;background:#FFD54F;color:#1a1200;font-weight:900;
  border-radius:999px;padding:3px 12px;font-size:14px;margin:0 0 10px}

aside.related{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:30px 0}
aside.related h2{font-size:17px;margin:0 0 10px;border:0}
aside.related ul{margin:0;padding-left:18px}
aside.related a{font-weight:700}

.wrapup{background:rgba(179,136,255,.1);border:1px solid rgba(179,136,255,.35);border-radius:10px;padding:14px 16px;margin:24px 0}
.wrapup p{margin:0 0 6px;font-size:15px}
.wrapup p:last-child{margin:0}

footer.site{background:var(--bg2);border-top:1px solid var(--line);margin-top:36px;padding:28px 20px}
.footer-in{max-width:820px;margin:0 auto;color:#FFFFFF;font-size:14px}
.footer-in p{margin:0 0 8px}
.ad-inquiry{background:#000;color:#FFFFFF;border:1px solid #FFFFFF;border-radius:8px;
  padding:12px 14px;font-weight:800;font-size:15px}
.ad-inquiry b{color:#FFFFFF}
.footer-copy{color:#D6DCF0;font-size:13px}

/* 고정 전화바 — body 직계 자식. 스크롤에도 1px 움직이지 않음 */
.callbar{
  position:fixed; left:0; right:0; bottom:0; z-index:99999;
  display:flex; align-items:center; justify-content:center; gap:12px;
  height:64px; box-sizing:content-box;
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:#111; color:#fff; font-weight:800; font-size:18px;
  box-shadow:0 -2px 14px rgba(0,0,0,.35);
  transform:translateZ(0); backface-visibility:hidden;
}
.callbar a{color:#fff; text-decoration:none; display:flex; align-items:center; height:100%;}
.callbar b{color:#FFE082}
@media(max-width:480px){
  .callbar{height:60px; font-size:16px;}
  body{ padding-bottom:calc(80px + env(safe-area-inset-bottom,0px)); }
  article h1{font-size:25px}
  section h2{font-size:19px}
  body{font-size:16px}
}

/* /night/ 목록 허브 */
.hub-list{list-style:none;padding:0;margin:0}
.hub-list li{border-bottom:1px solid rgba(255,255,255,.09);padding:12px 0}
.hub-list a{font-weight:800;text-decoration:none;font-size:17px}
.hub-list span{display:block;color:var(--tx2);font-size:14px}