html{--font-sans:"IBM Plex Sans","IBM Plex Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--page-bg:#f7f6f1;--nav-text:#5b6982;--nav-hover:#18243f;--nav-active:#2b569e}html[data-theme="dark"]{color-scheme:dark;--page-bg:#15181e;--nav-text:#98a3b9;--nav-hover:#e4e8f1;--nav-active:#8db0ec}body.home,body.blog{background:var(--page-bg);font-family:var(--font-sans)}.topnav-wrap{max-width:1060px;margin:0 auto;padding:2.6rem clamp(1rem,4vw,2.4rem) 0}.topnav{display:flex;align-items:center;justify-content:flex-end;gap:1.4rem;margin-bottom:1.4rem;font-family:var(--font-sans);font-size:.78rem;font-weight:600;letter-spacing:.08em;line-height:normal;text-transform:uppercase}.topnav a,.theme-toggle{padding:0 0 .3rem;border:0;border-bottom:2px solid transparent;color:var(--nav-text);font-family:inherit;font-size:inherit;text-decoration:none;transition:color .18s,border-color .18s}.topnav a:hover,.topnav a:focus,.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--nav-hover)}.topnav a.active{color:var(--nav-active);border-bottom-color:var(--nav-active)}.theme-toggle{display:inline-flex;align-items:center;background:0;cursor:pointer}.theme-toggle svg{display:block;width:1.15rem;height:1.15rem}.theme-toggle .icon-sun{display:none}html[data-theme="dark"] .theme-toggle .icon-sun{display:block}html[data-theme="dark"] .theme-toggle .icon-moon{display:none}