/* ramensaid.app shared style: the app's "심야의 정찬" tokens (docs/DESIGN.md §10.2). */
:root { --bg:#0E0E10; --surface:#18181B; --ink:#F4EFE6; --muted:#A39E93; --accent:#C9A96E; --hair:#2E2E33; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--ink);
       font:16px/1.7 system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; }
main { max-width:720px; margin:0 auto; padding:40px 16px 24px; }
a { color:var(--accent); }
a:hover { color:#E0C48E; }
.serif, h1, h2 { font-family:"Noto Serif KR", "Nanum Myeongjo", Georgia, serif; font-weight:normal; }
.who { color:var(--muted); font-size:14px; letter-spacing:.04em; margin:0; }
.who b { color:var(--accent); font-weight:normal; margin-right:6px; }
h1 { font-size:34px; line-height:1.35; margin:10px 0 8px; }
h2 { font-size:24px; line-height:1.4; margin:40px 0 8px; padding-top:24px; border-top:1px solid var(--hair); }
h3 { font-size:17px; margin:28px 0 6px; }
p, li { color:var(--ink); }
.muted, .meta { color:var(--muted); font-size:14px; }
.card { background:var(--surface); border-radius:16px; padding:20px; margin:24px 0; }
.card p { margin:0; }
.quote { font-size:20px; line-height:1.6; }
.badge { display:inline-block; border:1px solid var(--accent); color:var(--accent); border-radius:999px; padding:10px 20px; text-decoration:none; }
ul { padding-left:20px; }
nav.lang { display:flex; gap:16px; margin:12px 0 0; font-size:14px; }
footer { max-width:720px; margin:0 auto; padding:24px 16px 48px; border-top:1px solid var(--hair); color:var(--muted); font-size:13px; }
footer p { color:var(--muted); margin:6px 0; }
footer .links { display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:10px; }
.nw { white-space:nowrap; }