/* Основные стили для статьи о каршеринге */
.carsharing-article { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; }
.carsharing-article h1 { font-size: 36px; margin-bottom: 24px; color: #2C2C2C; }
.carsharing-article h2 { font-size: 28px; margin-top: 48px; margin-bottom: 24px; color: #2C2C2C; }
.carsharing-article h3 { font-size: 24px; margin-top: 32px; margin-bottom: 16px; color: #2C2C2C; }
.carsharing-article h4 { font-size: 18px; margin-bottom: 12px; color: #2C2C2C; }

/* Блоки с фоном */
.intro-block { background-color: #e5e5e5; padding: 40px 48px; border-radius: 20px; margin: 32px 0; }
.intro-block p { margin: 0; font-size: 18px; line-height: 1.6; }
.highlight-yellow { background-color: #FFD600; padding: 2px 6px; border-radius: 4px; font-weight: 600; display: inline-block; }

/* Информационные блоки */
.info-block { background-color: #f8f8f8; border-left: 4px solid #FFD600; padding: 24px 32px; margin: 32px 0; }
.info-block p { margin: 0; }

/* Предупреждения и заметки */
.warning-block { background-color: #fff3cd; border-radius: 10px; padding: 16px 24px; margin: 32px 0; }
.warning-block p { margin: 0; }

/* Теги сервисов */
.service-tags { margin: 24px 0; }
.service-tag { background-color: #FFD600; padding: 8px 16px; border-radius: 20px; font-weight: 600; margin-right: 10px; display: inline-block; }

/* Таблица сравнения */
.comparison-table { overflow-x: auto; margin: 32px 0; border: 1px solid #ddd; border-radius: 15px; }
.comparison-table table { width: 100%; min-width: 800px; border-collapse: collapse; font-size: 14px; }
.comparison-table th { padding: 20px; text-align: left; font-weight: 600; background-color: #2C2C2C; color: white; }
.comparison-table td { padding: 16px; border-bottom: 1px solid #ebebeb; }
.comparison-table tr:nth-child(even) { background-color: #fafafa; }
.comparison-table td:first-child { font-weight: 600; background-color: #f8f8f8; }

/* Блоки описания сервисов */
.service-header { display: flex; align-items: center; margin-bottom: 16px; }
.service-icon { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 10px; }
.service-icon-yandex { background-color: #FFD600; }
.service-icon-delimobil { background-color: #37AEE2; color: white; }
.service-icon-citydrive { background-color: #4CAF50; color: white; }
.service-icon-belkacar { background-color: #FF6B35; color: white; }

/* Блоки с особенностями */
.feature-block { background-color: #f8f8f8; padding: 24px; border-radius: 10px; margin: 24px 0; }
.feature-block-blue { background-color: #e3f2fd; }
.feature-block-green { background-color: #e8f5e9; }
.feature-block-orange { background-color: #fff3e0; }

/* Критерии выбора */
.criteria-item { background-color: white; border-left: 4px solid #FFD600; padding: 24px; margin-bottom: 16px; border: 1px solid #e0e0e0; }
.criteria-item h4 { margin: 0 0 8px 0; color: #2C2C2C; }
.criteria-item p { margin: 0; }
.criteria-blue { border-left-color: #37AEE2; }
.criteria-green { border-left-color: #4CAF50; }
.criteria-orange { border-left-color: #FF6B35; }
.criteria-purple { border-left-color: #9C27B0; }
.criteria-gray { border-left-color: #607D8B; }

/* Советы по экономии */
.tip-block { background-color: #e8e8e8; padding: 32px; border-radius: 15px; margin: 32px 0; }
.tip-item { margin-bottom: 24px; }
.tip-number { background-color: #FFD600; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 10px; }
.tip-content { padding-left: 40px; }

/* Правила безопасности */
.safety-rule { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 15px; padding: 32px; margin: 32px 0; }
.safety-rule h4 { margin: 0 0 16px 0; }
.safety-icon { font-size: 24px; margin-right: 8px; }

/* Блоки парковки */
.parking-rule { border-radius: 15px; padding: 24px; margin-bottom: 16px; }
.parking-allowed { background-color: #e8f5e9; }
.parking-zone { background-color: #e3f2fd; }
.parking-special { background-color: #fff3e0; }
.parking-forbidden { background-color: #ffebee; }
.parking-finish { background-color: #f3e5f5; }

/* Штрафы */
.penalty-block { background-color: #fff; border: 2px solid #ff0000; border-radius: 15px; overflow: hidden; margin: 32px 0; }
.penalty-header { background-color: #ff0000; color: white; padding: 16px 24px; }
.penalty-header h3 { margin: 0; color: white; }
.penalty-content { padding: 24px; }
.penalty-item { border-bottom: 1px solid #e0e0e0; padding-bottom: 16px; margin-bottom: 16px; }
.penalty-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.penalty-item h4 { margin: 0 0 8px 0; color: #d32f2f; }

/* Финальный блок */
.conclusion-block { padding: 48px; border-radius: 20px; margin: 64px 0; text-align: center; background: linear-gradient(135deg, #FFD600 0%, #FFC107 100%); }
.conclusion-block h2 { margin: 0 0 16px 0; font-size: 32px; }
.conclusion-block p { margin: 0; font-size: 18px; line-height: 1.6; }
.conclusion-block .final-text { margin: 32px 0 0 0; font-size: 24px; font-weight: 700; }

/* Дополнительные стили */
.text-blue { color: #0094FF; font-weight: 600; }
.text-red { color: #ff0000; font-weight: 600; }
.text-green { color: #4CAF50; font-weight: 600; }
.italic-caption { font-style: italic; text-align: center; margin-bottom: 32px; color: #666; }