/* Only the two new language editions. Shared geometry and imagery stay intact. */
html:lang(vi) body{font-family:Source,"Segoe UI",Arial,sans-serif}
html:lang(vi) body :is(h1,h2,h3,.material-title){font-family:"Times New Roman",Times,serif;font-weight:400;letter-spacing:0;line-height:1.16}
html:lang(ko) body{font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif;word-break:keep-all;overflow-wrap:break-word}
html:lang(ko) body :is(h1,h2,h3,.material-title){font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-weight:400;letter-spacing:-.035em;line-height:1.3;word-break:keep-all}
html:is(:lang(vi),:lang(ko)) .eyebrow{letter-spacing:.06em}
html:lang(vi) .showcase-copy h1{font-size:clamp(64px,8.6vw,220px);max-width:11em}
html:lang(vi) .showcase-copy h3{font-size:clamp(60px,7.4vw,190px);max-width:12em}
html:lang(ko) .showcase-copy h1{font-size:clamp(58px,7.2vw,175px);max-width:9em}
html:lang(ko) .showcase-copy h3{font-size:clamp(52px,6.6vw,160px);max-width:10em}
html:is(:lang(vi),:lang(ko)) .language-options{min-width:240px;max-width:calc(100vw - 28px)}
html:is(:lang(vi),:lang(ko)) .foundation-intro{font-size:clamp(18px,1.4vw,26px);line-height:1.7;max-width:56em;margin-block:24px 32px}
.foundation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.foundation-cards article{min-width:0}.foundation-cards img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.foundation-cards h3{font-size:clamp(26px,2.5vw,42px);margin:20px 0 12px}.foundation-cards p{font-size:18px;line-height:1.7;margin:0}
.foundation-reading{padding-block:48px 80px}.foundation-reading h2{font-size:clamp(32px,4vw,62px);margin:0 0 24px}.foundation-reading p{font-size:19px;line-height:1.7;max-width:65ch}.foundation-reading .text-link{display:inline-block;margin:16px 30px 8px 0}
.notes-language-options{display:flex;flex-wrap:wrap;gap:8px 16px}.notes-language-options a{display:inline-flex;align-items:center;min-height:44px}.notes-language-options a[aria-current=page]{font-weight:700;text-decoration:underline}
.foundation-journal main{padding-top:calc(var(--header-height) + 48px)}.foundation-journal .journal-hero{width:min(2040px,calc(100% - var(--side) - var(--side)));padding-top:0}.foundation-journal #planning-links{padding-block:32px 24px}
html:is(:lang(vi),:lang(ko)) .journal-hero h1{font-size:clamp(50px,6.5vw,115px);line-height:1.15;max-width:17ch}
html:is(:lang(vi),:lang(ko)) .journal-preview-heading h2{font-size:clamp(38px,4.2vw,76px);max-width:20ch}
@media(min-width:1101px) and (max-width:1500px){html:is(:lang(vi),:lang(ko)) .site-header{gap:16px}html:is(:lang(vi),:lang(ko)) .site-header nav{gap:16px}html:is(:lang(vi),:lang(ko)) .site-header nav a{font-size:16px}html:is(:lang(vi),:lang(ko)) .site-header .index-open{font-size:15px;padding-inline:10px}html:is(:lang(vi),:lang(ko)) .case-back{font-size:13px}}
@media(max-width:700px){.foundation-cards{grid-template-columns:1fr;gap:36px}.foundation-reading{padding-bottom:48px}html:is(:lang(vi),:lang(ko)) .journal-preview-heading{align-items:flex-start;gap:20px;flex-direction:column}html:is(:lang(vi),:lang(ko)) .context-tabs button{flex:1 1 42%;font-size:15px}html:lang(vi) .showcase-copy h1{font-size:clamp(46px,13vw,80px)}html:lang(vi) .showcase-copy h3{font-size:clamp(42px,11.5vw,70px)}html:lang(ko) .showcase-copy h1{font-size:clamp(40px,11.5vw,70px)}html:lang(ko) .showcase-copy h3{font-size:clamp(38px,10.4vw,66px)}html:is(:lang(vi),:lang(ko)) .showcase-copy{max-width:calc(100% - 2*var(--side))}html:is(:lang(vi),:lang(ko)) .site-header>nav a{font-size:14px;min-height:34px}html:is(:lang(vi),:lang(ko)) .site-header>.index-open{font-size:12px;max-width:98px}html:lang(ko) .language-trigger{font-size:12px}html:is(:lang(vi),:lang(ko)) .case-caption h1{font-size:clamp(38px,10vw,62px)}html:is(:lang(vi),:lang(ko)) .cabinet-context:not(.context-compact) .material-intro h2{font-size:clamp(38px,10vw,60px)}html:is(:lang(vi),:lang(ko)) .language-options{right:-70px}}
@media(max-width:700px) and (min-height:420px) and (max-height:599px){html:is(:lang(vi),:lang(ko)) .showcase-copy{bottom:180px}html:is(:lang(vi),:lang(ko)) .showcase-next{bottom:120px}html:is(:lang(vi),:lang(ko)) .case-dock-link{font-size:13px;gap:6px;padding-inline:10px}}
