.saudi-article .post-quiz-prompt {
    position: relative;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 35px;
    align-items: center;
    box-sizing: border-box;
    margin: 24px 0;
    padding: 36px;
    background: #f4f0e3;
    color: #205744;
    border: 1px solid #ded5b6;
    border-radius: 24px;
    direction: rtl;
    text-align: start;
    overflow: hidden;
    font-family: SignatureCairo, Tahoma, sans-serif;
}
.post-quiz-prompt *, .post-quiz-prompt *::before, .post-quiz-prompt *::after { box-sizing: border-box; }
.post-quiz-prompt .post-quiz-copy { min-width: 0; grid-column: 2; grid-row: 1; }
.post-quiz-prompt .post-quiz-tag { display: block; color: #937126; font-size: 13.2px; }
.saudi-article .post-quiz-prompt .post-quiz-prompt-title { display: block; margin: 5px 0 9px; color: #205744; font-size: 33px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
.saudi-article .post-quiz-prompt .post-quiz-copy p { margin: 0; color: #637363; max-width: 490px; font-size: 15.4px; line-height: 1.9; }
.post-quiz-prompt .post-quiz-start { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-width: 220px; max-width: 100%; margin-top: 21px; padding: 12px 24px; border: 0; border-radius: 12px; background: #205744; color: white; font: inherit; font-size: 15.4px; font-weight: 700; cursor: pointer; }
.post-quiz-prompt .post-quiz-start:hover { background: #174634; }
.post-quiz-prompt .post-quiz-start:focus-visible { outline: 3px solid #b69246; outline-offset: 4px; }
.post-quiz-prompt .post-quiz-copy small { display: block; margin-top: 12px; font-size: 12.1px; color: #72816c; line-height: 1.9; }
.post-quiz-prompt .post-quiz-visual { grid-column: 1; grid-row: 1; position: relative; min-height: 235px; display: grid; place-items: center; }
.post-quiz-prompt .post-quiz-orbit { position: absolute; width: 220px; height: 220px; border: 1px solid #cfbc82; border-radius: 50%; background: #e8e7cf; }
.post-quiz-prompt .post-quiz-sheet { position: relative; z-index: 1; background: #fffdf6; width: 165px; padding: 22px 17px; border-radius: 15px; border: 1px solid #ddd6b9; transform: rotate(-8deg); box-shadow: 10px 15px 0 #c9d5bc; }
.post-quiz-prompt .post-quiz-sheet-tag { font-size: 13.2px; font-weight: 700; }
.post-quiz-prompt .post-quiz-sheet-line { display: block; height: 4px; background: #d6c386; width: 70%; margin: 12px 0 18px; }
.post-quiz-prompt .post-quiz-sheet div { display: flex; align-items: center; gap: 9px; margin: 13px 0; }
.post-quiz-prompt .post-quiz-sheet i { display: grid; place-items: center; font-style: normal; border: 1px solid #a7b49a; color: #205744; border-radius: 6px; width: 23px; height: 23px; font-size: 14.3px; }
.post-quiz-prompt .post-quiz-sheet div span { height: 5px; border-radius: 5px; background: #dee4d6; width: 72px; }
.post-quiz-prompt .post-quiz-seal { position: absolute; bottom: 2px; left: 0; width: 65px; height: 65px; border-radius: 50%; background: #205744; color: #efdb9c; z-index: 2; font-size: 13.2px; text-align: center; line-height: 1.6; display: grid; place-content: center; border: 4px solid #f4f0e3; }
@media (max-width: 760px) {
    .saudi-article .post-quiz-prompt { grid-template-columns: 140px minmax(0, 1fr); padding: 26px 20px; gap: 22px; }
    .post-quiz-prompt .post-quiz-visual { min-height: 190px; }
    .post-quiz-prompt .post-quiz-orbit { width: 150px; height: 150px; }
    .post-quiz-prompt .post-quiz-sheet { width: 130px; padding: 15px 12px; }
    .post-quiz-prompt .post-quiz-seal { width: 55px; height: 55px; }
    .saudi-article .post-quiz-prompt .post-quiz-prompt-title { font-size: 26.4px; }
}
@media (max-width: 550px) {
    .saudi-article .post-quiz-prompt { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .post-quiz-prompt .post-quiz-copy { grid-column: 1; grid-row: 2; }
    .post-quiz-prompt .post-quiz-visual { grid-column: 1; grid-row: 1; min-height: 180px; width: 190px; margin: auto; }
    .post-quiz-prompt .post-quiz-start { width: 100%; min-width: 0; }
    .saudi-article .post-quiz-prompt .post-quiz-prompt-title { font-size: 27.5px; }
}