/* v10 모양을 v8·v9 상세 쪽에 입힘 (10-20) — 색 이름표만 v10 값으로 바꿔 끼우고, 어긋나는 곳만 덧칠
   어두운 상영관(먹색) 바탕 + .surf 칸은 시나리오 종이(아이보리). 강조 = 텅스텐 앰버 한 색 */
body[data-skin="v10"]{
  --bg:#0C0D10; --surf:#15171C; --ink:#EDE8DE; --mut:#B6B1A7; --line:#2A2D34; --brand:#F2EDE3; --acc:#E2B25C; --onbrand:#C9C3B8;
  background:var(--bg); color:var(--ink);
  font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  color-scheme:dark;
}
/* 종이 칸 */
body[data-skin="v10"] .surf, body[data-skin="v10"] section.surf{
  --bg:#F2EDE3; --surf:#E9E2D5; --ink:#17181B; --mut:#5E5A53; --line:#DCD3C3; --brand:#17181B; --acc:#9A6B1F;
  background:var(--bg); color:var(--ink);
}
/* 제목 글꼴 */
body[data-skin="v10"] h1, body[data-skin="v10"] h2, body[data-skin="v10"] .tph, body[data-skin="v10"] .tv{font-family:"Noto Serif KR",Georgia,serif;font-weight:900;letter-spacing:-.025em;color:var(--brand)}
body[data-skin="v10"] h1{color:var(--ink)}
body[data-skin="v10"] h3{font-family:"Noto Serif KR",Georgia,serif;font-weight:700}
body[data-skin="v10"] em{text-decoration-color:var(--acc)}
/* 머리 */
body[data-skin="v10"] header, body[data-skin="v10"] header.top{background:rgba(12,13,16,.9)!important;border-bottom:1px solid #2A2D34!important;backdrop-filter:blur(10px)}
body[data-skin="v10"] .logo{display:flex;align-items:baseline;gap:10px;color:#F2EDE3!important;text-decoration:none}
body[data-skin="v10"] .logo b{font-family:"Noto Serif KR",Georgia,serif;font-weight:900;font-size:22px;letter-spacing:.02em}
body[data-skin="v10"] .logo span{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.24em;color:#9C978E}
body[data-skin="v10"] header nav a{color:#CFCAC0}
body[data-skin="v10"] header nav a:hover{color:#fff}
body[data-skin="v10"] .mbtn{color:#F2EDE3}
/* 단추 */
body[data-skin="v10"] .btn{background:var(--acc)!important;color:#111!important;border-color:var(--acc)!important;border-radius:0}
body[data-skin="v10"] .surf .btn{color:#fff!important}
body[data-skin="v10"] .btn.line, body[data-skin="v10"] .ghost, body[data-skin="v10"] .ghost2{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:0}
body[data-skin="v10"] header .btn{background:transparent!important;color:#E2B25C!important;border:1px solid #E2B25C!important}
body[data-skin="v10"] header .btn:hover{background:#E2B25C!important;color:#000!important}
/* 흰 칸이었던 것들 → 칸 색 */
body[data-skin="v10"] .card, body[data-skin="v10"] .tier, body[data-skin="v10"] .get, body[data-skin="v10"] .path,
body[data-skin="v10"] figure, body[data-skin="v10"] .pk, body[data-skin="v10"] .pkm > div, body[data-skin="v10"] details,
body[data-skin="v10"] .box, body[data-skin="v10"] .np2 a, body[data-skin="v10"] .chk li, body[data-skin="v10"] .tabs button{
  background:var(--surf)!important;color:var(--ink);border-color:var(--line)!important;border-radius:0!important}
body[data-skin="v10"] .tabs button[aria-selected="true"]{background:transparent!important;color:var(--acc)!important;border-color:var(--acc)!important}
body[data-skin="v10"] .path.main{background:#F2EDE3!important;color:#17181B!important}
body[data-skin="v10"] .path.main .k, body[data-skin="v10"] .path.main p{color:#5E5A53!important}
body[data-skin="v10"] .path .more{border-radius:0!important}
body[data-skin="v10"] .badge, body[data-skin="v10"] .tag{background:var(--acc)!important;color:#111!important;border-radius:0!important}
body[data-skin="v10"] table th, body[data-skin="v10"] table td{border-color:var(--line)!important}
body[data-skin="v10"] table thead th, body[data-skin="v10"] table th[scope=col]{background:transparent!important;color:var(--mut)!important}
body[data-skin="v10"] td.rec, body[data-skin="v10"] th.rec{background:rgba(226,178,92,.10)!important}
body[data-skin="v10"] input, body[data-skin="v10"] select, body[data-skin="v10"] textarea{background:transparent!important;color:var(--ink)!important;border-color:var(--line)!important;border-radius:0!important}
body[data-skin="v10"] select option{color:#000}
body[data-skin="v10"] img{border-radius:0!important}
/* 바닥 */
body[data-skin="v10"] footer, body[data-skin="v10"] .foot{background:#0C0D10!important;color:#B6B1A7!important;border-top:1px solid #2A2D34}
body[data-skin="v10"] footer a{color:#CFCAC0}
body[data-skin="v10"] .bar{background:rgba(12,13,16,.94)!important;border-top:1px solid #2A2D34}
body[data-skin="v10"] .blank{color:#E2B25C}

body[data-skin="v10"] .note, body[data-skin="v10"] small, body[data-skin="v10"] .gt{font-size:max(14px,1em)}
/* 묻는 칸 상자: 글·+ 가 상자 끝에 붙지 않게 안쪽 여유 (10-20 사장님 '여유있게') */
body[data-skin="v10"] details{padding:0 clamp(20px,3vw,32px)!important;margin-bottom:10px;border:1px solid var(--line)!important}
body[data-skin="v10"] details summary{padding:22px 0!important;line-height:1.5}
body[data-skin="v10"] details summary:after{margin-left:16px}
body[data-skin="v10"] details > *:not(summary){padding-bottom:22px;margin-top:0}
/* 관문 팀장 지적(10-20): 약관·개인정보 쪽 제목과 접는 칸 사이 여백, 질문 글씨 */
body[data-skin="v10"] h2 + .qa{margin-top:28px}
body[data-skin="v10"] details summary{font-size:16px}