/*
 * Inline <style> rules from terms-and-conditions.php, kept page-scoped exactly as they were
 * there. Loaded only by the page that owns them.
 *
 * Regenerate with: node tools/php-port/extract-css.mjs
 */

/* ===== Legal page (scoped, refined) ===== */
        .legal-section::before { display: none !important; }

/* hide site's rotating grey shape */
        .legal-intro { text-align: center; max-width: 720px; margin: 0 auto; }

.legal-intro .eyebrow { display: inline-block; color: var(--accent-color); font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 16px; }

.legal-intro h2 { color: #fff; font-size: 40px; font-weight: 700; line-height: 1.15; margin: 0 0 18px; }

.legal-intro h2 span { color: var(--accent-color); }

.legal-intro p { color: rgba(255,255,255,0.68); font-size: 17px; line-height: 1.8; margin: 0 0 22px; }

.legal-updated { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,0.55); font-size: 13px; font-weight: 600; }

.legal-updated i { color: var(--accent-color); }

.legal-list { max-width: 860px; margin: 54px auto 0; display: flex; flex-direction: column; gap: 18px; }

.legal-card { background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 30px 34px; transition: border-color .3s; }

.legal-card:hover { border-color: rgba(250,78,78,0.30); }

.legal-card-top { display: flex; align-items: center; gap: 15px; margin-bottom: 14px; }

.legal-card-ic { color: var(--accent-color); font-size: 22px; display: inline-flex; align-items: center; }

.legal-card-top h2 { color: #fff; font-size: 22px; font-weight: 700; margin: 0; }

.legal-card p { color: rgba(255,255,255,0.70); line-height: 1.85; margin: 0; }

.legal-card ul { margin: 0; padding-left: 20px; }

.legal-card li { color: rgba(255,255,255,0.70); line-height: 1.9; }

.legal-foot { max-width: 860px; margin: 34px auto 0; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.08); text-align: center; }

.legal-foot p { color: rgba(255,255,255,0.68); line-height: 1.8; margin: 0 0 20px; font-size: 16px; }

.legal-foot a.btn-contact { display: inline-flex; align-items: center; gap: 10px; background: var(--accent-color); color: #fff; text-decoration: none; font-weight: 700; padding: 13px 28px; border-radius: 10px; transition: transform .25s; }

.legal-foot a.btn-contact:hover { transform: translateY(-2px); }

@media (max-width: 767px) {
            .legal-intro h2 { font-size: 30px; }
            .legal-card { padding: 24px 22px; }
            .legal-card-top h2 { font-size: 19px; }
        }