:root { --ink: #162033; --muted: #5f6b7a; --line: #dbe2ea; --bg: radial-gradient(circle at top, #edf4ff 0%, #f8fafc 52%, #eef2f7 100%); }
        * { box-sizing: border-box; }
        body { margin: 0; font-family: Georgia, 'Times New Roman', serif; color: var(--ink); background: var(--bg); }
        .wrap { max-width: 860px; margin: 0 auto; padding: 24px 20px 72px; }
        .card { background: rgba(255,255,255,0.92); border: 1px solid rgba(255,255,255,0.6); border-radius: 24px; box-shadow: 0 24px 60px rgba(22,32,51,0.08); padding: 32px; }
        h1 { margin: 0 0 20px; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.05; }
        .content { font-size: 1.05rem; line-height: 1.8; color: var(--ink); }
        .content h2, .content h3 { margin-top: 1.8em; line-height: 1.2; }
        .content p, .content ul, .content ol { margin: 0 0 1em; }
        .content a { color: #1a237e; }
        .content ul, .content ol { padding-left: 1.3em; }