:root { --bg: #ADE8F4; --surface: #fff; --fg: #08222d; --muted: #36505c; --accent: #0077B6; --border: #74c9dc; }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--fg);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }
    .wrap { max-width: 760px; margin: 0 auto; padding: 1.25rem 20px 3rem; }
    a { color: var(--accent); }
    :focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
    .back { display: inline-block; margin-bottom: 1rem; font-weight: 600; }
    article {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 1.5rem 1.5rem 2rem;
      box-shadow: 0 14px 34px rgba(0, 119, 182, 0.18);
    }
    h1 { margin: 0 0 0.25rem; font-size: 1.9rem; letter-spacing: -0.01em; }
    h2 { margin: 1.75rem 0 0.4rem; font-size: 1.2rem; }
    p, li { color: var(--fg); }
    .meta { color: var(--muted); font-size: 0.9rem; margin: 0 0 1rem; }
    ul { padding-left: 1.25rem; }
    footer { text-align: center; color: var(--muted); font-size: 0.85rem; padding: 1.5rem 0 0; }