/* 위키트 — 공통 조판
   본문 IBM Plex Sans KR · 표제 고운바탕 · 숫자 IBM Plex Mono (모두 OFL)
   바탕은 라이트 순백, 다크 순검정. 청록은 브랜드·링크·선택·핵심 수치에만 쓴다.
   카드로 감싸지 않는다. 경계는 여백과 얇은 선으로 만든다. */
:root{
  --bg:#fff; --fg:#242928; --mu:#69716e; --ln:#e2e7e4; --ln2:#f0f3f1;
  --ac:#0e5e58; --ac2:#0b4a45; --sel:#edf5f1; --warn:#9c3a1f;
  --srf:"Gowun Batang",ui-serif,Georgia,"Nanum Myeongjo",serif;
  --f:"IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;
  --m:"IBM Plex Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000; --fg:#e8eceb; --mu:#9fa8a4; --ln:#292f2c; --ln2:#1a1e1c;
  --ac:#82c7b9; --ac2:#a3dccf; --sel:#12251f; --warn:#e08a6a; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#000; --fg:#e8eceb; --mu:#9fa8a4; --ln:#292f2c; --ln2:#1a1e1c;
  --ac:#82c7b9; --ac2:#a3dccf; --sel:#12251f; --warn:#e08a6a; color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:var(--f);font-size:15.5px;
  line-height:1.92;letter-spacing:-.004em;-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility}
a{color:var(--ac);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding-left:30px;padding-right:30px}
h1,h2,h3,h4{margin:0;font-weight:700;text-wrap:balance}

.hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:16px 13px;
  border-bottom:2px solid var(--ac)}
.hd .lg{display:flex;align-items:baseline;gap:9px;text-decoration:none}
.hd .lg b{font-family:var(--srf);font-size:20px;font-weight:700;color:var(--ac);
  letter-spacing:-.02em}
.hd .lg i{font-style:normal;font-size:12px;color:var(--mu)}
.hd .rt{margin-left:auto;display:flex;align-items:center;gap:8px}
.hd button{font:inherit;font-size:12.5px;padding:6px 11px;min-height:34px;
  border:1px solid var(--ln);background:transparent;color:var(--mu);border-radius:3px;
  cursor:pointer;line-height:1.3}
.hd button:hover{border-color:var(--ac);color:var(--ac)}
.hd .mark.on{background:var(--sel);border-color:var(--ac);color:var(--ac);font-weight:600}
.seg{display:inline-flex;border:1px solid var(--ln);border-radius:3px;overflow:hidden}
.seg button{border:0;border-radius:0;padding:6px 10px;font-size:12px}
.seg button+button{border-left:1px solid var(--ln)}
.seg button.on{background:var(--sel);color:var(--ac);font-weight:600}

.foot{border-top:1px solid var(--ln);padding-block:18px 40px;font-size:12px;color:var(--mu)}
@media (max-width:560px){ .wrap{padding-left:18px;padding-right:18px} }