:root { --purple: #2d1066; --gold: #e8aa3c; --text: #1f1b2e; --muted: #5b5670; --bg: #faf8fd; }
  @media (prefers-color-scheme: dark) {
    :root { --text: #ece9f5; --muted: #aaa4c0; --bg: #14101f; --purple: #1c0d42; }
  }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--bg); color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.65; }
  header { background: var(--purple); color: #fbf8f1; padding: 18px clamp(16px, 5vw, 56px); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  header a { color: #fbf8f1; text-decoration: none; display: flex; align-items: center; gap: 10px; font-weight: 600; }
  header img { width: 36px; height: 36px; border-radius: 50%; background: #fff; object-fit: cover; }
  main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
  h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.9rem, 5vw, 2.6rem); margin: 0 0 4px; }
  h2 { font-size: 1.15rem; margin: 32px 0 6px; }
  p, li { color: var(--text); }
  ul { padding-left: 1.2em; }
  .meta, .summary { color: var(--muted); }
  .summary { background: rgba(232, 170, 60, 0.14); border-left: 4px solid var(--gold); padding: 14px 18px; border-radius: 6px; color: var(--text); }
  a { color: #6a4bd1; }
  @media (prefers-color-scheme: dark) { a { color: #b3a2ff; } }