/*
 * terms.css
 * Page-specific styles for account/terms.php
 * Extracted from the inline <style> block in the page markup.
 */

body { background: #1b2e2a; }
.main-container { display: flex; align-items: flex-start; justify-content: center; min-height: 100vh; width: 100%; padding: 40px 20px; }
.main-content { width: 100%; display: flex; justify-content: center; }
.row { width: 100%; display: flex; justify-content: center; margin: 0; }
.col-lg-8 { width: 100%; max-width: 860px; margin: 0 auto; float: none; }
.legal-card { background: #fff; border-radius: 12px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.12); }
.legal-card h1 { font-size: 26px; font-weight: 800; margin: 0 0 6px; color: #1c1e21; }
.legal-card .muted { color: #65676b; font-size: 13px; margin-bottom: 28px; }
.legal-card h2 { font-size: 18px; font-weight: 700; margin: 28px 0 10px; color: #1c1e21; }
.legal-card p { font-size: 14px; line-height: 1.7; color: #444; margin: 0 0 14px; }
.legal-card ul { margin: 0 0 14px; padding-left: 22px; }
.legal-card ul li { font-size: 14px; line-height: 1.7; color: #444; margin-bottom: 4px; }
.back-link { display: inline-block; margin-top: 24px; font-size: 14px; }
.back-link i { margin-right: 6px; }
@media (max-width: 768px) {
    .main-container { padding: 16px; }
    .legal-card { padding: 24px 20px; }
    .legal-card h1 { font-size: 22px; }
}