/* Clear module completion and compact, actionable answer feedback. */
.module-card.catalog-card{display:flex;flex-direction:column;padding:0;min-height:232px;overflow:hidden;position:relative;cursor:default;border-radius:12px}
.module-card.catalog-card:hover{transform:none}
.catalog-card .module-card-open{appearance:none;display:flex;flex-direction:column;flex:1;width:100%;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;padding:19px 19px 15px}
.catalog-card .module-card-open:hover{background:#ffffff03}
.catalog-card .module-card-open:focus-visible{outline-offset:-4px;border-radius:10px}
.module-card.catalog-card .card-top{display:flex;align-items:center;gap:9px;width:100%;margin-bottom:16px}
.module-card.catalog-card .module-icon{height:33px;width:33px;flex:0 0 33px;border-radius:9px}
.module-card.catalog-card .module-number{display:block;margin-left:auto;color:#a8b7c8;font-size:9px;letter-spacing:.12em}
.catalog-card .module-complete-mark{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;color:#173f31;background:#c1e4b5;border-radius:50%;font-size:14px;font-weight:800}
.module-card.catalog-card .module-card-title{display:block;margin:0 0 6px;font-size:16px;line-height:1.3;font-weight:650}
.module-card.catalog-card .module-card-subtitle{display:block;margin:0 0 20px;font-size:12px;line-height:1.5;min-height:36px}
.module-card.catalog-card .card-footer{display:block;width:100%;margin-top:auto}
.catalog-card .progress-caption{font-size:10px;margin-bottom:8px;color:#a6b7c6}
.catalog-card .progress-bar{display:block;height:5px;background:#2b3b4b}
.catalog-card .module-open-label{display:flex;align-items:center;justify-content:space-between;width:100%;color:#daca9f;font-size:11px;font-weight:600;margin-top:16px}
.catalog-card .module-open-label>span{font-size:17px;line-height:1}
.module-card.catalog-card.is-complete{border-color:#5a7a6a;background:linear-gradient(145deg,#1e3236,#17242f)}
.catalog-card.is-complete .progress-bar>span{background:#b8dbab}
.module-card-complete-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 15px;border-top:1px solid #88ab8c25;background:#afcca205;min-height:47px}
.module-completed-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#c8e3b7}
.module-completed-label>span{font-size:12px}
.module-replay{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:5px;background:transparent;padding:6px;color:#e4d5b1;font-size:11px;font-weight:650}
.module-replay>span{font-size:16px;line-height:1}
.module-replay:hover{background:#ffffff09;color:#fff0c8}
.module-replay:active{transform:translateY(1px)}

.feedback.feedback-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:16px -10px -6px;padding:16px;border-radius:10px;border:1px solid #608a76;background:#1b332f}
.feedback-compact .feedback-main{display:flex;align-items:flex-start;gap:11px;min-width:0}
.feedback-compact .feedback-mark{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;margin-top:1px;border:1px solid #9cbf9d66;border-radius:50%;background:#bddcb317;color:#d0e9bd;font-size:18px;font-weight:650;line-height:1}
.feedback-compact .feedback-copy{min-width:0;flex:1}
.feedback.feedback-compact .feedback-copy>strong{display:block;margin:0 0 4px;font-size:15px;line-height:1.3;font-weight:700;color:#d7ebc6}
.feedback.feedback-compact .feedback-copy>p{font-size:12px;line-height:1.5;color:#d8e1dd;margin:0}
.feedback-compact .feedback-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 13px;margin-top:10px;font-size:10px}
.feedback-compact .reward-lines{display:contents;margin:0}
.feedback-compact .reward-lines .xp-earned{display:inline;background:transparent;border:0;border-radius:0;padding:0;font-size:10px;line-height:1.5;color:#c1d8b3;font-weight:600}
.feedback-compact .reward-lines>span:not(.xp-earned){font-size:10px;line-height:1.5;color:#b9cbc5}
.feedback-compact .reward-lines>strong{display:inline;flex-basis:auto;font-size:10px;margin:0;color:#efd79c;font-weight:600}
.feedback-compact .review-date{display:inline;margin:0;color:#b6c8c1;font-size:10px;line-height:1.5}
.feedback-compact .answer-basis{display:block;width:auto;margin:0;padding:0;border:0}
.feedback-compact .answer-basis>summary{color:#ded2ad;font-size:10px;line-height:1.5;font-weight:600}
.feedback-compact .answer-basis[open]{flex-basis:100%;padding-top:5px}
.feedback-compact .answer-basis>p{font-size:11px!important;line-height:1.55!important;margin:9px 0 10px}
.feedback-compact .basis-sources a{font-size:11px}
.feedback-compact .feedback-action{align-self:center;min-width:150px;max-width:210px}
.feedback.feedback-compact .feedback-action>.button{width:100%;min-height:45px;margin:0;padding:11px 14px;border-radius:7px;gap:15px;justify-content:space-between;font-size:12px;line-height:1.35;box-shadow:none}
.feedback-compact .feedback-action>.button>span:last-child{font-size:17px;flex:0 0 auto;line-height:1}
.feedback-compact .feedback-hint{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#e3bdc7}
.feedback.feedback-compact.wrong{border-color:#b68191;background:#392c35}
.feedback.feedback-compact.wrong .feedback-copy>strong{color:#ffdae4}
.feedback.feedback-compact.wrong .feedback-copy>p{color:#efd9df}
.feedback-compact.wrong .feedback-mark{background:#eeb8c420;border-color:#d6a0b066;color:#f4c1d0}
.feedback-compact .retry-button{background:#efc2cd;border:1px solid #f5d2da;color:#432b38}
.feedback-compact .retry-button:hover{background:#f8d1da}
.answer .answer-text{flex:1;min-width:0}
.answer .answer-result-mark{flex:0 0 19px;text-align:center;font-size:21px;font-weight:650;line-height:1}
.answer.selected-wrong,.answer.selected-wrong:not(:disabled):hover{background:#48323f;border-color:#d4a0b3;color:#ffe3eb;box-shadow:inset 3px 0 #dba6b9}
.answer.selected-wrong .answer-letter{background:#efc2cf;border-color:#efc2cf;color:#4a2a3d}
.answer.selected-wrong .answer-result-mark{color:#f4bfd0}
.answer.selected-right{background:#263c35;border-color:#9dc39f;color:#e8f1df}
.answer.selected-right .answer-letter{background:#c8dfb7;border-color:#c8dfb7;color:#274033}
.answer.selected-right .answer-result-mark{color:#c7e6b9}
@media(max-width:1100px){.module-card-complete-footer{padding:9px 11px}.module-replay{font-size:10px}.feedback-compact .feedback-action{min-width:134px;max-width:175px}}
@media(max-width:650px){.module-card.catalog-card{min-height:220px}.module-card.catalog-card .module-card-open{padding:17px}.module-card.catalog-card .module-number{display:block}.feedback.feedback-compact{grid-template-columns:minmax(0,1fr);gap:12px;margin:14px -6px -4px;padding:14px}.feedback-compact .feedback-action{max-width:none;width:100%}.feedback-compact .feedback-mark{width:26px;height:26px;flex-basis:26px;font-size:16px}.feedback.feedback-compact .feedback-copy>strong{font-size:14px}.feedback-compact .feedback-meta{gap:5px 10px}.feedback.feedback-compact .feedback-action>.button{min-height:44px;justify-content:center;position:relative}.feedback-compact .feedback-action>.button>span:last-child{position:absolute;right:15px}}
@media(prefers-reduced-motion:reduce){.feedback.reward-pop{animation:none}.module-card.catalog-card,.module-replay{transition:none;transform:none}}