.nav-disclosure{position:relative}.nav-disclosure-trigger{font:inherit;color:inherit;letter-spacing:inherit;display:flex;gap:6px;align-items:center;min-height:25px}.nav-disclosure-trigger>span{font-size:11px}.nav-submenu{position:absolute;top:100%;left:-16px;min-width:240px;padding:15px 16px;background:#fff;color:#151515;border:1px solid #e3e5df;box-shadow:0 8px 20px #0000000b;z-index:45}.nav-submenu a{display:block;white-space:nowrap;font:500 13px/1.8 var(--type,Pretendard,Arial,sans-serif);padding:7px 0;letter-spacing:-.15px}.nav-submenu a:hover{text-decoration:underline;text-underline-offset:4px}.menu-dialog .nav-disclosure-trigger{font-size:clamp(48px,9vw,100px);font-weight:650;line-height:1.12;letter-spacing:-2px}.menu-dialog .nav-disclosure-trigger>span{font-size:24px}.menu-dialog .nav-submenu{position:static;min-width:0;border:0;box-shadow:none;padding:12px 0 14px 5px}.menu-dialog .nav-submenu a{font-size:21px;letter-spacing:-.4px;line-height:1.5;padding:7px 0}.study-header .nav-submenu{color:#151515}.study-mobile-menu .nav-submenu{position:static;box-shadow:none;border:0;padding:12px 0 8px 12px}.study-mobile-menu .nav-disclosure-trigger{font-size:25px;line-height:1.8}.study-mobile-menu .nav-submenu a{font:450 15px/1.6 StudyPretendard,Arial,sans-serif;padding:7px 0}.study-header .nav-submenu a{font-family:StudyPretendard,Arial,sans-serif}
.practice-subnav{display:flex;gap:32px;flex-wrap:wrap;border-bottom:1px solid #ddd;padding-bottom:18px;margin-bottom:52px;font-size:14px;line-height:1.6}.practice-subnav a{color:#777}.practice-subnav a[aria-current=page]{color:#151515;text-decoration:underline;text-underline-offset:8px;font-weight:600}.practice-original{max-width:1000px;margin:0 auto}.practice-log{list-style:none;margin:0;padding:0}.practice-log-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:30px;border-top:1px solid #e2e2e2;padding:23px 0;font-size:16px;line-height:1.8;font-weight:450}.practice-log-year{font-weight:600;font-variant-numeric:tabular-nums}.practice-log-extra{display:block;border:0;padding:0}.practice-original>.original-block:first-child:has(h2){margin-top:0;padding-top:0;border:0}.practice-timeline .original-block+.original-block{margin-top:28px}
@media(max-width:640px){.menu-dialog .nav-disclosure-trigger{font-size:58px}.menu-dialog .nav-submenu a{font-size:20px}.practice-subnav{font-size:12px;gap:15px 24px;padding-bottom:16px;margin-bottom:35px}.practice-log-row{grid-template-columns:65px minmax(0,1fr);gap:15px;font-size:14px;padding:20px 0}.practice-log-extra{padding:0}.nav-submenu{min-width:220px}}

.menu-dialog{overflow-y:auto}.menu-dialog>nav{padding-top:40px;padding-bottom:45px}.menu-dialog .menu-footer{position:static;padding:0 var(--gutter) 35px}.study-mobile-menu{max-height:calc(100svh - var(--header-height));overflow-y:auto}

.project-type-nav{display:flex;flex-wrap:wrap;gap:18px 30px;border-bottom:1px solid #ddd;padding-bottom:22px;margin:-20px 0 30px;font-size:14px;line-height:1.6}.project-type-nav a{display:inline-flex;gap:8px;color:#777;align-items:baseline}.project-type-nav a[aria-current=page]{color:#151515;text-decoration:underline;text-underline-offset:8px}.project-type-nav a>span{font-size:10px;font-variant-numeric:tabular-nums;color:#999}.desktop-navigation{align-items:center}.project-type-nav a:hover{color:#151515}
@media(max-width:640px){.project-type-nav{gap:17px 23px;font-size:12px;margin:0 0 25px;padding-bottom:22px}.project-type-nav a>span{font-size:9px}}

/* Halve the former distributed gaps and anchor the group to the right gutter. */
.site-header,.study-header{container-type:inline-size}
.site-header .desktop-navigation{width:max-content;margin-left:auto;flex-shrink:0;justify-content:flex-end;gap:32px;gap:max(8px,calc((58cqw - 16em - 12px)/8))}
.study-header>nav{width:max-content;margin-left:auto;flex-shrink:0;justify-content:flex-end;gap:34px;gap:max(15px,calc((56cqw - 16em - 25px)/8))}
@media(max-width:1050px){.study-header>nav{gap:24px;gap:max(9px,calc((65cqw - 16em - 25px)/8))}}