/* 가이드 페이지 공용 스타일.
팔레트/타이포는 index.html의 잉크 블루블랙 팔레트를 그대로 따른다 --
가이드에서 홈으로 넘어올 때 다른 사이트처럼 보이면 안 된다. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#0b0d12;--card:#12151c;--card2:#181c25;
--border:#232936;--border-soft:#1b202b;--border-strong:#2b3242;
--red:#ff5347;--orange:#ffae33;--green:#42d77d;--teal:#4fc9e8;--gold:#e9c46a;
--red-lt:#ff8a80;--orange-lt:#ffc46b;--green-lt:#5ce092;
--text:#edeff4;--sub:#a8b0bf;--muted:#79818f;--dim:#565e6d;
--r-sm:4px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:16px;--r-pill:999px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--text);
font-family:-apple-system,'Pretendard','Apple SD Gothic Neo',sans-serif;
line-height:1.7;min-height:100vh}
/* NAV */
.g-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;
max-width:720px;margin:0 auto;padding:14px 16px}
.g-nav-logo{display:flex;align-items:center;gap:7px;text-decoration:none}
.g-nav-logo img{width:20px;height:20px;object-fit:contain}
.g-nav-logo b{font-family:'Black Han Sans',sans-serif;font-weight:400;
font-size:0.98rem;color:#fff;letter-spacing:-0.01em}
.g-nav-logo b i{font-style:normal;color:var(--red)}
.g-nav-cta{font-size:0.78rem;color:var(--muted);text-decoration:none;
border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 12px}
.g-nav-cta:hover{color:var(--text);border-color:var(--border-strong)}
/* LAYOUT */
.g-wrap{max-width:720px;margin:0 auto;padding:8px 16px 64px}
.g-eyebrow{font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;
color:var(--teal);font-weight:700;margin-bottom:8px}
h1{font-size:1.6rem;line-height:1.35;letter-spacing:-0.02em;margin-bottom:12px}
h2{font-size:1.12rem;letter-spacing:-0.01em;margin:38px 0 12px;
padding-top:18px;border-top:1px solid var(--border-soft)}
h3{font-size:0.95rem;margin:22px 0 8px;color:var(--text)}
p{color:var(--sub);font-size:0.93rem;margin-bottom:14px}
p b,li b{color:var(--text);font-weight:600}
a{color:var(--teal)}
ul,ol{color:var(--sub);font-size:0.93rem;margin:0 0 14px 18px}
li{margin-bottom:6px}
.g-meta{color:var(--dim);font-size:0.75rem;margin-bottom:26px}
.g-lead{color:var(--text);font-size:1rem;background:var(--card);
border:1px solid var(--border);border-left:3px solid var(--teal);
border-radius:var(--r-md);padding:14px 16px;margin-bottom:26px}
/* CARD */
.g-card{background:var(--card);border:1px solid var(--border);
border-radius:var(--r-xl);padding:16px;margin-bottom:12px}
.g-card-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.g-card-head h3{margin:0;font-size:1rem}
.g-tag{font-size:0.68rem;font-weight:700;border-radius:var(--r-pill);
padding:2px 9px;white-space:nowrap}
.g-tag.danger{background:rgba(255,83,71,0.14);color:var(--red-lt)}
.g-tag.warn{background:rgba(255,174,51,0.14);color:var(--orange-lt)}
.g-tag.info{background:rgba(79,201,232,0.12);color:var(--teal)}
.g-card p:last-child{margin-bottom:0}
.g-kv{font-size:0.82rem;color:var(--muted);margin-top:10px;
padding-top:10px;border-top:1px solid var(--border-soft)}
.g-kv b{color:var(--text)}
/* TABLE */
.g-table-wrap{overflow-x:auto;margin-bottom:16px;
border:1px solid var(--border);border-radius:var(--r-xl)}
table{border-collapse:collapse;width:100%;font-size:0.83rem;min-width:420px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-soft)}
th{background:var(--card2);color:var(--muted);font-weight:600;
font-size:0.75rem;letter-spacing:0.02em;white-space:nowrap}
td{color:var(--sub)}
tr:last-child td{border-bottom:none}
td.num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}
/* CALLOUT */
.g-note{background:var(--card2);border:1px solid var(--border);
border-radius:var(--r-md);padding:13px 15px;margin-bottom:16px;
font-size:0.86rem;color:var(--sub)}
.g-note b{color:var(--text)}
/* 맺음말 -- 본문보다 한 톤 낮게, 마지막에 한 번 숨을 고르는 자리 */
.g-outro{margin-top:40px;padding-top:24px;
border-top:1px solid var(--border-soft);
font-size:0.92rem;line-height:1.85;color:var(--sub)}
.g-outro p{margin:0 0 12px}
.g-outro p:last-child{margin-bottom:0}
.g-outro b{color:var(--text)}
/* INDEX LIST */
.g-item{display:block;text-decoration:none;background:var(--card);
border:1px solid var(--border);border-radius:var(--r-xl);
padding:18px;margin-bottom:12px}
.g-item:hover{border-color:var(--border-strong)}
.g-item h2{margin:0 0 6px;padding:0;border:none;font-size:1.05rem;color:var(--text)}
.g-item p{margin:0;font-size:0.86rem}
.g-foot{margin-top:44px;padding-top:18px;border-top:1px solid var(--border-soft);
font-size:0.76rem;color:var(--dim)}
.g-foot a{color:var(--muted);text-decoration:none;margin-right:14px}
.g-foot a:hover{color:var(--text)}