:root{--bg:#ffffff;--fg:#171717;--muted:#5a5a5a;--border:#d7d7d7}@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#efefef;--muted:#b5b5b5;--border:#2c2c2c}}body{margin:0;background:var(--bg);color:var(--fg);font-family:Pretendard,Noto Sans KR,sans-serif}.site-header{border-bottom:1px solid var(--border);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-title{color:inherit;font-weight:700;text-decoration:none}.site-main{padding:24px 20px 80px}.page-wrap{max-width:960px;margin:0 auto}.page-wrap h1{margin:0 0 10px}.page-wrap p{margin:0;color:var(--muted)}.intro-slides{margin-top:16px;display:grid;grid-gap:16px;gap:16px}.main_s_slide{border:1px solid var(--border);border-radius:12px;overflow:hidden}.main_s_slide>div{display:grid;grid-template-columns:minmax(0,1fr)}.main_s_slide a{display:block;padding:14px 14px 10px;color:inherit;text-decoration:none}.main_s_slide h4{margin:0}.main_s_slide p{margin-top:8px}.img-bx img{width:100%;height:auto;display:block;aspect-ratio:5/3;object-fit:cover}body.darkmode,html.darkmode body{--bg:#121212;--fg:#efefef;--muted:#b5b5b5;--border:#2c2c2c}.theme-toggle{border:1px solid var(--border);background:transparent;color:inherit;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;cursor:pointer}@media (min-width:768px){.intro-slides{grid-template-columns:repeat(2,minmax(0,1fr))}}.animation{will-change:transform,opacity}.skip-link{position:absolute;left:12px;top:12px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);text-decoration:none;transform:translateY(-160%);z-index:9999}.skip-link:focus-visible{transform:translateY(0)}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (prefers-reduced-motion:reduce){.animation{transition:none!important;animation:none!important}}*{box-sizing:border-box}