@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
:root { --navy:#0E1530; --coral:#FF5A3C; --mint:#3FE0B5; --red:#E8231F; --lemon:#FFE14D; --paper:#FBF7EF; --line:#E3DED2; --muted:#5F5E5A;
        --fact:#1E8E4E; --mostly:#B8E07A; --weak:#F4C20D; --false:#FF7A1A; --danger:#B71C1C; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Pretendard",sans-serif; background:var(--paper); color:var(--navy); font-size:18px; line-height:1.7; }
a { color:#0F6E56; }
header.site { background:var(--navy); color:#fff; }
header.site .top { max-width:1120px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 20px; gap:16px; }
.logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; }
.logo i { width:34px; height:34px; border-radius:9px; background:var(--mint); position:relative; flex:none; }
.logo i::after { content:""; position:absolute; left:11px; top:6px; width:9px; height:16px; border:solid var(--navy); border-width:0 5px 5px 0; transform:rotate(45deg); }
.logo .t small { display:block; font-size:13px; font-weight:700; color:var(--mint); line-height:1.1; }
.logo .t b { font-size:24px; font-weight:900; letter-spacing:-.03em; line-height:1.1; }
nav.menu a { color:rgba(255,255,255,.85); text-decoration:none; margin-left:18px; font-weight:600; font-size:16px; }
nav.menu a:hover, nav.menu a.on { color:#fff; }
nav.menu a.lang { border:1.5px solid rgba(255,255,255,.5); border-radius:6px; padding:2px 8px; font-size:14px; }
.page { max-width:860px; margin:0 auto; padding:36px 20px 64px; }
.page h1 { font-size:36px; line-height:1.3; letter-spacing:-.04em; margin:0 0 6px; }
.page .lead { font-size:19px; color:var(--muted); margin:0 0 28px; }
.page h2 { font-size:25px; letter-spacing:-.03em; margin:40px 0 10px; padding-top:12px; border-top:2px solid var(--line); }
.page h3 { font-size:20px; margin:24px 0 6px; }
table { border-collapse:collapse; width:100%; margin:12px 0; font-size:16px; background:#fff; }
th, td { border:1.5px solid var(--line); padding:9px 12px; vertical-align:top; text-align:left; }
th { background:#F1EDE3; }
.lab { display:inline-block; font-size:14px; font-weight:800; border-radius:6px; padding:2px 9px; white-space:nowrap; }
.box { background:#fff; border:2px solid var(--line); border-radius:14px; padding:16px 20px; margin:16px 0; }
.box.warn { border-color:var(--weak); background:#FFF9E0; }
.todo { background:var(--lemon); padding:0 6px; border-radius:4px; font-weight:700; }
footer.site { background:var(--navy); color:rgba(255,255,255,.8); font-size:14px; }
footer.site .in { max-width:1120px; margin:0 auto; padding:22px 20px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; }
footer.site a { color:rgba(255,255,255,.9); margin-right:14px; }
@media (max-width:640px) { nav.menu a:not(.lang) { display:none; } .page h1 { font-size:28px; } }