.language-picker{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#203e32}.language-picker select{font:inherit;font-size:14px;font-weight:600;border:1px solid #c8d7c4;border-radius:24px;padding:10px 30px 10px 12px;color:#203e32;background:#fffef8;cursor:pointer;min-height:44px}.language-picker select:focus-visible{outline:3px solid #21814e;outline-offset:3px}html:not([lang=ja]) h1{font-family:system-ui,sans-serif;font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.25}html:not([lang=ja]) h1 em{white-space:normal}html:not([lang=ja]) h2,html:not([lang=ja]) h3{line-height:1.4;overflow-wrap:break-word}html:not([lang=ja]) .button{white-space:normal;text-align:center}html:not([lang=ja]) #profile-title>span{display:none}body>header{flex-wrap:wrap;gap:20px}html:not([lang=ja]) .handwritten span{max-width:260px}html:not([lang=ja]) .min-sticker span{font-size:13px}@media(max-width:760px){.language-picker{margin-inline:auto}html:not([lang=ja]) nav{gap:14px;flex-wrap:wrap;justify-content:center}html:not([lang=ja]) .intro h1{font-size:clamp(1.8rem,6vw,2.8rem)}html:not([lang=ja]) .button{padding-inline:20px}}
/* Language button: "Language" is recognisable in any language; the menu lists each language in its own name. */
.language-picker.lang-menu-ready{position:relative;display:inline-flex;align-items:center;font-size:0}
.language-picker.lang-menu-ready>select{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;margin:0;overflow:hidden;opacity:0;pointer-events:none}
.lang-menu{position:relative}
.lang-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;border:2px solid #d5dfcf;border-radius:99px;background:#fff;color:var(--ink);font:800 15px/1 var(--rounded,sans-serif);cursor:pointer;white-space:nowrap}
.lang-button:hover{border-color:var(--green)}
.lang-button[aria-expanded=true]{border-color:var(--green);background:var(--pale,#edf5e6)}
.lang-now{padding:3px 7px;border-radius:99px;background:var(--yellow,#ffe14a);color:var(--ink);font-size:11px;letter-spacing:.04em}
.lang-chevron{color:var(--green)}
.lang-button[aria-expanded=true] .lang-chevron{transform:rotate(180deg)}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:190px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line,#e6e9dc);border-radius:18px;box-shadow:0 14px 36px rgba(29,58,43,.16)}
.lang-list[hidden]{display:none}
.lang-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 14px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:700 16px/1.3 var(--body,sans-serif);text-align:left;cursor:pointer}
.lang-list button:hover,.lang-list button:focus-visible{background:var(--pale,#edf5e6);outline:none}
.lang-list button[aria-current=true]{background:var(--yellow-soft,#fff5c4)}
.lang-list .lang-check{visibility:hidden;color:var(--green)}
.lang-list button[aria-current=true] .lang-check{visibility:visible}
@media(max-width:760px){.lang-button{padding:8px 12px;font-size:14px}.lang-list{min-width:176px}}
@media(max-width:359px){.lang-button .lang-now{display:none}}