/* 대표 글(공지) — 꾸밈 없이 읽기 좋은 한 단 + 언어 바꾸기(한국어·English·日本語). notice-lang.js 와 같이 쓴다 */
.letter{max-width:680px;margin:0 auto;padding:clamp(120px,14vw,180px) var(--gutter) clamp(72px,9vw,120px)}
.letter .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.letter .meta time{font:500 12px var(--mono);color:var(--fg-3)}
.letter h1{font:700 clamp(28px,4.2vw,40px)/1.3 'Noto Sans KR',var(--text);letter-spacing:-.02em;margin:0 0 clamp(36px,5vw,52px);padding-bottom:clamp(24px,3vw,32px);border-bottom:1px solid var(--line)}
.letter p{margin:0 0 1.35em;font-size:clamp(16px,1.3vw,17.5px);line-height:1.9;color:var(--fg)}
.letter h2{font:700 15px/1.4 'Noto Sans KR',var(--text);color:var(--fg-2);margin:2.6em 0 1em;padding-top:1.4em;border-top:1px solid var(--line)}
.letter p b{font-weight:700}
.letter .sign{margin-top:2.4em;color:var(--fg-2);line-height:1.8}
.letter .sign b{display:block;color:var(--fg);font-weight:700}
.letter .back{display:inline-block;margin-top:clamp(48px,6vw,72px);color:var(--fg-3)}
.letter .back:hover{color:var(--yolk)}

/* 언어 바꾸기 — 날짜 줄 오른쪽 작은 글자 버튼 */
.langs{margin-left:auto;display:flex;gap:2px}
.langs button{font:500 12px/1 'Noto Sans KR',var(--text);color:var(--fg-3);background:none;border:0;padding:6px 8px;border-radius:6px;cursor:pointer}
.langs button:hover{color:var(--fg)}
.langs button[aria-pressed="true"]{color:var(--fg);background:var(--bg-3)}

/* 본문 언어 — JS 없으면 한국어만 */
[data-l]{display:none}
html:not([data-lang]) [data-l="ko"],
html[data-lang="ko"] [data-l="ko"],
html[data-lang="en"] [data-l="en"],
html[data-lang="ja"] [data-l="ja"]{display:revert}
[data-l="en"]{word-break:normal}
[data-l="en"] h1{font-family:var(--text);letter-spacing:-.01em}
[data-l="ja"],[data-l="ja"] h1,[data-l="ja"] h2{font-family:'Noto Sans JP',var(--text);word-break:normal;line-break:strict}