:root{--navy:#13233f;--yellow:#ffc93c;--ink:#111418;--sub:#5b6470;--line:#e6e8ec;--soft:#f6f7f9;--bg:#fff;--accent:#13233f;--border:#cfd4db;--error:#b42318;--width:720px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eef1f5;--sub:#9ba6b6;--line:#26324a;--soft:#182235;--bg:#0e1626;--accent:#a9c0ea;--border:#3a4863;--error:#ff8a7a;color-scheme:dark}}:root[data-theme=dark]{--ink:#eef1f5;--sub:#9ba6b6;--line:#26324a;--soft:#182235;--bg:#0e1626;--accent:#a9c0ea;--border:#3a4863;--error:#ff8a7a;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:17px;line-height:1.7}a{color:inherit}.wrap{max-width:var(--width);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding-top:14px;padding-bottom:10px;display:flex}.brand{color:var(--accent);letter-spacing:-.02em;font-size:20px;font-weight:800;text-decoration:none}.brand span{border-bottom:4px solid var(--yellow)}.theme-toggle{border:1px solid var(--border);background:var(--bg);min-height:34px;color:var(--sub);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.theme-toggle:hover{color:var(--ink)}@media (width>=720px){.site-header .nav{order:2;width:auto;margin-left:auto}.theme-toggle{order:3}}.wrap.wide{max-width:1040px}.nav{scrollbar-width:none;order:3;gap:2px;width:calc(100% + 20px);margin:0 -10px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--sub);white-space:nowrap;flex:none;padding:8px 10px;font-size:15px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--accent);font-weight:700}main{padding-bottom:96px}.section{padding-top:72px}.label{letter-spacing:.14em;color:var(--accent);margin:0 0 10px;font-size:13px;font-weight:700}.title{letter-spacing:-.03em;text-wrap:balance;margin:0 0 20px;font-size:clamp(28px,7vw,40px);font-weight:800;line-height:1.25}.hero .title{font-size:clamp(34px,9vw,52px)}.lead{color:var(--sub);margin:0 0 28px;font-size:18px}.prose p{margin:0 0 16px}.muted{color:var(--sub);font-size:15px}.btn{border:1px solid var(--accent);background:var(--bg);min-height:46px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--soft)}.btn.primary{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.btn.primary:hover{filter:brightness(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--line);padding:16px 0}.cards{gap:12px;display:grid}@media (width>=600px){.cards{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.card .label{margin-bottom:6px;font-size:12px}.card h3{letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:800}.card p{color:var(--sub);margin:0;font-size:15px}.badge{background:var(--soft);color:var(--sub);vertical-align:middle;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.badge.example{background:var(--yellow);color:var(--navy)}.note{border-left:4px solid var(--accent);background:var(--soft);margin-top:24px;padding:16px 18px;font-size:15px}.note p{margin:0 0 6px}.note p:last-child{margin:0}.field{margin-bottom:18px;display:block}.field>span{margin-bottom:6px;font-size:15px;font-weight:700;display:block}.field small{color:var(--sub);margin-top:4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--border);background:var(--bg);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 14px;font-size:16px}textarea{resize:vertical;min-height:160px}input:focus,select:focus,textarea:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-footer{border-top:1px solid var(--line);color:var(--sub);padding:32px 0 48px;font-size:14px}.site-footer .links{flex-wrap:wrap;gap:4px 16px;margin-bottom:8px;display:flex}