* { box-sizing: border-box; }
  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; background: #0d1f14; color: #f0f0f0; line-height: 1.6; }
  .wrap { max-width: 720px; margin: 0 auto; padding: 40px 12px 80px; }
  header { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
  header .dot { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #14100f; color: #fff; font-weight: 900; font-size: 14px; }
  h1 { color: #f5c518; font-size: 1.6rem; margin: 24px 0 4px; }
  .updated { color: #7a9e89; font-size: 0.85rem; margin-bottom: 32px; }
  h2 { color: #f5c518; font-size: 1.05rem; margin: 32px 0 10px; border-bottom: 1px solid #2d4a38; padding-bottom: 8px; }
  p, li { color: #d0f0e0; font-size: 0.96rem; }
  ol, ul { padding-left: 22px; }
  li { margin-bottom: 6px; }
  a { color: #f5c518; }
  .brand { color: #f0f0f0; font-weight: 700; font-size: 1.1rem; }
  .brand span { color: #f5c518; }
  .callout { background: #1a2e22; border: 1px solid #2d4a38; border-radius: 10px; padding: 14px 16px; margin: 18px 0; font-size: 0.9rem; }
  footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #2d4a38; color: #7a9e89; font-size: 0.85rem; }