/* Shared styles for the store legal pages (seller agreement, terms of sale, store privacy notice).
   Matches the inline styles of the older legal pages. */
.legal-container { max-width: 900px; margin: 0 auto; padding: 40px 20px 80px; }
.legal-title { font-size: 2rem; font-weight: bold; color: #e50914; margin-bottom: 8px; }
.legal-subtitle { color: #888; margin-bottom: 40px; font-size: 0.9rem; }
.legal-version { color: #888; margin: 0 0 24px; font-size: 0.85rem; }
.legal-section { margin-bottom: 36px; }
.legal-section h2 { font-size: 1.25rem; font-weight: 600; color: #fff; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); text-transform: uppercase; letter-spacing: 0.03em; }
.legal-section h3 { font-size: 1.05rem; font-weight: 600; color: #e5e5e5; margin: 20px 0 10px; }
.legal-section p { color: #ccc; line-height: 1.75; margin-bottom: 14px; font-size: 0.95rem; }
.legal-section ul { color: #ccc; line-height: 1.75; margin: 0 0 14px 24px; font-size: 0.95rem; }
.legal-section ul li { margin-bottom: 10px; }
.legal-contact { background: rgba(229,9,20,0.08); border: 1px solid rgba(229,9,20,0.25); border-radius: 8px; padding: 20px 24px; margin-bottom: 36px; }
.legal-contact p { margin: 4px 0; color: #ccc; font-size: 0.95rem; }
.legal-beta { background: rgba(255,193,7,0.08); border: 1px solid rgba(255,193,7,0.35); border-radius: 8px; padding: 16px 22px; margin-bottom: 24px; }
.legal-beta p { margin: 0; color: #e8d9a8; line-height: 1.65; font-size: 0.92rem; }
.legal-container a { color: #e50914; text-decoration: none; }
.legal-container a:hover { text-decoration: underline; }
.back-link { color: #ccc; font-size: 0.9rem; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.back-link:hover { color: #fff; text-decoration: none; }
.legal-table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 0.9rem; color: #ccc; }
.legal-table th, .legal-table td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,0.1); line-height: 1.6; }
.legal-table th { color: #fff; font-weight: 600; }
@media (max-width: 640px) {
    .legal-table, .legal-table tbody, .legal-table tr, .legal-table td { display: block; width: 100%; }
    .legal-table thead { display: none; }
    .legal-table td { border-bottom: none; padding: 4px 0; }
    .legal-table tr { border-bottom: 1px solid rgba(255,255,255,0.1); padding: 10px 0; }
}