.nav{gap:24px;position:relative}.nav-links{margin-left:auto;flex-wrap:wrap;align-items:center}.languages{position:relative;flex-shrink:0;font-size:14px}.languages>summary{cursor:pointer;min-height:44px;min-width:112px;padding:12px 14px;border:1px solid #b8c2ae;border-radius:6px;list-style:none;text-align:center}.languages>summary:after{content:" ▾"}.languages>summary::-webkit-details-marker{display:none}.languages[open]>summary{background:#e3e8d4}.languages nav{position:absolute;z-index:10;right:0;top:calc(100% + 8px);background:#f5f4ec;padding:8px;border:1px solid #b8c2ae;border-radius:8px;box-shadow:0 12px 32px #17231c20;width:220px;max-height:60vh;overflow-y:auto;display:grid;grid-template-columns:1fr}.languages nav a{display:flex;align-items:center;min-height:44px;padding:10px 14px;text-decoration:none;border-radius:4px}.languages nav a:hover,.languages nav a[aria-current]{background:#e3e8d4}.languages summary:focus-visible{outline:3px solid #427c39;outline-offset:4px}html:not([lang=en]) .hero h1{font-size:clamp(40px,5vw,72px);letter-spacing:-2px;overflow-wrap:anywhere}html[lang=ja] .hero h1,html[lang=zh-Hans] .hero h1{letter-spacing:0;line-height:1.2}html:not([lang=en]) .button{height:auto;min-height:56px;padding:12px;overflow-wrap:anywhere}.demo-note{max-width:90%;text-align:center}.nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}@media(max-width:900px){.nav{flex-wrap:wrap;gap:12px}.nav-links{order:3;flex-basis:100%;justify-content:space-between;gap:8px}.languages{margin-left:auto}.nav-links a{display:flex;justify-content:center;align-items:center;text-align:center;min-height:44px;flex:1;overflow-wrap:anywhere}.languages>summary{min-width:112px}.hero{gap:28px}html:not([lang=en]) .hero h1{font-size:clamp(40px,10vw,60px);letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}