.site-header{position:relative;padding-top:60px}
.hsk-language{position:absolute;right:0;top:12px;display:flex;gap:12px;align-items:center;font:600 13px/1.4 Arial,sans-serif;color:#285669;letter-spacing:0}
.hsk-language a{display:inline-flex;min-height:44px;min-width:44px;justify-content:center;align-items:center;text-decoration:none;border-bottom:1px solid transparent}
.hsk-language a[aria-current]{border-color:currentColor}.hsk-language a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.hsk-english .brand{font-family:Georgia,serif;letter-spacing:-.03em;font-size:clamp(24px,3vw,34px)}
.hsk-english .site-audience{font-family:Arial,sans-serif;letter-spacing:0;line-height:1.5;max-width:32ch}
.hsk-english .site-header nav{flex-wrap:wrap;gap:12px}
.hsk-english .letter-quote{font-family:Georgia,serif;letter-spacing:-.025em;line-height:1.45;word-break:normal;overflow-wrap:normal;font-size:clamp(26px,3vw,40px)}
.hsk-english .letter-note{line-height:1.85;letter-spacing:0;word-break:normal}
.hsk-english .cover-title{font-family:Georgia,serif;writing-mode:horizontal-tb;letter-spacing:.02em;font-size:clamp(26px,4vw,44px)}
.hsk-english :is(p,button,a,.archive-item span){word-break:normal;letter-spacing:0}
.hsk-english .archive-item{grid-template-columns:100px 1fr auto}
.hsk-english .banner-logo{max-width:100%;height:auto}
.hsk-pending{font:14px/1.6 Arial,sans-serif;color:#285669;border-left:2px solid;padding-left:12px}
@media(max-width:600px){.site-header{padding-top:60px}.hsk-english .site-header{flex-wrap:wrap;gap:14px}.hsk-english .site-identity{max-width:100%}.hsk-english .site-audience{font-size:11px;max-width:100%}.hsk-english .site-header nav{font-size:13px}.hsk-english .letter-quote{font-size:28px}.hsk-english .letter-note{font-size:16px}.hsk-english .archive-item{grid-template-columns:1fr auto;row-gap:6px}.hsk-english .archive-item time{grid-column:1/-1}.hsk-english .site-banner .banner-caption{font-size:11px}}
.hsk-english .letter-copy{writing-mode:horizontal-tb;display:block;height:auto;min-height:0;max-width:100%;width:100%}
.hsk-english .letter-quote,.hsk-english .letter-note{writing-mode:horizontal-tb;text-orientation:mixed;height:auto;max-height:none;width:auto;max-width:100%}
.hsk-english .letter-note{margin-top:28px}

/* A shared two-choice control with a clear selected state. */
.hsk-language{gap:2px;padding:3px;border:1px solid #bac3d0;border-radius:12px;background:#f2f4f7;font:600 14px/1.4 Arial,sans-serif}
.hsk-language a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:70px;min-height:44px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#223957;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap}
.hsk-language a[aria-current]{background:#223957;color:#fff;font-weight:700}
.hsk-language a:not([aria-current]):hover{background:#e3e7ef}
.hsk-language a:focus-visible{outline:3px solid #746080;outline-offset:2px}

/* Keep the language control inside the desktop menu panel. */
@media(min-width:1000px){
 .site-header{position:fixed;padding-top:82px}
 .site-header .hsk-language{top:16px;right:16px}
 .hsk-english .site-header .brand{white-space:normal;font-size:clamp(24px,2.1vw,28px);line-height:1.3}
}