:root {
    --ink: #2a2623;
    --ink-muted: #6b6259;
    --paper: #faf7f2;
    --surface: #f2ece3;
    --coffee: #5c3d26;
    --divider: #e5ddd1;
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; background: var(--paper); color: var(--ink); }
  body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
  main { max-width: 720px; margin: 0 auto; padding: 48px 24px 80px; }
  .lang { display: flex; gap: 12px; justify-content: flex-end; font-size: 13px; margin-bottom: 24px; }
  .lang a { color: var(--coffee); text-decoration: none; border-bottom: 1px solid transparent; padding-bottom: 1px; }
  .lang a:hover, .lang a[aria-current="page"] { border-bottom-color: var(--coffee); }
  h1 { font-family: "Fraunces", Georgia, serif; font-weight: 700; font-size: 34px; line-height: 1.2; margin: 0 0 8px; letter-spacing: -0.01em; }
  h2 { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-size: 22px; margin: 36px 0 12px; }
  h3 { font-weight: 600; font-size: 16px; margin: 24px 0 8px; }
  p, li { font-size: 15.5px; color: var(--ink); }
  ul { padding-left: 20px; }
  li { margin: 4px 0; }
  hr { border: 0; border-top: 1px solid var(--divider); margin: 32px 0; }
  .effective { color: var(--ink-muted); font-size: 14px; margin-bottom: 24px; }
  a { color: var(--coffee); }
  table { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 12px 0; }
  th, td { padding: 10px 12px; border-bottom: 1px solid var(--divider); text-align: left; vertical-align: top; }
  th { background: var(--surface); font-weight: 600; }
  code, .placeholder { font-family: ui-monospace, Menlo, monospace; font-size: 13px; background: var(--surface); padding: 1px 6px; border-radius: 4px; }
  blockquote { border-left: 3px solid var(--coffee); margin: 16px 0; padding: 4px 16px; color: var(--ink-muted); font-style: italic; }
  footer { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--divider); font-size: 13px; color: var(--ink-muted); }
  footer a { color: var(--coffee); }
  @media (prefers-color-scheme: dark) {
    :root { --ink: #e8dfd2; --ink-muted: #a89e91; --paper: #1a1714; --surface: #251f1a; --coffee: #c9a783; --divider: #2f2823; }
  }
.lang{min-height:44px;flex-wrap:wrap} table{display:block;max-width:100%;overflow-x:auto} a{overflow-wrap:anywhere}
