/* ============================================================
   행성 v6 SOFT CHROME — 서브페이지 공용 테마 (planet-v3 디자인 통일)
   메인 와이어프레임 v6(wireframe-home-v5-soft)의 토큰·컴포넌트 그대로:
   크롬 그라디언트 / 다마스크 배경 / ornate 소프트 베벨 패널 / cbtn
   ============================================================ */
:root{
  --chrome:linear-gradient(180deg,#fdfeff,#c9ced4 28%,#878d95 46%,#f2f5f8 52%,#9aa0a8 70%,#dfe3e8);
  --bevel-lin:linear-gradient(180deg,#eef1f4,#9aa0a8 30%,#4a4f56 50%,#c2c7cd 72%,#5a5f66);
  --goldb-lin:linear-gradient(180deg,#f8e7bc,#c6a15b 45%,#8a6a31 80%,#e8ce93);
  --ink:#0c0e12; --paper:#EDE7DA; --mute:#a49c8e; --gold:#e8ce93; --gold2:#c6a15b;
}
*{box-sizing:border-box;margin:0;padding:0;}
/* [이미지 왜곡 방지] width/height 속성이 유지되더라도 항상 비율을 지킨다 */
img{max-width:100%; height:auto;}
html{background:#05060a;}
body{font-family:'Pretendard','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;
  color:var(--paper); line-height:1.5;
  background:url(/assets/bg-damask-q.jpg) repeat #05060a; background-size:680px auto;
  padding:0 0 96px; -webkit-text-size-adjust:100%;}
body::before{content:''; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(70% 42% at 50% 0%, rgba(210,170,100,.10), transparent 62%),
             radial-gradient(50% 36% at 82% 78%, rgba(90,120,190,.08), transparent 60%),
             radial-gradient(120% 100% at 50% 50%, transparent 55%, rgba(2,3,6,.55) 100%);}
.wrap{max-width:760px; margin:0 auto; padding:0 14px; position:relative; z-index:1;}

/* ===== 헤더 ===== */
header.top{display:flex; align-items:center; gap:10px; padding:14px 4px; position:relative; z-index:1;
  border-bottom:1px solid #000; box-shadow:0 1px 0 rgba(255,250,235,.06), 0 8px 22px rgba(0,0,0,.55);
  background:linear-gradient(180deg,rgba(12,14,18,.94),rgba(7,8,11,.9));}
header.top .logo{font-size:24px; font-weight:900; letter-spacing:6px;}
header.top .back{margin-left:auto;}
.chrome-t{background:var(--chrome); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 4px 2px rgba(0,0,0,.9)) drop-shadow(0 -1px 0 rgba(255,255,255,.3)) drop-shadow(0 0 18px rgba(255,240,210,.16));}

/* ===== 소프트 크롬 프레임(ornate) — 메인 동일 ===== */
.ornate{position:relative; border-radius:14px; margin-top:16px;
  background:
    radial-gradient(120% 60% at 50% -12%, rgba(255,244,214,.08), transparent 60%),
    linear-gradient(180deg,#1c1f25,#0e1014 55%,#090a0d);
  border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,250,235,.1), inset 0 0 0 1px rgba(0,0,0,.5),
    inset 3px 0 9px -6px rgba(0,0,0,.9), inset -3px 0 9px -6px rgba(0,0,0,.9),
    inset 0 -14px 26px rgba(0,0,0,.6), 0 12px 32px rgba(0,0,0,.72), 0 2px 6px rgba(0,0,0,.6);}
.ornate::before{content:''; position:absolute; inset:3px; border-radius:11px; padding:1px; pointer-events:none;
  background:var(--bevel-lin);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;}
.ornate::after{content:''; position:absolute; inset:-9px; pointer-events:none;
  background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2726%27%20height%3D%2726%27%20viewBox%3D%270%200%2026%2026%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fdfeff%27/%3E%3Cstop%20offset%3D%27.45%27%20stop-color%3D%27%239aa0a8%27/%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23565d66%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23dfe3e8%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20fill%3D%27url%28%23g%29%27%20stroke%3D%27%2320242a%27%20stroke-width%3D%27.5%27%20d%3D%27M13%201%20C14%208%2018%2012%2025%2013%20C18%2014%2014%2018%2013%2025%20C12%2018%208%2014%201%2013%20C8%2012%2012%208%2013%201%20Z%27/%3E%3C/svg%3E) top left/22px no-repeat, url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2726%27%20height%3D%2726%27%20viewBox%3D%270%200%2026%2026%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fdfeff%27/%3E%3Cstop%20offset%3D%27.45%27%20stop-color%3D%27%239aa0a8%27/%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23565d66%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23dfe3e8%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20fill%3D%27url%28%23g%29%27%20stroke%3D%27%2320242a%27%20stroke-width%3D%27.5%27%20d%3D%27M13%201%20C14%208%2018%2012%2025%2013%20C18%2014%2014%2018%2013%2025%20C12%2018%208%2014%201%2013%20C8%2012%2012%208%2013%201%20Z%27/%3E%3C/svg%3E) top right/22px no-repeat,
             url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2726%27%20height%3D%2726%27%20viewBox%3D%270%200%2026%2026%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fdfeff%27/%3E%3Cstop%20offset%3D%27.45%27%20stop-color%3D%27%239aa0a8%27/%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23565d66%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23dfe3e8%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20fill%3D%27url%28%23g%29%27%20stroke%3D%27%2320242a%27%20stroke-width%3D%27.5%27%20d%3D%27M13%201%20C14%208%2018%2012%2025%2013%20C18%2014%2014%2018%2013%2025%20C12%2018%208%2014%201%2013%20C8%2012%2012%208%2013%201%20Z%27/%3E%3C/svg%3E) bottom left/22px no-repeat, url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2726%27%20height%3D%2726%27%20viewBox%3D%270%200%2026%2026%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fdfeff%27/%3E%3Cstop%20offset%3D%27.45%27%20stop-color%3D%27%239aa0a8%27/%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23565d66%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23dfe3e8%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20fill%3D%27url%28%23g%29%27%20stroke%3D%27%2320242a%27%20stroke-width%3D%27.5%27%20d%3D%27M13%201%20C14%208%2018%2012%2025%2013%20C18%2014%2014%2018%2013%2025%20C12%2018%208%2014%201%2013%20C8%2012%2012%208%2013%201%20Z%27/%3E%3C/svg%3E) bottom right/22px no-repeat;}
.ornate.gold::before{background:var(--goldb-lin);}
.panel{padding:18px 16px;}

/* ===== 섹션 타이틀 ===== */
.p-t{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:900; letter-spacing:2px; padding-bottom:9px; margin-bottom:12px;
  border-bottom:1px solid rgba(0,0,0,.9); box-shadow:0 1px 0 rgba(255,250,235,.06);
  background:linear-gradient(90deg, rgba(200,161,91,.2), rgba(200,161,91,.04) 45%, transparent 75%);}
.p-t::before{content:'\2726'; color:var(--gold2); font-size:11px;}
h1.chrome-h1{font-size:clamp(20px,4.4vw,27px); font-weight:900; letter-spacing:2px; text-align:center; margin:26px 6px 10px; line-height:1.55;}
h2{font-size:14px; font-weight:900; letter-spacing:1.5px; color:var(--gold); margin:20px 0 8px;}
h2::before{content:'\2726 '; color:var(--gold2); font-size:11px;}
p{font-size:13px; color:#cfc8ba; line-height:1.9; margin:0 0 10px;}
p b, li b{color:var(--gold);}
ul{padding-left:18px; margin:0 0 10px;}
li{font-size:12.5px; color:#cfc8ba; line-height:2;}
.note{font-size:11px; color:var(--mute); line-height:1.9; margin-top:10px;}
a.plain{color:var(--gold); text-decoration:underline;}

/* ===== 소프트 베벨 버튼 — 메인 동일 ===== */
.cbtn{position:relative; display:inline-block; text-align:center; cursor:pointer; border-radius:11px; overflow:hidden;
  background:linear-gradient(105deg, transparent 42%, rgba(255,252,240,.16) 50%, transparent 58%) 130% 0/260% 100% no-repeat,
    linear-gradient(180deg,#2e3239,#171a1f 52%,#0b0d10); border:1px solid #000; color:#efe9dc;
  transition:background-position .55s ease, transform .12s;
  font-weight:800; font-size:12.5px; letter-spacing:1.5px; padding:11px 18px; text-shadow:0 1px 0 #000; text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,250,235,.16), inset 0 -8px 14px rgba(0,0,0,.6), 0 5px 14px rgba(0,0,0,.55);}
.cbtn::before{content:''; position:absolute; inset:2px; border-radius:9px; padding:1px; pointer-events:none;
  background:var(--bevel-lin);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;}
.cbtn:hover{background-position:-30% 0,0 0;}
.cbtn:active{transform:translateY(2px); box-shadow:inset 0 3px 10px rgba(0,0,0,.75), 0 2px 6px rgba(0,0,0,.5);}
.cbtn.gold{background:linear-gradient(105deg, transparent 42%, rgba(255,252,240,.2) 50%, transparent 58%) 130% 0/260% 100% no-repeat,
  linear-gradient(180deg,#54431f,#2e2410 55%,#191207); color:var(--gold);
  text-shadow:0 1px 0 #000, 0 0 12px rgba(210,170,100,.28);}
.cbtn.gold::before{background:var(--goldb-lin);}
.cbtn.big{font-size:15px; padding:14px 26px; letter-spacing:2px; border-radius:13px;}

/* ===== 내비 칩 ===== */
nav.chips{display:flex; flex-wrap:wrap; gap:7px; justify-content:center; margin:16px 0 4px;}
nav.chips .cbtn{padding:9px 14px; font-size:11.5px; letter-spacing:1px;}

/* ===== 랜딩/히어로 이미지 ===== */
img.landing, img.hero{display:block; width:100%; height:auto; border-radius:12px; border:1px solid #000; margin-top:14px;
  box-shadow:inset 0 1px 0 rgba(255,250,235,.1), 0 10px 26px rgba(0,0,0,.75), 0 2px 6px rgba(0,0,0,.6);}
p.sub{font-size:13px; color:#cfc8ba; text-align:center; line-height:1.9; margin:12px 8px 4px;}

/* ===== 고정 CTA 바 ===== */
.ctabar{position:fixed; left:0; right:0; bottom:0; z-index:9; display:flex; gap:8px; justify-content:center;
  padding:12px 14px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(10,12,16,.96),rgba(5,6,9,.99));
  border-top:1px solid #000; box-shadow:0 -1px 0 rgba(255,250,235,.06), 0 -10px 30px rgba(0,0,0,.65);}
.ctabar .cbtn{flex:1; max-width:360px;}

/* ===== 404 ===== */
.err404{text-align:center; padding:44px 20px;}
.err404 .big{font-size:64px; font-weight:900; letter-spacing:8px;}

/* ===== 관련 링크 ===== */
.rel{font-size:11.5px; color:var(--mute); line-height:2.1; margin-top:12px;}
.rel a{color:var(--gold); text-decoration:none; border-bottom:1px dashed rgba(200,161,91,.5);}
.rel a:hover{color:#fff;}

/* ===== 사이트맵 ===== */
.sitemap a{display:block; font-size:13px; color:#cfc8ba; line-height:2.2; text-decoration:none; padding:2px 2px 2px 8px;
  border-bottom:1px dashed rgba(164,156,142,.18);}
.sitemap a:hover{color:var(--gold);}

footer{margin-top:34px; padding:16px 4px; font-size:10px; color:#7d766a; text-align:center; letter-spacing:1px; position:relative; z-index:1;}

@media (max-width:520px){
  .wrap{padding:0 10px;}
  header.top .logo{font-size:20px; letter-spacing:4px;}
}