/* Page routing and compact home summaries. The middle version's visual theme stays intact. */
html{scroll-padding-top:110px}
body{--accent:#164bff;--ink:#142640;--paper:#fff;--muted:#677488}
body :focus-visible{outline:3px solid #568dff;outline-offset:4px}
body .nav .brand,body .nav .nav-actions{flex-shrink:0}
body .nav nav{min-width:0}
body .menu-toggle{min-height:44px;min-width:44px}
.skip{z-index:200}
body .footer-col[aria-label="채널"] a{display:flex;align-items:center;gap:9px;min-height:35px}
body .footer-col[aria-label="채널"] img{display:block;width:18px;height:18px;flex-shrink:0}
body .contact-concierge{top:112px}
#inquiry-form{scroll-margin-top:110px}
body .program-detail>summary,body .field-expand>summary{min-height:48px}
body .program-detail[open]>summary{color:#164bff}
body .partners-directory .partner-names li{font-size:14px;line-height:1.7}
body .nav nav a[aria-current=page]{color:#164bff;font-weight:700;text-decoration:underline;text-underline-offset:7px}
body .nav nav{gap:20px}
.page-location{max-width:1480px;margin:auto;padding:30px 6% 0;display:flex;gap:12px;color:#718198;font-size:14px}
.page-location a{color:#164bff}
.directory-page .section{padding-top:65px;padding-bottom:75px}
.directory-page .section-heading h1{font-size:clamp(34px,3.8vw,56px);font-weight:650;line-height:1.35;letter-spacing:-.05em;margin:0;color:#142640}
.directory-page .about-copy h1{font-size:clamp(34px,3.3vw,49px);line-height:1.4;font-weight:600;letter-spacing:-.045em;margin:0;color:#142640}
.directory-page .programs{background:#fff}
.directory-page .about-grid{padding-top:60px}
.course-navigation,.story-navigation{display:flex;flex-wrap:wrap;gap:8px 28px;border-bottom:1px solid #dbe3ed;padding:0 0 18px;margin:0 0 45px;font-size:15px;color:#5c6f87}
.course-navigation a,.story-navigation a{padding:9px 0}
.course-navigation a[aria-current]{color:#164bff;font-weight:650;border-bottom:2px solid #164bff}
.writing-course-nav{padding:20px 6%;margin:0;background:#fff}
.story-navigation{max-width:1480px;margin:0 auto;padding:28px 6% 0;border-bottom:0}
.home-program-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dbe3ed;border-bottom:1px solid #dbe3ed}
.home-program-links>a{padding:30px;border-right:1px solid #dbe3ed;color:#142640;transition:background .2s}
.home-program-links>a:first-child{padding-left:0}
.home-program-links>a:last-child{border-right:0}
.home-program-links>a:hover{background:#f4f7fd}
.home-program-links>a>span{font-size:14px;color:#6480a5}
.home-program-links h3{font-size:27px;font-weight:600;letter-spacing:-.04em;margin:16px 0}
.home-program-links p{font-size:16px;line-height:1.85;color:#667488;min-height:3.7em;margin:0 0 22px}
.home-program-links b{font-size:14px;color:#164bff;font-weight:550}
.brand-home:not(.directory-page) .home-programs{padding-bottom:25px}
.home-more{display:flex;justify-content:flex-end;padding-top:25px}
.home-more a{font-size:15px;color:#164bff}
.partners-page .partners-directory{padding-top:65px}
@media(max-width:1180px){
 body .nav{height:76px;position:sticky;top:0;z-index:110}
 body .nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;color:#162741;padding:20px 6%;border-bottom:1px solid #dde5f0;z-index:110}
 body .nav nav.open{display:flex;flex-direction:column;gap:0}
 body .nav nav a{padding:12px 0}
 body .menu-toggle{display:block}
}
@media(max-width:650px){
 body .nav .brand{font-size:19px}
 body .nav .nav-actions{gap:7px}
 body .nav .button.small{min-height:44px;padding:9px 10px;white-space:nowrap}
 body .contact-concierge{position:static}
 body .inquiry-footer{padding-bottom:30px}
 body .nav nav.open{max-height:calc(100svh - 76px);overflow-y:auto}
 .page-location{padding-top:24px;font-size:14px}
 .directory-page .section{padding-top:40px;padding-bottom:50px}
 .directory-page .section-heading h1,.directory-page .about-copy h1{font-size:34px}
 .course-navigation,.story-navigation{gap:4px 20px;font-size:14px;margin-bottom:30px}
 .writing-course-nav{margin:0;padding:14px 6%}
 .home-program-links{grid-template-columns:1fr}
 .home-program-links>a,.home-program-links>a:first-child{padding:24px 0;border-right:0;border-bottom:1px solid #dbe3ed}
 .home-program-links>a:last-child{border-bottom:0}
 .home-program-links h3{font-size:24px;margin:10px 0}
 .home-program-links p{min-height:0;margin-bottom:15px}
 .home-program-links p br{display:none}
 .home-more{justify-content:flex-start}
 .partners-page .partners-directory{padding-top:40px}
}