.mkc-site{background:#fff url('/assets/images/bg1.jpg');font-family:Tajawal,Arial,sans-serif;color:#212529;overflow-x:hidden}
.mkc-site.mkc-playing{background:rgb(245,245,245)}
.mkc-hero{display:flex;align-items:flex-end;justify-content:center;text-align:center;min-height:40vh;padding:150px 20px 35px;background:linear-gradient(#0009,#0009),url('/images.pexels.com/photos/376729/pexels-photo-376729db14.jpg');background-size:cover;background-position:center}
.mkc-playing .mkc-hero{background-image:linear-gradient(#0009,#0009),url('/images.pexels.com/photos/1375261/pexels-photo-1375261db14.jpg')}
.mkc-hero h1{font-size:clamp(28px,4vw,48px);font-weight:700;color:#fff;text-align:center}
.mkc-hero p{color:#72b626;font-size:24px;font-weight:900;text-align:center}
.mkc-wrap{max-width:1120px;margin:35px auto 50px}
.mkc-card{background:#fff;border:1px solid #ddd;border-radius:5px;overflow:hidden}
.mkc-accent{height:4px;background:#72b626}.mkc-content{padding:24px}
.mkc-brand{color:#577b2a;font-weight:700;margin-bottom:8px}.mkc-title{font-size:28px;font-weight:700;margin:10px 0}
.mkc-sub{color:#606060;line-height:1.9}.mkc-pill{display:inline-block;background:#f1f1f1;padding:7px 12px;border-radius:4px}
.mkc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mkc-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;padding:12px 20px;font-weight:700;cursor:pointer;line-height:1.5;text-decoration:none}
.mkc-btn-primary{background:#72b626;color:#fff}.mkc-btn-primary:hover{background:#577b2a;color:#fff}.mkc-btn-soft{background:#777;color:#fff}.mkc-btn-soft:hover{background:#555;color:#fff}.mkc-btn:disabled{opacity:.45;cursor:default}
.mkc-btn:focus-visible,.mkc-choice:focus-within{outline:3px solid #577b2a;outline-offset:3px}
.mkc-input{display:block;width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font:inherit}.mkc-label{display:block;font-weight:700;margin:18px 0 8px}
.mkc-alert{background:#fff1f1;color:#982626;padding:14px;margin:15px 0;border:1px solid #efcaca;border-radius:4px}
.mkc-share{padding:14px;background:#f5f5f5;border:1px dashed #aaa;direction:ltr;text-align:left;overflow-wrap:anywhere;margin-top:20px}
.mkc-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.mkc-category-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;text-decoration:none}
.mkc-category-img{height:100px;display:grid;place-items:center}.mkc-category-img img{height:80px;max-width:100%;object-fit:contain;filter:none}
.mkc-category-info{display:block;background:#72b626;padding:10px}.mkc-category-name{display:block;text-align:center;color:white;font-weight:700;font-size:18px}.mkc-category-meta{display:block;color:#fff;text-align:center;font-size:12px}.mkc-category-arrow{display:none}.mkc-category-card:hover{background:#eee}.mkc-category-card:hover .mkc-category-info{background:#577b2a}
.mkc-question{padding:0}.mkc-qtext{margin:0 0 16px;padding:20px;font-size:1.35rem;line-height:1.9;min-height:100px}
.mkc-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:16px 24px;border:1px solid #e2e2e2;border-bottom:0;background:#fff;font-size:1.25rem;line-height:1.7;cursor:pointer}.mkc-choice:nth-child(even){background:#f3f3f3}.mkc-choice:last-child{border-bottom:1px solid #e2e2e2}.mkc-choice input{flex:0 0 auto;accent-color:#577b2a;width:18px;height:18px}.mkc-choice span{flex:1}.mkc-choice.answer-answered{color:white;background:#577b2a!important}
.mkc-media{display:block;max-width:min(100%,260px);max-height:260px;object-fit:contain;margin:12px auto}.mkc-qtext .signal,.mkc-choice .signal{vertical-align:middle}
.mkc-nav{display:flex;justify-content:space-between;gap:12px;padding:15px;background:#dedede}.mkc-progress{height:9px;background:#ddd;margin:16px 0 6px;border-radius:4px;overflow:hidden}.mkc-progress span{display:block;height:100%;background:#577b2a}.mkc-muted{color:#666;font-size:14px}.mkc-hidden{display:none!important}
.mkc-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.mkc-score{padding:25px;background:#f5f5f5;text-align:center;border:1px solid #ddd}.mkc-score strong{display:block;color:#577b2a;font-size:38px;text-align:center}.mkc-score span{display:block;text-align:center}.mkc-versus{text-align:center;margin-top:20px;font-size:24px}
.mkc-inline-ad{margin:30px auto;padding:20px 12px 12px;border:1px solid #ddd;border-top:3px solid #72b626;border-radius:14px;background:white;min-height:140px}.mkc-inline-ad>span{display:block;text-align:center;font-size:12px;color:#777;margin-bottom:12px}
@media(max-width:767px){.mkc-hero{min-height:42vh;padding-top:180px}.mkc-wrap.container-lg{width:96%;margin-top:20px}.mkc-content{padding:18px}.mkc-category-grid{grid-template-columns:1fr;gap:20px}.mkc-choice{padding:14px 12px;font-size:1.1rem}.mkc-qtext{padding:15px;font-size:1.2rem}.mkc-score-grid{grid-template-columns:1fr}.mkc-actions .mkc-btn{flex:1}.mkc-title{font-size:24px}}
.mkc-site .mkc-qtext.quiz-title-text{display:block;min-height:0;height:auto;margin:0;padding:18px 20px;line-height:1.8;unicode-bidi:isolate;overflow-wrap:break-word}
.mkc-site .mkc-qtext .signal{display:inline-block;vertical-align:middle;margin:4px 6px}
@media(max-width:767px){.mkc-site .mkc-qtext.quiz-title-text{padding:14px 12px}}
.mkc-answer-text{unicode-bidi:isolate}
.mkc-qtext .signal,.mkc-answer-text .signal{unicode-bidi:isolate}
.mkc-auto-next{display:inline-flex;align-items:center;gap:10px;margin-top:14px;cursor:pointer;font-weight:700}
.mkc-auto-next input{width:20px;height:20px;accent-color:#577b2a}
.mkc-nav .quiz-prev{background-color:#f1f3f5;color:#374151;border:1px solid #cbd2d9}
.mkc-nav .quiz-prev:not(:disabled):hover{background-color:#e1e6eb;border-color:#aab4bf;color:#1f2937}
.mkc-nav .quiz-next{background-color:#477a1e;color:#fff;border:1px solid #477a1e}
.mkc-nav .quiz-next:not(:disabled):hover{background-color:#365f16;border-color:#365f16;color:#fff}
.mkc-nav .finishBtn{background-color:#245c39;border-color:#245c39;color:#fff}
.mkc-nav .finishBtn:not(:disabled):hover{background-color:#19432a;border-color:#19432a;color:#fff}
.mkc-nav .btn{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.mkc-nav .btn:disabled{opacity:.5;cursor:not-allowed}
.mkc-nav .quiz-prev:focus-visible,.mkc-nav .quiz-next:focus-visible{outline:3px solid #72b626;outline-offset:3px}

.mkc-answers{width:100%;border-collapse:collapse;table-layout:fixed}
.mkc-site .mkc-answers tr.mkc-choice{display:table-row!important;padding:0;margin:0;line-height:20px;font-size:1.35rem;border:0;border-bottom:1px solid #e2e2e2}
.mkc-site .mkc-answers tr.mkc-choice td{display:table-cell!important;border:0!important;padding:5px;font-size:1.35rem;vertical-align:middle;font-family:'Tajawal',sans-serif;font-weight:400;line-height:1.428571429}
.mkc-site .mkc-answers .mkc-answer-label,.mkc-site .mkc-answers .mkc-answer-text,.mkc-site .mkc-answers .mkc-answer-letter>span{border:0!important;box-shadow:none!important}
.mkc-answers .mkc-answer-letter{width:50px;text-align:center;position:relative}
.mkc-answers .mkc-answer-label{display:block;width:100%;margin:0;padding:0;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:inherit;font-weight:400;line-height:1.428571429}
.mkc-answers .mkc-answer-text{display:block;font-family:'Tajawal',sans-serif;font-size:inherit;font-weight:400;line-height:1.428571429;letter-spacing:normal;overflow-wrap:normal}
.mkc-answers tr.mkc-choice:nth-child(even){background:#f3f3f3}
.mkc-answers tr.mkc-choice:hover{background:#8aa65b;color:#fff}
.mkc-answers tr.mkc-choice.answer-answered,.mkc-answers tr.mkc-choice.answer-answered td{background:#577b2a!important;color:#fff!important}
.mkc-answers .mkc-media{max-width:200px;width:auto;max-height:200px}
.mkc-answers input.mkc-answer-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mkc-answers tr.mkc-choice:focus-within{outline:3px solid #577b2a;outline-offset:-3px}
@media(max-width:767px){.mkc-answers .mkc-media{max-width:100%}}

/* Play page: use the same visual base as the normal theory exam. */
.mkc-site.mkc-playing{background:#fff url('/assets/images/bg1.jpg')!important}
.mkc-site.mkc-playing .mkc-hero{display:none!important}
.mkc-play-main{padding:1px 0 35px}