:root {
            --primary: #4F46E5;
            --primary-dark: #4338CA;
            --primary-light: #EEF2FF;
            --bg: #F8FAFC;
            --bg-white: #FFFFFF;
            --text: #1E293B;
            --text-muted: #64748B;
            --border: #E2E8F0;
        }
        * {margin: 0; padding: 0; box-sizing: border-box;}
        body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--text); line-height: 1.7;}
        a {color: var(--primary); text-decoration: none;}
        a:hover {text-decoration: underline;}

        .site-header {background: var(--bg-white); border-bottom: 1px solid var(--border); padding: 16px 0;}
        .header-inner {max-width: 900px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 24px;}
        .site-logo {font-size: 1.4rem; font-weight: 800; color: var(--text);}
        .site-logo span {color: var(--primary);}

        .page-container {max-width: 800px; margin: 0 auto; padding: 48px 24px;}
        .page-header {margin-bottom: 40px;}
        .page-title {font-size: 2.2rem; font-weight: 800; margin-bottom: 12px; color: var(--text);}
        .last-updated {color: var(--text-muted); font-size: 0.9rem;}

        .content-card {background: var(--bg-white); border-radius: 16px; padding: 40px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);}
        
        h2 {font-size: 1.4rem; margin: 32px 0 16px; color: var(--text); border-bottom: 2px solid var(--primary-light); padding-bottom: 12px;}
        h2:first-of-type {margin-top: 0;}
        h3 {font-size: 1.15rem; margin: 24px 0 12px; color: var(--text);}
        p {margin-bottom: 16px; font-size: 1.02rem;}
        ul, ol {margin: 16px 0 20px 28px;}
        li {margin-bottom: 10px; font-size: 1.02rem;}

        .highlight-box {
            background: var(--primary-light);
            border-left: 4px solid var(--primary);
            padding: 20px 24px;
            margin: 24px 0;
            border-radius: 0 12px 12px 0;
        }

        .footer {text-align: center; padding: 40px 24px; color: var(--text-muted); font-size: 0.9rem; border-top: 1px solid var(--border); margin-top: 40px;}
        .footer-links {display: flex; justify-content: center; gap: 24px; margin-bottom: 16px;}
        .footer-links a {color: var(--text-muted);}