.legal-footer { border-top: 1px solid var(--border-legal); margin-top: 60px; padding-top: 30px; text-align: center; font-size: 0.85rem; font-family: 'JetBrains Mono', monospace; color: var(--muted-legal); } .legal-footer a { color: var(--muted-legal); margin: 0 15px; text-decoration: none; transition: color 0.2s; } .legal-footer a:hover { color: #fff; text-decoration: underline; } body { background: var(--bg); color: var(--text-legal); font-family: 'Inter', sans-serif; line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 80px 24px; } h1 { font-size: 2.5rem; color: #fff; letter-spacing: -0.03em; margin-bottom: 10px; } .meta { font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: var(--muted-legal); margin-bottom: 60px; border-bottom: 1px solid var(--border-legal); padding-bottom: 20px; } .part-header { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent-legal); margin-top: 60px; margin-bottom: 20px; border-bottom: 1px solid var(--border-legal); display: inline-block; padding-bottom: 5px; } h2 { font-size: 1.3rem; color: #fff; margin-top: 30px; margin-bottom: 15px; font-weight: 600; } p, li { color: var(--muted-legal); margin-bottom: 16px; font-size: 0.95rem; } .caps-lock { text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.05em; line-height: 1.8; color: #a3a3a3; border-left: 2px solid #333; padding-left: 15px; } .highlight-box { background: rgba(255, 255, 255, 0.05); border: 1px solid var(--border-legal); padding: 20px; border-radius: 8px; margin: 30px 0; } a { color: var(--accent-legal); text-decoration: none; } .back-nav { margin-bottom: 40px; font-size: 0.9rem; font-family: 'JetBrains Mono', monospace; } .back-nav a { color: var(--muted-legal); } .back-nav a:hover { color: #fff; } @media (max-width: 768px) { body { padding: 40px 20px; } h1 { font-size: 2rem; } .legal-footer { display: flex; flex-direction: column; gap: 15px; } } h2 { font-size: 1.5rem; color: #fff; margin-top: 40px; margin-bottom: 15px; font-weight: 600; border-bottom: 1px solid var(--border-legal); padding-bottom: 10px; } h3 { font-size: 1.1rem; color: #fff; margin-top: 25px; margin-bottom: 10px; } strong { color: #fff; } code { font-family: 'JetBrains Mono', monospace; background: #1a1a1a; padding: 2px 6px; border-radius: 4px; font-size: 0.85em; color: var(--accent-legal); } .badge { display: inline-block; padding: 2px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-right: 8px; } .badge.danger { background: rgba(239, 68, 68, 0.2); color: #ef4444; border: 1px solid #ef4444; } .badge.warning { background: rgba(245, 158, 11, 0.2); color: #f59e0b; border: 1px solid #f59e0b; } .badge.success { background: rgba(16, 185, 129, 0.2); color: #10b981; border: 1px solid #10b981; } .badge.review { background: rgba(139, 92, 246, 0.2); color: #8b5cf6; border: 1px solid #8b5cf6; }