body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang TC", "Noto Sans TC", Arial, sans-serif; line-height: 1.6; max-width: 42rem; margin: 0 auto; padding: 1.25rem; color: #1a1a1a; background: #fafafa; }
    h1 { font-size: 1.5rem; margin-top: 0; }
    h2 { font-size: 1.1rem; margin-top: 1.75rem; }
    p, li { font-size: 0.95rem; }
    ul { padding-left: 1.25rem; }
    .topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
    .muted { color: #555; font-size: 0.85rem; }
    .language-switch { flex: none; border: 1px solid #c8b79f; border-radius: 999px; padding: .42rem .8rem; color: #6f5a3e; text-decoration: none; font-size: .88rem; font-weight: 600; }
    a { color: #9b4e27; }
    @media (prefers-color-scheme: dark) {
      body { color: #f2ede4; background: #17140f; }
      .muted { color: #b3a894; }
      .language-switch { border-color: #786d5c; color: #e7c59d; }
      a { color: #e8935f; }
    }

* { box-sizing: border-box; }
.topbar > div { min-width: 0; }
a { overflow-wrap: anywhere; }
@media (max-width: 480px) { .topbar { flex-wrap: wrap; } }