/* Summary studio follows the established denim palette and keeps scope visible. */
#summary-page{--summary-line:#d8e3ef;--summary-soft:#edf4fc;--summary-ink:#243c57}
.summary-mode-settings{border:1px solid var(--summary-line);border-radius:20px;background:#fff;padding:22px 25px;margin:0 0 25px;min-width:0}.summary-mode-settings legend{font-size:17px;font-weight:650;padding:0 8px}.summary-mode-settings>p{font-size:12px;margin:0 0 17px}.summary-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-mode-option{position:relative;display:flex;align-items:start;gap:10px;cursor:pointer;border:1px solid var(--summary-line);border-radius:13px;padding:17px 13px;min-width:0;transition:background .15s,border-color .15s}.summary-mode-option:has(input:checked){background:#edf4fc;border-color:#356eaf;box-shadow:inset 0 0 0 1px #356eaf}.summary-mode-option:has(input:focus-visible){outline:3px solid #356eaf;outline-offset:3px}.summary-mode-option input{width:17px;height:17px;flex-shrink:0;margin:4px 0 0;accent-color:#356eaf}.summary-mode-option strong{display:block;font-size:13px;margin-bottom:7px}.summary-mode-option small{display:block;font-size:11px;line-height:1.9;color:var(--muted)}.summary-mode-number{display:none}.summary-mode-tag{position:absolute;inset-inline-end:9px;top:-10px;font-size:9px;background:#356eaf;color:#fff;padding:1px 7px;border-radius:5px}.summary-mode-settings .summary-mode-note{margin:17px 0 0;font-size:12px;line-height:1.9;color:#385d84}.summary-mode-settings #summary-time-options{margin-top:17px;max-width:220px}.summary-mode-settings #summary-time-options label{font-size:12px}
.summary-session-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.summary-mode-badge{font-size:10px;color:#356188;background:#e7f0fa;border-radius:6px;padding:4px 8px}.summary-scope{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e8f0fa;border:1px solid #cfdfee;border-radius:15px;padding:16px 23px;margin:20px 0}.summary-scope>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.summary-scope .eyebrow{font-size:11px}.summary-scope strong{font-size:21px;font-variant-numeric:tabular-nums;font-weight:600;color:#295c95}.summary-scope .status-chip{background:#fff;font-size:10px}
.summary-learning-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}.summary-learning-grid>*{min-width:0}.summary-card-heading{display:flex;gap:12px;align-items:start;margin-bottom:18px}.summary-card-heading h3{font-size:16px;margin:0 0 5px}.summary-card-heading p{margin:0;font-size:11px;line-height:1.9}.summary-step{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e5eef9;color:#356eaf;font-size:14px;font-weight:600}.summary-learning-grid .product-card{margin:0;padding:24px;border-radius:18px;box-shadow:0 5px 24px #234d7c05}.summary-source-card .summary-video{border-radius:12px;overflow:hidden;background:#243c57;aspect-ratio:16/9}.summary-source-card video{max-width:100%;border-radius:12px;background:#243c57;width:100%;max-height:300px}.summary-source-card progress{appearance:none;display:block;width:100%;height:5px;margin:15px 0 13px;border:0;border-radius:5px;overflow:hidden;direction:ltr}.summary-source-card progress::-webkit-progress-bar{background:#e4edf7}.summary-source-card progress::-webkit-progress-value{background:#356eaf}.summary-player-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.summary-player-actions .button{font-size:11px;min-height:41px}.summary-player-actions #summary-timer{font-size:11px;margin-inline-start:auto;font-variant-numeric:tabular-nums}.summary-source-card details{border-top:1px solid #e3ebf4;padding-top:14px;margin-top:17px}.summary-source-card summary,.summary-text-editor summary{font-size:11px;cursor:pointer}.summary-source-card .english-paragraph{font-size:17px;line-height:1.9;margin:15px 0 0}.summary-record-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px 17px;background:#f5f8fc;border-radius:14px}.summary-record-symbol{display:grid;place-items:center;background:#e6effa;color:#356eaf;width:53px;height:53px;border-radius:50%}.summary-record-symbol svg{width:25px;height:25px}.summary-record-area #summary-clock{font-size:24px;font-variant-numeric:tabular-nums;color:#365b84}.summary-record-area .button{min-width:185px;font-size:12px;min-height:46px}.summary-record-area .button.secondary{min-height:35px}.summary-level-track{width:150px;height:5px;border-radius:7px;overflow:hidden;background:#d8e4f2;direction:ltr}.summary-level-track span{display:block;width:0;height:100%;background:#356eaf;transition:width .08s linear}.summary-response #summary-status{font-size:12px;line-height:2;min-height:24px;margin:15px 0}.summary-text-editor{border-top:1px solid #e3ebf4;padding-top:15px}.summary-text-editor label{font-size:12px;margin-top:15px}.summary-text-editor textarea{font-size:15px;line-height:1.8}.summary-text-editor .button{font-size:11px}.summary-response:has(#summary-record:not(:disabled)) .summary-record-symbol{background:#dceafb}
.summary-feedback{margin-top:25px;border:1px solid var(--summary-line);border-radius:21px;overflow:hidden;background:#fff;scroll-margin-top:20px;box-shadow:0 10px 35px #294c7006}.summary-feedback-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 30px;background:linear-gradient(115deg,#fff 10%,#edf4fc);border-bottom:1px solid #dfe8f3}.summary-feedback-hero>div:first-child{min-width:0}.summary-feedback-hero h3{font-size:25px;line-height:1.6;margin:7px 0 10px}.summary-feedback-hero .eyebrow{font-size:11px}.summary-result-subtitle{font-size:12px;color:#52677d;margin:0;line-height:1.9}.summary-feedback .score-ring{--score:0;display:grid;place-items:center;position:relative;isolation:isolate;width:104px;height:104px;border-radius:50%;background:conic-gradient(#356eaf calc(var(--score)*1%),#dce8f5 0);color:#2b5b94;font-size:29px;font-weight:650;direction:ltr}.summary-feedback .score-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;z-index:-1}.summary-feedback .score-ring::after{display:none}.summary-feedback.passed .score-ring{background:conic-gradient(#2f6f55 calc(var(--score)*1%),#dbece4 0);color:#2f6f55}.summary-feedback.passed .summary-feedback-hero h3{color:#2f6f55}.summary-result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 30px;border-bottom:1px solid #e3ebf4}.summary-result-metric{padding:0 20px;border-inline-end:1px solid #dfe8f3;min-width:0}.summary-result-metric:first-child{padding-inline-start:0}.summary-result-metric:last-child{border:0;padding-inline-end:0}.summary-result-metric>span{font-size:12px;color:#52677d}.summary-result-metric strong{display:block;font-size:27px;font-weight:600;color:#2d5686;margin:4px 0}.summary-result-metric>i{display:block;position:relative;height:5px;border-radius:7px;overflow:hidden;background:#e7eff8;margin:6px 0 10px}.summary-result-metric>i::before{content:"";display:block;width:var(--value);height:100%;background:#5786b9}.summary-result-metric small{display:block;font-size:10px;color:var(--muted)}.summary-result-metric.below-goal>i::before{background:#bb8c4b}.summary-result-metric.below-goal strong{color:#805125}
.summary-result-guidance{background:#edf4fc;border:1px solid #d5e4f4;border-radius:14px;margin:25px 30px;padding:20px 22px}.summary-result-guidance p{font-size:14px;line-height:2;margin:8px 0 13px}.summary-result-guidance .eyebrow{font-size:10px}.summary-result-targets{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.summary-result-targets span{font-size:10px;background:#fff;border-radius:5px;padding:3px 8px;color:#52677d}.summary-result-guidance .button{font-size:12px;min-height:43px}.summary-feedback h4{font-size:15px;margin:0 0 14px}.summary-missing,.summary-corrections,.summary-improved,.summary-your-transcript,.summary-saved-recording{padding:24px 30px;border-top:1px solid #e3ebf4}.summary-missing ul{margin:0;padding-inline-start:20px;font-size:13px;line-height:2.1}.summary-positive{font-size:12px;color:#2f6f55;margin:0;line-height:1.9}.summary-correction-table-wrap{overflow-x:auto;border:1px solid #dce6f1;border-radius:12px}.summary-correction-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.summary-correction-table th{text-align:start;padding:12px 15px;background:#f2f6fb;font-size:11px;font-weight:500;color:#52677d}.summary-correction-table th:nth-child(1){width:23%}.summary-correction-table th:nth-child(2){width:25%}.summary-correction-table td{padding:17px 15px;border-top:1px solid #e0e9f3;vertical-align:top;overflow-wrap:anywhere;line-height:1.9}.summary-correction-table del{display:block;font-size:17px;color:#9e3d4c}.summary-correction-table strong{display:block;font-size:17px;color:#2f6f55}.summary-correction-table p{margin:0}.summary-correction-table .text-button{display:block;font-size:11px;margin-top:8px}.summary-correction-table .summary-correction-example{font-size:15px;line-height:1.8;margin-top:10px;color:#365b84}.summary-improved{background:#f4f8fd}.summary-improved .eyebrow{font-size:11px}.summary-English{font-size:20px;line-height:1.9;overflow-wrap:anywhere;margin:10px 0 20px}.summary-improved .button{font-size:11px}.summary-your-transcript summary{cursor:pointer;font-size:12px}.summary-saved-recording audio{display:block;width:100%;margin-bottom:12px}.summary-saved-recording .file-location{overflow-wrap:anywhere;font-size:11px}.summary-feedback-status{font-size:12px;margin:0;padding:0 30px 15px}.summary-feedback-status:empty{display:none}.summary-error-guidance{margin:24px 30px;font-size:13px;line-height:2}.summary-error-guidance+.button{margin:0 30px 22px}.summary-feedback-empty{padding:27px 30px;background:#f7faff}.summary-feedback-empty h3{font-size:19px;margin:7px 0 10px}.summary-feedback-empty p{font-size:12px;margin:0;line-height:2;color:#52677d}.summary-continue{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.summary-continue .button{font-size:12px;min-height:47px}.summary-continue>p{margin:0;font-size:11px;flex-basis:100%}.summary-session-report .summary-card-heading{margin:0 0 15px}.summary-session-report p{font-size:12px;line-height:2}.summary-session-report summary{font-size:12px;cursor:pointer}.summary-attempt-row{display:block;width:100%;text-align:start;padding:14px;border:1px solid #d8e3ef;background:#f6f9fd;color:#365b84;border-radius:10px;font:inherit;font-size:12px;cursor:pointer}.summary-attempt-row:hover{background:#e8f1fb}.summary-pending{text-align:center;padding:35px;margin-top:25px;scroll-margin-top:20px}.summary-pending h3{font-size:19px}.summary-pending p{font-size:12px;color:var(--muted)}.summary-pending-indicator{display:inline-block;width:25px;height:25px;border:3px solid #d8e4f1;border-top-color:#356eaf;border-radius:50%;animation:summary-spin 1s linear infinite}@keyframes summary-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.summary-mode-options{grid-template-columns:1fr}.summary-mode-option{align-items:center;padding:14px}.summary-mode-option strong{margin-bottom:3px}.summary-mode-tag{top:10px}.summary-learning-grid{grid-template-columns:1fr 1fr;gap:16px}.summary-learning-grid .product-card{padding:19px}.summary-player-actions #summary-timer{width:100%;margin:0}}
@media(max-width:700px){.summary-learning-grid{grid-template-columns:1fr}.summary-mode-settings{padding:18px;margin-bottom:20px}.summary-mode-option strong{font-size:12px}.summary-mode-option small{font-size:10px}.summary-scope{padding:15px;align-items:start}.summary-scope>div{gap:5px;flex-direction:column;align-items:start}.summary-scope strong{font-size:19px}.summary-scope .status-chip{font-size:9px}.summary-scope .eyebrow{font-size:10px}.summary-session-meta{gap:8px}.summary-mode-badge{font-size:9px}.summary-player-actions #summary-timer{width:auto;margin-inline-start:auto}.summary-feedback{border-radius:17px}.summary-feedback-hero{padding:22px 19px;gap:13px;align-items:start}.summary-feedback-hero h3{font-size:20px}.summary-feedback-hero .eyebrow{font-size:10px}.summary-result-subtitle{font-size:11px}.summary-feedback .score-ring{width:76px;height:76px;font-size:23px}.summary-feedback .score-ring::before{inset:5px}.summary-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;padding:22px 19px}.summary-result-metric{padding:0 14px}.summary-result-metric:nth-child(2){border:0;padding-inline-end:0}.summary-result-metric:nth-child(3){padding-inline-start:0}.summary-result-guidance{margin:20px 19px;padding:18px}.summary-result-guidance p{font-size:13px}.summary-missing,.summary-corrections,.summary-improved,.summary-your-transcript,.summary-saved-recording{padding:22px 19px}.summary-correction-table,.summary-correction-table tbody{display:block}.summary-correction-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.summary-correction-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.summary-correction-table td{display:block;padding:15px 12px}.summary-correction-table td:nth-child(1)::before{content:'گفتهٔ تو';display:block;font-size:10px;color:#52677d;margin-bottom:5px}.summary-correction-table td:nth-child(2)::before{content:'پیشنهاد';display:block;font-size:10px;color:#52677d;margin-bottom:5px}.summary-correction-table td:nth-child(3){grid-column:1/-1;border-top:0;padding-top:0}.summary-correction-table del,.summary-correction-table strong{font-size:16px}.summary-English{font-size:18px}.summary-continue{gap:10px}.summary-continue .button{flex:1;min-width:140px;font-size:11px}.summary-continue>p{line-height:2}.summary-feedback-empty{padding:23px 19px}.summary-feedback-status{padding:0 19px 15px}.summary-pending{padding:26px 19px}.summary-pending h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.summary-mode-option,.summary-level-track span{transition:none}.summary-pending-indicator{animation:none}}

.summary-legacy-note{padding:14px 18px;border:1px solid #d5e4f4;border-radius:12px;background:#fff;font-size:12px;line-height:2;color:#365b84}