.sg-language{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;font-size:14px;line-height:1.4;letter-spacing:0}
.sg-language select{max-width:100%;min-width:128px;min-height:36px;background:#151923;color:#f2f3f5;border:1px solid #626873;border-radius:4px;padding:6px 28px 6px 10px;font:inherit}
.site-header .sg-language{display:flex;width:100%;max-width:1180px;margin:8px auto;padding:0 20px}
.site-header:has(.sg-language){position:relative;top:auto}
.site-header:has(.sg-language) .header-inner{height:auto;min-height:82px;flex-wrap:wrap;padding-block:12px;gap:8px 20px}
.site-header:has(.sg-language) .header-inner>nav:not(.sg-language){flex:1 1 640px;flex-wrap:wrap;gap:4px 14px}
.site-header .header-inner>.sg-language{display:flex;flex:1 0 100%;padding:0;margin:4px 0;gap:8px 16px}
.site-header .sg-language-links a{letter-spacing:0;min-height:36px}
html[data-site-locale] .site-header nav:not(.sg-language){flex-wrap:wrap}
.sg-language-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;line-height:1.6}
.sg-language-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sg-language-suggestion{background:#173331;color:#f5f7f6;padding:12px 18px;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;font-size:15px;letter-spacing:0}
.sg-language-suggestion[hidden]{display:none}
.sg-language-suggestion a{color:inherit;font-weight:600}
.sg-language-suggestion button{width:32px;height:32px;background:transparent;color:inherit;border:1px solid #829390;border-radius:4px;font-size:20px;cursor:pointer}
.sg-content-page{max-width:1080px;margin:0 auto;padding:36px 24px 64px}
.sg-content-page h1{font-size:32px;line-height:1.25;letter-spacing:0}
.sg-content-page p{max-width:75ch;line-height:1.85}
.sg-content-page .sg-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.sg-content-page .sg-row img{width:180px;max-width:100%;height:auto;object-fit:contain}
.sg-channel{padding:20px 0;border-top:1px solid #475061}
.sg-contents-gloss{display:block;font-size:14px;line-height:1.6;margin-top:3px;color:#465d57}
html[lang=en] .hero h1{font-size:52px}
html[lang=en] .hero-book-preview strong{font-size:18px}
@media(max-width:760px){.sg-language{width:100%;margin:8px 0}.header-inner{flex-wrap:wrap}.sg-content-page h1{font-size:27px}html[lang=en] .hero h1{font-size:38px}.sg-language-links{gap:10px}}
