:root{--ink: #1B2420;--ink2: #3C4741;--muted: #5F6862;--muted2: #8C978F;--line: #ECE5D8;--line2: #D9CDB6;--line3: #ECE5D8;--paper: #ffffff;--paper2: #F6F0E4;--ground: #FBF9F4;--accent: #1F3A2E;--brand: #1F3A2E;--navy-deep: #16291F;--navy-tint: #F5ECDA;--navy-line: #E2D2B3;--cite-bg: #F5ECDA;--cream: #F5ECDA;--sand: #CFC3A8;--dim: #3C4741;--tb-blue: #1F3A2E;--tb-blue-2: #2C5040;--tb-blue-3: #B9853A;--tb-tint: #F5ECDA;--tb-tint-2: #FAF6EE;--tb-line: #E2D9C6;--tb-line-2: #CFC3A8;--tb-yellow: #D9A44A;--tb-orange: #B9853A;--ochre: #B9853A;--ochre-ink: #8A5A12;--drawer: #6E4A26;--hanja: "Noto Serif KR", serif;--serif: "Noto Serif KR", "Nanum Myeongjo", serif;--icon-bg: #F4EDE0;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:IBM Plex Sans KR,ui-sans-serif,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}html[lang=ja] body{font-family:IBM Plex Sans KR,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,Noto Sans JP,Noto Sans CJK JP,sans-serif;word-break:normal;overflow-wrap:anywhere}html[lang=zh-Hans] body{font-family:IBM Plex Sans KR,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Noto Sans CJK SC,sans-serif;word-break:normal;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--dim)}::selection{background:#e2d2b3;color:var(--ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}table{font-variant-numeric:tabular-nums}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}header.site{position:sticky;top:0;z-index:50;background:#fffffff5;backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);color:var(--ink)}header.site .wrap{display:flex;align-items:center;gap:12px 32px;padding:14px 40px;flex-wrap:wrap;max-width:1280px}header.site a.brand{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;color:var(--brand);text-decoration:none}header.site a.brand img{grid-row:1 / span 2;width:40px;height:40px}header.site a.brand b{font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.1}header.site a.brand small{font-size:12px;color:var(--muted);line-height:1.2}header.site a.brand svg{flex-shrink:0;margin-top:-1px}header.site nav{display:flex;gap:4px 30px;align-items:center;flex-wrap:wrap;flex:1 1 auto;justify-content:center}header.site .lang-switch{margin-left:auto;display:inline-flex;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);white-space:nowrap}header.site .lang-switch svg{margin-right:-6px;color:var(--muted2)}header.site .lang-switch a{color:var(--muted);text-decoration:none}header.site .lang-switch a:hover{color:var(--tb-blue)}header.site .lang-switch [aria-current]{color:var(--ink);font-weight:700}header.site nav a{font-size:15px;color:var(--ink);text-decoration:none;padding:6px 0;font-weight:600;white-space:nowrap;letter-spacing:-.01em;position:relative}header.site nav a:hover{color:var(--brand)}header.site nav a.on{color:var(--brand);font-weight:700}header.site nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:2px;background:var(--brand)}header.site .tools{display:inline-flex;align-items:center;gap:18px}header.site .tools .ico{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);border-radius:50%}header.site .tools .ico:hover{background:var(--paper2)}header.site .tools .ico svg{width:22px;height:22px}header.site .tools a.lang{font-size:13px;font-weight:700;color:var(--ink2);text-decoration:none;border:1px solid var(--line2);border-radius:999px;padding:6px 12px}header.site .tools a.lang:hover{border-color:var(--brand);color:var(--brand)}header.site a.cta{background:var(--brand);color:#fff;font-size:14.5px;padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}header.site a.cta:hover,header.site a.cta.on{background:var(--tb-blue-2);color:#fff}.freshness{display:none;align-items:center;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;margin-left:auto}.freshness i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d9a44a;margin-right:6px}main{padding:32px 0 80px}body.home-blue main,body.best-v2 main{padding-top:0}body.best-v2 main{padding-top:28px}footer.site{background:var(--brand);color:#c9d2c8;font-size:12.5px;margin-top:72px}footer.site .wrap{padding:40px 40px 44px;display:flex;flex-direction:column;gap:10px}footer.site .co{font-size:13.5px;color:#f2ebdd;font-weight:600}footer.site .m{font-size:12.5px;line-height:1.8}footer.site .m b{font-weight:700;color:#d9a44a;letter-spacing:.06em;font-family:var(--mono)}footer.site a{color:#f2ebdd}footer.site a:hover{color:#d9a44a}footer.site .langs{font-size:12.5px}footer.site .langs a{margin-right:12px}h1{font-family:var(--serif);font-size:clamp(28px,3.8vw,44px);letter-spacing:-.02em;line-height:1.25;margin-bottom:14px;text-wrap:pretty;font-weight:700;color:var(--ink)}h2{font-family:var(--serif);font-size:24px;letter-spacing:-.02em;font-weight:700;margin:40px 0 14px;color:var(--ink);line-height:1.3}table{border-collapse:collapse}input,textarea,select,button{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted2)}@media(max-width:720px){.wrap{padding:0 18px}header.site .wrap{padding:10px 18px 0;gap:8px 10px}header.site nav a.on:after{display:none}header.site a.brand{font-size:17px}header.site .freshness{display:none}header.site .lang-switch{gap:8px;font-size:11.5px}header.site .lang-switch svg{display:none}header.site nav{order:3;flex:1 0 100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -18px;padding:4px 18px 10px;gap:18px}header.site nav::-webkit-scrollbar{display:none}header.site nav a{font-size:13.5px}header.site a.cta{padding:9px 12px;font-size:13px}header.site a.brand small{display:none}header.site a.brand img{width:32px;height:32px}header.site .tools{margin-left:auto;gap:6px}main{padding:24px 0 60px}.citation{font-size:13.5px!important;padding:14px 16px!important}}