:root { --bg: #FFF4E0; --ink: #4A3728; --card: #FFFDF8; --muted: #7A6352; --line: #EAD9BC; --coral: #FF7A6B; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); }
body { font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", Roboto, sans-serif; line-height: 1.7; -webkit-font-smoothing: antialiased; word-break: keep-all; overflow-wrap: anywhere; }
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 48px; }
h1 { font-size: 26px; margin: 0 0 8px; }
h1[id="en"] { margin-top: 48px; }
h2 { font-size: 18px; margin: 0 0 8px; }
.card { background: var(--card); border: 2px solid var(--line); border-radius: 20px; padding: 20px; margin: 16px 0; }
.card p, .card li { margin: 6px 0; }
.muted, .en { color: var(--muted); }
.small { font-size: 13px; }
ul { padding-left: 20px; }
ul.info { list-style: none; padding-left: 0; }
a { color: var(--ink); }
nav { font-size: 14px; margin-bottom: 16px; }
nav a { margin-right: 12px; }
.home .hero { display: block; width: 100%; height: auto; border-radius: 24px; border: 3px solid var(--ink); }
.home .title { display: flex; align-items: center; gap: 16px; margin: 20px 0 4px; }
.home .title .icon { border-radius: 22px; border: 2px solid var(--line); }
.home .title h1 { margin: 0; }
.home .title p { margin: 0; }
.home .links { font-size: 16px; margin: 20px 0; }