/* 공통 포털 토큰·글꼴·GNB를 그대로 쓰는 장비 성장 안내 */
.gear-page .gear-intro { padding-top:38px; padding-bottom:36px; }
.gear-crumb { display:flex; flex-wrap:wrap; gap:10px; color:var(--text-secondary); font-size:13px; margin-bottom:32px; }
.gear-crumb a { color:#cbd5e1; }
.gear-hero-grid { display:grid; grid-template-columns:1.35fr 1fr; align-items:center; gap:48px; }
.gear-eyebrow { color:var(--amber-400); font-weight:700; letter-spacing:.07em; margin:0 0 14px; font-size:13px; }
.gear-intro h1 { font-size:clamp(30px,3.4vw,46px); line-height:1.3; letter-spacing:-.045em; margin:0 0 18px; }
.gear-intro h1>span { display:block; color:#b8c4d3; font-size:.61em; font-weight:500; margin-top:9px; letter-spacing:-.03em; }
.gear-lead { color:#b8c4d3; line-height:1.9; margin:0 0 22px; }
.gear-cta { display:inline-flex; align-items:center; gap:20px; color:var(--amber-200); border-bottom:1px solid var(--border-brand); padding:8px 0; font-weight:700; }
.gear-cta:hover { color:var(--amber-400); }
.gear-hero-rule { background:linear-gradient(140deg,#30291c80,#151e2a); border:1px solid #725728; border-radius:16px; padding:30px; box-shadow:inset 0 1px #ffffff08; }
.gear-hero-rule>span { color:#c9b58b; font-size:13px; }
.gear-hero-rule>strong { display:block; font-size:46px; font-weight:800; color:var(--amber-200); letter-spacing:-.04em; margin:10px 0; }
.gear-hero-rule>strong span { font-weight:400; font-size:30px; color:#b49a69; padding:0 12px; }
.gear-hero-rule>p { color:#d2dce8; margin:0 0 24px; }
.gear-hero-rule>div { display:flex; flex-wrap:wrap; gap:8px; border-top:1px solid #ffffff12; padding-top:18px; }
.gear-hero-rule>div span { background:#ffffff07; color:#b8c4d3; border-radius:5px; padding:5px 9px; font-size:12px; }
.gear-jumps-wrap { position:sticky; top:71px; z-index:30; background:#0d1117f5; border-top:1px solid #293443; border-bottom:1px solid #293443; backdrop-filter:blur(12px); }
.gear-jumps { display:flex; gap:6px; padding-top:12px; padding-bottom:12px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#725728 #10161e; }
.gear-jumps a { display:flex; flex:none; align-items:center; min-height:40px; padding:8px 13px; border:1px solid #303c4d; border-radius:7px; font-size:12px; font-weight:700; color:#a7b5c7; white-space:nowrap; }
.gear-jumps a:hover { color:#f1f5f9; background:#232d3d; }
.gear-jumps .gear-jump-key { border-color:#725728; color:#fde68a; background:#30291c; }
.gear-jumps a[aria-current="location"] { background:#30291c; color:#fde68a; border-color:#a47a34; }
.gear-layout { padding-top:28px; padding-bottom:64px; min-width:0; }
.gear-panel { background:linear-gradient(140deg,#18222f,#111820 65%); border:1px solid #2b3748; border-radius:16px; padding:30px; margin-bottom:24px; min-width:0; scroll-margin-top:160px; }
.gear-panel h2 { font-size:23px; letter-spacing:-.03em; line-height:1.5; padding-bottom:18px; border-bottom:1px solid #2a3543; margin:0 0 20px; }
.gear-panel h3 { font-size:16px; color:#eef2f7; margin:26px 0 12px; line-height:1.6; }
.gear-panel p,.gear-panel li { color:#b8c4d3; line-height:1.9; font-size:14px; overflow-wrap:anywhere; }
.gear-panel p { margin:12px 0; }
.gear-panel strong { color:#eef2f7; font-weight:700; }
.gear-panel ul,.gear-panel ol { padding-left:22px; margin:12px 0; }
.gear-panel ul { list-style:disc; }
.gear-panel ol { list-style:decimal; }
.gear-panel li { margin:9px 0; padding-left:3px; }
.gear-panel .gear-section-note { font-size:13px; color:#94a3b8; }
#summary { border-left:3px solid var(--amber-500); background:linear-gradient(110deg,#30291c70,#131b25); }
#summary h2 { font-size:14px; color:var(--amber-400); border:0; padding:0; margin:0 0 12px; }
#summary p { margin:0; font-size:16px; line-height:1.9; }
.gear-note { border-left:3px solid #a47a34; background:#b38a4210; border-radius:0 8px 8px 0; padding:8px 20px; margin:20px 0; }
.gear-note p { color:#d5c8ad; }
.gear-scroll { width:100%; max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#536174 #101720; margin:22px 0; border:1px solid #334052; border-radius:10px; background:#101720; }
.gear-scroll table { border-collapse:separate; border-spacing:0; width:100%; font-size:14px; line-height:1.75; }
.gear-scroll caption { text-align:left; padding:12px 16px; color:#cbd5e1; font-weight:600; background:#1b2532; }
.gear-scroll-hint { font-size:11px; font-weight:400; color:#94a3b8; }
.gear-scroll th,.gear-scroll td { text-align:left; padding:13px 16px; border-bottom:1px solid #2a3543; vertical-align:top; }
.gear-scroll thead th { background:#253143; color:#d8e1ee; font-weight:600; white-space:nowrap; }
.gear-scroll tbody th { color:#e2e8f0; font-weight:500; white-space:nowrap; }
.gear-scroll td { color:#b8c4d3; font-variant-numeric:tabular-nums; }
.gear-scroll tr:last-child>* { border-bottom:0; }
.gear-scroll tbody tr:nth-child(even) { background:#ffffff03; }
#stages table { min-width:850px; }
#stages td:nth-child(3) { min-width:240px; }
#stages td:nth-child(4) { min-width:220px; }
#breakthrough table { min-width:650px; }
#mid table { min-width:500px; }
#set table { min-width:560px; }
#table table { min-width:1050px; }
#table td { white-space:nowrap; }
.gear-key-panel { border-color:#84622d; box-shadow:inset 0 1px #fbbf2415; }
.gear-key-panel h2 { color:var(--amber-200); border-bottom-color:#725728; }
.gear-ladder { margin:24px 0 30px; border:1px solid #725728; border-radius:12px; padding:24px; background:radial-gradient(ellipse at right top,#b453091c,transparent 65%),#101720; }
.gear-ladder figcaption { color:var(--amber-200); font-weight:700; margin-bottom:20px; font-size:15px; }
.gear-ladder .gear-ladder-steps { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:center; padding:0; list-style:none; margin:0; }
.gear-ladder-steps li { text-align:center; border:1px solid #334052; border-radius:8px; padding:18px 10px; background:#18222f; margin:0; }
.gear-ladder-steps li>span { display:block; color:#cbd5e1; font-size:13px; }
.gear-ladder-steps li>strong { display:block; font-size:38px; line-height:1.5; color:#f1f5f9; font-family:var(--font-display); }
.gear-ladder-steps small { font-size:12px; color:#94a3b8; }
.gear-ladder-steps .gear-ladder-arrow { color:#dca54c; background:none; border:0; padding:0; font-size:24px; }
.gear-ladder-steps .gear-ladder-arrow span { color:#b49a69; font-size:11px; }
.gear-ladder-steps .gear-ladder-best { border-color:#a47a34; background:#30291c; }
.gear-ladder-best>strong { color:var(--amber-200)!important; }
.gear-comparison { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:18px; background:#ffffff04; border-radius:8px; margin:20px 0 12px; padding:16px; }
.gear-comparison span { color:#b8c4d3; font-size:14px; }
.gear-comparison span:first-child,.gear-comparison span:first-child strong { color:var(--amber-200); }
.gear-comparison strong { display:inline-block; font-size:24px; margin-left:8px; }
.gear-comparison b { font-size:24px; color:#dca54c; }
.gear-ladder>p { text-align:center; font-size:13px; margin-bottom:0; }
.gear-page .gnb-dropdown-container>.gnb-link .svg-icon { font-size:10px; opacity:.7; }
.gear-page .dropdown-entry.current { color:var(--amber-200); background:#30291c; }
.gear-page .utility-item[href="signup.html"] { color:var(--amber-400); font-weight:700; }
.gear-page .mobile-nav-drawer { position:fixed; inset:0 0 0 auto; width:min(360px,94vw); z-index:200; overflow-y:auto; background:var(--bg-surface); border-left:1px solid var(--border-light); box-shadow:-20px 0 80px #0009; }
.gear-menu-open { overflow:hidden; }
.gear-page #mobile-menu-close { min-height:44px; min-width:44px; font-size:18px; }
.gear-page a:focus-visible,.gear-page button:focus-visible,.gear-scroll:focus-visible { outline:2px solid var(--amber-300); outline-offset:3px; }
@media(max-width:1200px) {
  .gear-page .main-site-header { position:relative; }
  .gear-jumps-wrap { top:0; }
}
@media(max-width:700px) {
  .gear-page .gear-intro { padding-top:26px; padding-bottom:26px; }
  .gear-crumb { font-size:12px; gap:8px; margin-bottom:24px; }
  .gear-hero-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .gear-hero-rule { padding:22px; }
  .gear-hero-rule>strong { font-size:38px; }
  .gear-hero-rule>div { padding-top:14px; }
  .gear-lead { font-size:14px; }
  .gear-cta { font-size:13px; gap:12px; }
  .gear-jumps { padding-top:9px; padding-bottom:9px; }
  .gear-jumps a { padding:7px 11px; }
  .gear-layout { padding-top:20px; padding-bottom:40px; }
  .gear-panel { padding:20px 16px; border-radius:12px; margin-bottom:18px; scroll-margin-top:84px; }
  .gear-panel h2 { font-size:20px; padding-bottom:14px; }
  .gear-panel p,.gear-panel li { font-size:13px; }
  #summary p { font-size:14px; }
  .gear-scroll table { font-size:13px; }
  .gear-scroll th,.gear-scroll td { padding:12px; }
  .gear-scroll caption { padding:12px; }
  .gear-scroll-hint { display:block; }
  .gear-ladder { padding:16px 12px; }
  .gear-ladder .gear-ladder-steps { grid-template-columns:minmax(0,1fr); gap:8px; }
  .gear-ladder-steps li { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px; }
  .gear-ladder-steps li>span { font-size:12px; }
  .gear-ladder-steps li>strong { font-size:30px; margin-left:auto; }
  .gear-ladder-steps .gear-ladder-arrow { justify-content:center; font-size:0; gap:6px; }
  .gear-ladder-arrow::before { content:'↓'; font-size:18px; }
  .gear-comparison { gap:8px; padding:12px 8px; }
  .gear-comparison span { font-size:12px; }
  .gear-comparison strong { font-size:20px; margin-left:4px; }
  .gear-comparison b { font-size:20px; }
  .gear-note { padding:6px 14px; }
}
@media(max-width:360px) {
  .gear-page .logo-title { font-size:13px; }
  .gear-page .logo-subtitle { font-size:8px; }
  .gear-page .btn-game-launcher { padding:9px 10px; font-size:11px; }
  .gear-page .gnb-actions { gap:6px; }
  .gear-page .site-logo { gap:8px; }
  .gear-page .logo-symbol { width:32px; height:32px; min-width:32px; }
  .gear-page .mobile-nav-toggle { width:40px; min-width:40px; }
  .gear-page .gnb-row { gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .gear-page .gnb-dropdown-menu,.gear-page .dropdown-entry { transition:none; }
}