@font-face{font-family:'Pretendard';src:url('../fonts/PretendardVariable.woff2') format('woff2-variations'),url('../fonts/PretendardVariable.woff2') format('woff2');font-weight:45 920;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#0c110f;--bg2:#111816;--bg3:#16201C;--ink:#ECF1ED;--ink2:rgba(236,241,237,.76);--ink3:rgba(236,241,237,.55);
  --muted:#8E9B94;--line:#1E2824;--line2:#2C3833;--mint:#7FD1C1;--mint-ink:#06231D;--amber:#F2B45A;--grey:#8E9B94;
  --sans:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  --serif:'Noto Serif KR','Noto Serif CJK KR','Source Serif 4',serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;font-size:14px}
a{color:inherit;text-decoration:none}
button{font-family:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}
.serif{font-family:var(--serif);letter-spacing:-0.01em}
.tnum{font-variant-numeric:tabular-nums;letter-spacing:0}
.sh{text-shadow:0 0 1px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.5)}
.muted{color:var(--muted)}
.hairline{height:1px;background:var(--line)}
/* 공통 상단 */
.brand{position:absolute;left:32px;top:24px;z-index:30;display:flex;flex-direction:column;gap:6px}
.brand .t{font-size:16px;font-weight:600}
.brand .s{font-size:12px;font-weight:300;color:var(--ink2)}
.brand .s a{color:var(--mint);font-weight:500}
.nav{position:absolute;right:32px;top:24px;z-index:30;display:flex;gap:10px;align-items:center}
.pillgroup{display:flex;padding:3px;border-radius:999px;background:rgba(17,24,22,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.pill{height:32px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:13px;font-weight:400;white-space:nowrap;transition:background .2s,color .2s}
.pill.on{background:var(--mint);color:var(--mint-ink);font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.pill:hover:not(.on){background:rgba(255,255,255,.06)}
/* 페이지(문서형) 공통 */
.page{min-height:100vh;display:grid;grid-template-rows:84px 1fr}
.page header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}
.page header .t{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.page header .t small{margin-left:10px;font-size:12px;font-weight:300;color:var(--ink2)}
.page main{padding:28px 32px 48px}
h1.doc{margin:0;font-family:var(--serif);font-size:30px;font-weight:300;line-height:1.2}
.kick{font-size:12px;font-weight:600;color:var(--muted)}
/* 버튼 */
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid var(--line2);border-radius:12px;background:transparent;color:var(--ink);font-size:14px;font-weight:500}
.btn.primary{background:var(--mint);color:var(--mint-ink);border-color:transparent;font-weight:600}
.btn:hover{background:rgba(255,255,255,.05)}
.btn.primary:hover{background:#95dccf}
/* 표 */
table.doc{width:100%;border-collapse:collapse;font-size:13.5px}
table.doc th{padding:0 16px 10px 0;border-bottom:1px solid var(--line2);text-align:left;font-size:12px;font-weight:600;color:var(--muted)}
table.doc td{padding:14px 16px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.doc td.r,table.doc th.r{text-align:right}
/* 스크롤바 */
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2C3833;border-radius:4px}

/* 좁은 화면 */
@media (max-width:760px){
  .page{grid-template-rows:auto 1fr}
  .page header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
  .page header .t{max-width:100%}.page header .t small{display:block;margin:2px 0 0}
  .pillgroup{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pillgroup::-webkit-scrollbar{display:none}
  .page main{padding:22px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
  h1.doc{font-size:24px}
  table.doc{display:block;overflow-x:auto;white-space:nowrap}
}