.edra-container { background: #f0f0f0; padding: 40px; text-align: center; font-family: Arial, sans-serif; max-width: 900px; margin: auto; color: #000; }
.edra-main-title { color: #b22222; text-transform: uppercase; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; }
.edra-status-bar { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 5px; }
.edra-progress-track { background: #e0e0e0; height: 8px; border-radius: 4px; overflow: hidden; margin-bottom: 30px; position: relative; }
#edra-progress-fill, #edra-final-fill { background: #b22222; height: 100%; width: 0%; transition: 0.3s; }

.btn-edra { background: transparent; border: 1px solid #b22222; color: #b22222; padding: 10px 40px; cursor: pointer; text-transform: lowercase; }
.btn-edra-sub { background: #e8e8e8; border: 1px solid #b22222; color: #b22222; padding: 8px 25px; cursor: pointer; margin: 5px; }

.ans-item { background: #e8e8e8; border: 1px solid #ccc; padding: 15px; margin: 10px 0; text-align: left; cursor: pointer; font-weight: bold; }
.ans-item.selected { background: #d0e0ff; border-color: #88aaff; }
.ans-item.correct { background: #d4edda !important; border-color: #28a745; }
.ans-item.wrong { background: #f8d7da !important; border-color: #dc3545; }
.ans-item.locked { pointer-events: none; }
.edra-desc { margin: 30px 0; line-height: 1.6; }
h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif!important}