/* Language navigation and multilingual reading cards. */
.site-header nav{align-items:center;flex-wrap:wrap;gap:20px}.language-link{white-space:nowrap;color:#e0cfab}
.language-picker{position:relative;flex-shrink:0;font:12px/1.5 Arial,'Yu Gothic',sans-serif;letter-spacing:0;z-index:30}
.language-picker summary{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #676257;border-radius:4px;color:#e0cfab;cursor:pointer;list-style:none;white-space:nowrap;min-height:40px}
.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:hover,.language-picker[open] summary{border-color:#d3bd8d;background:#1b1b1b}
.language-picker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.language-picker .chevron{font-size:10px;margin-left:4px}
.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:176px;padding:6px;background:#141619;border:1px solid #676257;border-radius:5px;box-shadow:0 12px 32px #0008}
.language-options a{display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:12px!important;min-height:44px;text-decoration:none!important;color:#ddd!important;white-space:nowrap}
.language-options a[aria-current=page]{color:#e0cfab!important;background:#28251f}.language-options a:hover{background:#282b30}.language-picker :focus-visible{outline:2px solid #e0cfab;outline-offset:3px}
.wrap>header nav{align-items:center}.site-header{position:relative;z-index:40}
.featured-reading{margin-top:25px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.featured-reading h4{font:400 21px/1.5 var(--serif);margin:12px 0}
.featured-reading p{font-size:13px;line-height:1.9;color:var(--muted)}
.featured-reading .work-meta{font-size:11px;margin:12px 0 15px}
.featured-reading>a{display:inline-block;font-size:12px;margin:7px 24px 0 0;color:#e0cfab}
.recent small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.recent a{padding:10px 0}.recent a>span:first-child{color:var(--ink)}
html:not([lang=ja]) body{font-family:Georgia,'Times New Roman',serif}
html:not([lang=ja]) .brand>span{font-size:19px;letter-spacing:.035em}
html:not([lang=ja]) .brand small{letter-spacing:.2em}
html:not([lang=ja]) .site-header nav,html:not([lang=ja]) button,html:not([lang=ja]) .eyebrow,html:not([lang=ja]) .work-meta{font-family:Arial,sans-serif}
html:not([lang=ja]) .prose{font-size:15px;line-height:1.85;letter-spacing:0}
html:not([lang=ja]) .symbol-copy p{font-size:14px;line-height:1.9}
html:not([lang=ja]) .about-link>span,html:not([lang=ja]) #works-title>span{white-space:normal}
html:not([lang=ja]) .about p:not(.eyebrow),html:not([lang=ja]) .work-card>p:not(.eyebrow){font-size:14px;line-height:1.85}
html:not([lang=ja]) .back-bottom{font-size:12px;letter-spacing:0}
@media(max-width:720px){.site-header nav{width:100%;gap:12px;align-items:center;flex-direction:row;justify-content:flex-start}.site-header{flex-wrap:wrap}html:not([lang=ja]) .site-header{display:block}html:not([lang=ja]) .site-header nav{margin-top:18px;gap:16px}html:not([lang=ja]) .brand>span{font-size:19px}html:not([lang=ja]) .prose{font-size:14px}html:not([lang=ja]) .prose br{display:none}html:not([lang=ja]) .choices button{font-size:12px}.featured-reading h4{font-size:20px}.site-header nav .language-picker{margin-left:auto}.site-header nav .share-menu{order:2}.site-header nav .language-picker{order:3}.site-header nav .share-menu summary>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.language-picker summary{padding:8px}.wrap>header nav{width:100%;gap:12px}.wrap>header nav .language-picker{margin-left:auto}}

/* Six native language names fit without horizontal scrolling. */
.language-options{min-width:216px;max-width:calc(100vw - 32px);max-height:min(70vh,420px);overflow-y:auto;overscroll-behavior:contain}
html[lang=ko] body{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;word-break:keep-all;overflow-wrap:break-word}
html:not([lang=ja]) .choices button{white-space:normal;text-align:left;min-width:0}
html:not([lang=ja]) .back-bottom{white-space:normal;text-align:center}
html:not([lang=ja]) .about-copy{font-size:16px;line-height:1.9}
html:not([lang=ja]) .wordmark{letter-spacing:.035em}
@media(max-width:720px){html:not([lang=ja]) .site-header nav{gap:12px;flex-wrap:wrap}html:not([lang=ja]) .back-bottom{font-size:11px}html:not([lang=ja]) .about-copy br{display:none}.language-options a{gap:12px}}
@media(max-width:360px){.site-header nav{column-gap:10px!important;font-size:11px}.language-picker{font-size:11px}.language-picker summary{gap:5px;padding:8px 6px}.language-picker .chevron{margin-left:0}.wrap>header nav{font-size:12px}}
