/* Teacher Uğur interactive components, matching the main editorial theme. */
.study-note{padding:18px 22px;border:1px solid #bed2c6;background:#eef5ed;color:#2c5450;border-radius:9px;font-size:14px;margin-bottom:28px}
.activity-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.activity-tab{border:1px solid #dce6df;border-radius:10px;background:#fff;padding:22px 20px;text-align:left;cursor:pointer;color:#59756e;font:500 16px Georgia,serif}
.activity-tab span{display:block;font:800 18px/1.35 Manrope,Arial,sans-serif;color:#203f3c;margin-top:12px}
.activity-tab.active,.activity-tab:hover{border-color:#27675c;background:#eaf2ed}.activity-tab.active{box-shadow:inset 0 3px #295f61}
.learning-panel{border:1px solid #e1e6de;background:#fff;border-radius:14px;padding:38px;box-shadow:0 12px 32px #102e3010}
.learning-panel[hidden]{display:none!important}.interactive-heading{display:flex;align-items:start;justify-content:space-between;gap:32px;border-bottom:1px solid #e2ebe4;padding-bottom:22px;margin-bottom:30px}
.interactive-heading .eyebrow{margin:0 0 10px}.interactive-heading h2{margin:0 0 12px;font-size:34px}.interactive-heading p{margin:0;font-size:14px}
.game-metrics{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:180px}.game-metrics span{background:#edf3ed;border:1px solid #dae7dd;color:#55736a;border-radius:7px;padding:8px 11px;font-size:12px}.game-metrics strong{color:#173a38}
.game-word{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;min-height:120px;background:#f5f7f2;border-radius:11px;margin:20px 0;padding:20px}
.letter-cell{display:grid;place-items:center;min-width:32px;min-height:48px;border-bottom:2px solid #86a499;font:800 clamp(17px,2.4vw,26px) Manrope,sans-serif;color:#163b36}.letter-cell.revealed{color:#227254}
.game-feedback{padding:12px 16px;color:#275347;background:#edf4e9;border-radius:8px;font-size:14px;margin:15px 0;min-height:48px;line-height:1.5}
.hang-remaining{font-size:13px;margin:0 0 14px;text-align:center;color:#64726e}.hang-remaining strong{font-size:18px;color:#16473f}
.letter-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:7px}.letter-button{border:1px solid #d0dfd4;border-radius:7px;padding:10px 3px;cursor:pointer;font-weight:800;color:#2a514c;background:white;min-height:46px}.letter-button:hover:not(:disabled){background:#ecf4ee}.letter-button.right{background:#e0f2e5;color:#18673d}.letter-button.wrong{background:#f9e9e4;color:#955348}.letter-button:disabled{opacity:.65;cursor:default}
.game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.game-actions .btn{cursor:pointer;border-radius:8px}.btn-plain{background:transparent;color:#58766d;border:1px solid transparent}.btn-plain:hover{background:#edf3ed}.game-actions button:disabled,.exam-choose-actions button:disabled{cursor:not-allowed;opacity:.45;transform:none}
.visual-emoji{width:min(240px,100%);aspect-ratio:1;margin:18px auto 26px;background:#f2f5ef;border:1px solid #e0e8e2;border-radius:18px;display:grid;place-items:center;font-size:100px}
.visual-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:850px;margin:auto}.visual-choice{padding:18px 12px;background:white;border:1px solid #bdcfc6;border-radius:9px;font:800 16px Manrope,sans-serif;color:#153d37;cursor:pointer}.visual-choice:hover:not(:disabled){background:#f4f8f4;border-color:#295f61}.visual-choice.right{background:#e5f5e7;border-color:#398456}.visual-choice.wrong{background:#fbe7e2;border-color:#bc715f}.visual-choice:disabled{cursor:default}
.sentence-zone{border:1px solid #d7e3d9;border-radius:10px;background:#f4f7f2;padding:18px}.sentence-zone p,.wordbank-label{color:#53716a;font-weight:800;font-size:13px;margin:0 0 13px}.sentence-picked,.sentence-choices{display:flex;gap:8px;flex-wrap:wrap;min-height:70px;align-items:center}.sentence-placeholder{font-size:14px;color:#84928c}.wordbank-label{margin:24px 0 12px}
.sentence-chip{cursor:pointer;padding:11px 13px;border-radius:7px;background:#fff;border:1px solid #c4d8ca;color:#204a41;font-weight:700;min-height:45px}.sentence-chip:hover{border-color:#39745f}.sentence-chip.selected{border-color:#547f6c;background:#e4efe6}.sentence-chip:disabled{cursor:default}
.contact-activities{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px;border-radius:12px;background:#e9f2e8;margin-top:34px}.contact-activities .eyebrow{margin-bottom:12px}.contact-activities h3{margin-bottom:11px}.contact-activities p:last-child{margin-bottom:0}
.exam-select{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px;background:#f1f5ef;border:1px solid #dce8dc;border-radius:12px}.exam-select>.filter-field{min-width:min(340px,100%);flex:1}.exam-select select{max-width:100%}.exam-choose-actions{display:flex;flex-wrap:wrap;gap:9px}.exam-choose-actions .btn{cursor:pointer;padding:11px 13px;font-size:12px}
.exam-summary{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:12px;margin:18px 0}.exam-summary>div{border:1px solid #e3e9e2;border-radius:10px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px}.exam-summary span{font-size:12px;color:#60756e;font-weight:700}.exam-summary strong{font:800 21px Manrope,sans-serif;color:#173b38;overflow-wrap:anywhere}
.exam-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;border:1px solid #dfe6e0;border-radius:12px;overflow:hidden;background:#fff}.exam-main{padding:35px;min-width:0}.exam-main .eyebrow{line-height:1.6;margin-bottom:24px}.exam-question{font:700 22px/1.55 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 22px}
.exam-passage{border-left:3px solid #4b8778;padding:19px 20px;margin-bottom:24px;background:#f7f9f5;border-radius:3px;white-space:normal}.exam-material-text{font-size:14px;line-height:1.8;margin:0 0 12px;color:#3e5752;white-space:pre-wrap}.exam-material-text:last-child{margin-bottom:0}
.exam-table{border-collapse:collapse;width:100%;font-size:13px;margin:12px 0}.exam-table td,.exam-table th{border:1px solid #cfdcd0;padding:9px 10px;text-align:left;vertical-align:top;white-space:normal}.exam-table th{background:#e5eee6;color:#173d35}.table-scroll{max-width:100%;overflow-x:auto}.exam-details{display:grid;grid-template-columns:130px minmax(0,1fr);font-size:13px;gap:5px 10px}.exam-details dt{font-weight:800;color:#355a4d}.exam-details dd{margin:0;color:#4f605c}
.exam-options{display:grid;gap:11px}.exam-option{display:flex;align-items:start;text-align:left;gap:13px;padding:14px 16px;border-radius:8px;background:#fff;border:1px solid #d8e2db;cursor:pointer;min-height:50px;color:#203d37}.exam-option:hover:not(:disabled){border-color:#467c6d;background:#f5f9f4}.exam-option.selected{background:#edf4eb;border-color:#2c6553;box-shadow:inset 3px 0 #2c6553}.exam-option.right{background:#e5f4e3;border-color:#3b9861}.exam-option.wrong{background:#fff0ed;border-color:#b97c6b}.exam-option:disabled{cursor:default}.exam-option-letter{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:6px;background:#e9f1ea;color:#234d43;font-weight:800;font-size:13px}.exam-option-text{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.exam-palette-area{padding:23px;border-left:1px solid #e1e8df;background:#f8f9f5}.exam-palette-area h3{margin:0 0 8px}.exam-palette-area p{font-size:12px}.exam-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:#62776f;margin-bottom:16px}.exam-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.palette-button{border:1px solid #cfdbd2;border-radius:6px;background:#fff;color:#31554a;min-height:40px;cursor:pointer;font-size:12px;font-weight:700}.palette-button.answered{background:#2d6656;color:white}.palette-button.marked{outline:2px solid #d09a58;outline-offset:-2px}.palette-button.current{box-shadow:0 0 0 2px #9ec5ae}.palette-button:disabled{opacity:.6;cursor:default}
.exam-results{border:1px solid #bed9c6;background:#f1f7f0;border-radius:12px;padding:28px;margin-top:24px}.exam-results h2{font-size:29px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.result-stat{background:#fff;border:1px solid #e2ebe3;border-radius:9px;padding:19px;text-align:center;display:flex;flex-direction:column;gap:8px}.result-stat span{font-size:12px;color:#627b6e}.result-stat strong{font-size:29px;color:#1d5146}.answer-review{max-height:340px;overflow:auto;background:#fff;border:1px solid #dce8db;border-radius:8px;padding:17px;margin-bottom:18px}.answer-review h3{margin-bottom:13px}.answer-row{display:grid;grid-template-columns:100px 1fr 100px;gap:12px;padding:10px;border-bottom:1px solid #e4ebe4;font-size:13px}.answer-row strong{text-align:right}.review-right{color:#267449}.review-wrong{color:#a75440}
@media(max-width:980px){.interactive-heading{flex-direction:column}.game-metrics{justify-content:flex-start}.exam-workspace{grid-template-columns:1fr}.exam-palette-area{border-left:0;border-top:1px solid #e1e8df}.exam-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-activities{flex-direction:column;align-items:flex-start}}
@media(max-width:680px){.learning-panel{padding:20px}.activity-tabs{grid-template-columns:1fr}.activity-tab{padding:13px 16px;display:flex;gap:10px;align-items:center}.activity-tab span{margin-top:0;font-size:14px}.letter-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.letter-button{min-height:40px}.letter-cell{min-width:22px;min-height:38px}.visual-options{grid-template-columns:1fr}.visual-emoji{font-size:75px;width:190px}.exam-main,.exam-palette-area{padding:18px}.exam-summary{gap:7px}.exam-summary>div{padding:13px}.exam-summary strong{font-size:15px}.exam-select{padding:16px}.exam-choose-actions{width:100%}.exam-choose-actions .btn{flex:1 1 calc(50% - 10px)}.result-stats{grid-template-columns:1fr 1fr}.answer-row{grid-template-columns:75px 1fr 70px;gap:5px;font-size:11px}.exam-details{grid-template-columns:95px 1fr}}
@media(prefers-reduced-motion:reduce){.activity-tab,.exam-option,.letter-button{transition:none}}