.site-header{gap:24px;height:auto;min-height:96px;position:relative}.site-header>nav{margin-left:auto;flex-wrap:wrap;gap:18px}.comparison-languages{position:relative;flex-shrink:0;font-size:12px}.comparison-languages>summary{cursor:pointer;color:var(--green);padding:7px 12px;border:1px solid #b7c8b6;border-radius:5px;white-space:nowrap}.site-header .comparison-languages>nav{position:absolute;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:10px;width:300px;max-width:calc(100vw - 32px);background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 24px #263a3218;z-index:20}.comparison-languages a{display:block;padding:9px;border-radius:3px;font:12px/1.5 var(--sans)}.comparison-languages a:hover,.comparison-languages a[aria-current=page]{background:var(--soft);color:var(--green)}
@media(max-width:780px){.site-header{flex-wrap:wrap;gap:10px;padding-block:18px}.site-header>.brand{flex:1;min-width:0}.site-header>nav{order:3;flex-basis:100%;justify-content:flex-start;margin:0;font-size:11px}.site-header>nav .prototype{display:none}.comparison-languages>summary{font-size:11px;padding:5px 8px}.site-header .comparison-languages>nav{width:285px}}
@media print{.comparison-languages{display:none}}
.site-header .comparison-languages nav>a{display:block}
@media(max-width:780px){.site-header>nav{display:none}}
@media(max-width:780px){:lang(ja) h1,:lang(zh) h1,:lang(ko) h1{font-size:42px;line-height:1.25;letter-spacing:-.035em;text-wrap:balance}}
.hero>*{min-width:0}.hero-copy h1{overflow-wrap:anywhere;hyphens:auto}