.ingles-course{--en-main:#59469e;--en-main-dark:#3e347d;--en-soft:#f5f2ff;--en-line:#e1dcf0;--en-ink:#2d2940;--en-muted:#696581;--en-good:#176343;--en-bad:#943b35;color:var(--en-ink)}
.ingles-course .view-wrap{max-width:1080px;margin:0 auto}
.ingles-course .en-page{padding-bottom:2rem}
.ingles-course .en-eyebrow{font-size:.78rem;font-weight:850;letter-spacing:.08em;color:var(--en-main);text-transform:uppercase}
.ingles-course .en-hero{padding:1.5rem 0 .6rem}
.ingles-course .en-hero h1,.ingles-course .en-section-head h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:.35rem 0}
.ingles-course .en-hero p,.ingles-course .en-section-head p{color:var(--en-muted);line-height:1.55;max-width:70ch}
.ingles-course .en-draft{display:inline-block;background:#fff4d8;color:#75520f;border:1px solid #ecd49a;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:800}
.ingles-course .en-empty{background:#fff;border:1px solid var(--en-line);border-radius:20px;padding:1.3rem;color:var(--en-muted)}
.ingles-course .en-unit-card,.ingles-course .en-block-card,.ingles-course .en-final-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;background:#fff;border:1px solid var(--en-line);border-radius:24px;padding:1.2rem;color:inherit;text-decoration:none;box-shadow:0 10px 25px rgba(54,40,106,.07);transition:transform .15s,border-color .15s}
.ingles-course .en-unit-card:hover,.ingles-course .en-block-card:hover,.ingles-course .en-final-card:hover{transform:translateY(-2px);border-color:#a996df}
.ingles-course .en-unit-card>span:nth-child(2),.ingles-course .en-block-card>span:nth-child(2),.ingles-course .en-final-card>span:nth-child(2){display:grid;gap:.25rem;min-width:0}
.ingles-course .en-unit-card{max-width:680px;min-height:160px;margin:1.2rem 0}
.ingles-course .en-unit-number,.ingles-course .en-card-icon{display:grid;place-items:center;width:3.1rem;height:3.1rem;flex:none;border-radius:16px;background:#eae2fb;color:var(--en-main-dark);font-size:1.45rem;font-weight:900}
.ingles-course .en-unit-card small,.ingles-course .en-block-card small,.ingles-course .en-final-card small{color:var(--en-main);font-size:.72rem;font-weight:850;letter-spacing:.03em}
.ingles-course .en-unit-card strong,.ingles-course .en-block-card strong,.ingles-course .en-final-card strong{font-size:1.13rem}
.ingles-course .en-unit-card em,.ingles-course .en-block-card em,.ingles-course .en-final-card em{font-style:normal;font-size:.91rem;color:var(--en-muted)}
.ingles-course .en-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 1.8rem}
.ingles-course .en-summary article{display:grid;gap:.2rem;background:#fff;border:1px solid var(--en-line);border-radius:22px;padding:1.1rem 1.2rem;box-shadow:0 8px 22px rgba(54,40,106,.05)}
.ingles-course .en-summary article>span{font-size:.76rem;font-weight:850;text-transform:uppercase;color:var(--en-muted)}
.ingles-course .en-summary strong{font-size:1.65rem;color:var(--en-main-dark)}
.ingles-course .en-summary small{color:var(--en-muted)}
.ingles-course .en-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ingles-course .en-final-card{margin-top:1rem;background:linear-gradient(135deg,#f8fbff,#fff7e7)}
.ingles-course .en-final-card.is-ready{border-color:#d6b862}
.ingles-course .en-progress{display:block;height:8px;background:#e8e2f4;border-radius:10px;overflow:hidden;margin-top:.35rem}
.ingles-course .en-progress b{display:block;width:var(--p);height:100%;background:var(--en-main);border-radius:inherit}
.ingles-course .en-section-head{padding:1rem 0 .1rem}
.ingles-course .en-theory,.ingles-course .en-reading,.ingles-course .en-vocab{background:#fff;border:1px solid var(--en-line);border-radius:23px;padding:1.25rem 1.5rem;margin:1rem 0;box-shadow:0 8px 22px rgba(54,40,106,.05)}
.ingles-course .en-theory h2,.ingles-course .en-vocab h2{margin:.1rem 0 .7rem;font-size:1.3rem}
.ingles-course .en-theory p,.ingles-course .en-reading p{line-height:1.65;margin:.6rem 0}
.ingles-course .en-vocab>p{color:var(--en-muted);margin:.3rem 0 1rem}
.ingles-course .en-vocab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.ingles-course .en-vocab-card{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:var(--en-soft);border:1px solid #e7e0f3;border-radius:16px;padding:.8rem 1rem;min-width:0}
.ingles-course .en-vocab-card>span{display:grid;gap:.15rem;min-width:0}
.ingles-course .en-vocab-card strong{color:var(--en-main-dark);font-size:1.08rem;overflow-wrap:anywhere}
.ingles-course .en-vocab-card small{color:var(--en-muted);line-height:1.4}
.ingles-course .en-audio{display:inline-flex;align-items:center;gap:.35rem;flex:none;background:#fff;border:1px solid #b8abdf;border-radius:999px;padding:.5rem .7rem;color:var(--en-main-dark);font-weight:800;cursor:pointer}
.ingles-course .en-audio:hover{background:#eae2fb}
.ingles-course .en-audio-status{font-size:.86rem;color:var(--en-muted);min-height:1.2em;margin:.6rem 0 0}
.ingles-course .en-reading summary{cursor:pointer;font-weight:850;color:var(--en-main-dark)}
.ingles-course .en-reading[open] summary{margin-bottom:.7rem}
.ingles-course .en-reading-body{max-width:75ch}
.ingles-course .en-reading-body h3{color:var(--en-main-dark);margin:.15rem 0 .7rem}
.ingles-course .en-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;margin-top:1.2rem}
.ingles-course .en-activity-grid>a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .75rem;background:var(--en-soft);border:2px solid #dcd1f1;border-radius:19px;padding:1rem;color:inherit;text-decoration:none}
.ingles-course .en-activity-grid>a:hover{border-color:#a895dc}
.ingles-course .en-activity-grid>a>span{grid-row:1/4;color:var(--en-main)}
.ingles-course .en-activity-grid>a strong{font-size:1.02rem}
.ingles-course .en-activity-grid>a small{color:var(--en-muted);line-height:1.4}
.ingles-course .en-activity-status{font-size:.74rem;color:var(--en-main);margin-top:.3rem}
.ingles-course .en-question-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;margin:1rem 0}
.ingles-course .en-question-head>span{font-weight:850;color:var(--en-main-dark)}
.ingles-course .en-question-card{background:#fff;border:1px solid var(--en-line);border-radius:26px;padding:clamp(1rem,3vw,2rem);box-shadow:0 12px 32px rgba(54,40,106,.08)}
.ingles-course .en-question-card h1{font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.25;margin:.4rem 0 1.35rem}
.ingles-course .en-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.ingles-course .en-option{display:flex;align-items:center;text-align:left;gap:.6rem;border:2px solid #e1d8f4;background:#faf8ff;border-radius:15px;padding:.85rem 1rem;min-height:56px;color:var(--en-ink);font:inherit;font-weight:800;cursor:pointer}
.ingles-course .en-option>span{display:grid;place-items:center;width:1.8rem;height:1.8rem;flex:none;border-radius:50%;background:#eee8fb}
.ingles-course .en-option.is-selected{border-color:var(--en-main);background:#eee8ff}
.ingles-course .en-option.is-correct,.ingles-course .en-chip.is-correct{border-color:#63ad88;background:#e9f8f0;color:var(--en-good)}
.ingles-course .en-option.is-wrong,.ingles-course .en-chip.is-wrong{border-color:#d18a85;background:#fff0ed;color:var(--en-bad)}
.ingles-course .en-answer-label{display:grid;gap:.5rem;font-weight:800;max-width:520px}
.ingles-course .en-answer-label input{font:inherit;color:var(--en-ink);width:100%;border:2px solid #d6caef;border-radius:14px;padding:.8rem 1rem}
.ingles-course .en-answer-label input.is-correct{border-color:#63ad88;background:#e9f8f0}
.ingles-course .en-answer-label input.is-wrong{border-color:#d18a85;background:#fff0ed}
.ingles-course .en-feedback{margin-top:1rem;line-height:1.5;border-radius:15px}
.ingles-course .en-feedback:not(:empty){padding:1rem}
.ingles-course .en-feedback.is-correct{background:#e9f8f0;color:var(--en-good)}
.ingles-course .en-feedback.is-wrong{background:#fff0ed;color:var(--en-bad)}
.ingles-course .en-sort .en-section-head p{max-width:none}
.ingles-course .en-sacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ingles-course .en-sack-zone{display:flex;align-items:center;flex-direction:column;gap:.65rem;min-height:265px;background:#faf8ff;border:2px solid #e2d9f1;border-radius:22px;padding:1rem}
.ingles-course .en-sack{display:grid;justify-items:center;width:min(220px,100%);background:transparent;border:0;padding:0;color:#4a321d;cursor:pointer}
.ingles-course .en-sack-neck{width:48%;height:22px;margin-bottom:-5px;background:#9b6238;border:3px solid #704322;border-radius:50% 50% 30% 30%;z-index:1}
.ingles-course .en-sack-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:145px;background:linear-gradient(140deg,#f4d7a7,#dbac6d 65%,#b88348);border:4px solid #8d6134;clip-path:polygon(23% 0,77% 0,94% 19%,100% 79%,91% 100%,9% 100%,0 79%,6% 19%);padding:1.5rem .7rem .6rem;text-align:center}
.ingles-course .en-sack-body small{font-size:.7rem;font-weight:850;letter-spacing:.15em}
.ingles-course .en-sack-body strong{font-size:clamp(1rem,3vw,1.5rem);line-height:1.1;overflow-wrap:anywhere}
.ingles-course .en-sack-zone:nth-child(2) .en-sack-neck{background:#4b8792;border-color:#2e6370}
.ingles-course .en-sack-zone:nth-child(2) .en-sack-body{background:linear-gradient(140deg,#d6efef,#9dced0 65%,#69aeb7);border-color:#43828a;color:#183f48}
.ingles-course .en-sack-contents,.ingles-course .en-word-bank>div{display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%}
.ingles-course .en-sack-contents{min-height:42px}
.ingles-course .en-word-bank{background:var(--en-soft);border-radius:22px;padding:1rem;margin:1rem 0}
.ingles-course .en-word-bank h2{font-size:1rem;margin:.1rem 0 .8rem}
.ingles-course .en-chip{font:inherit;font-weight:850;color:var(--en-ink);background:#fff;border:2px solid #d6caef;border-radius:999px;padding:.55rem .85rem;cursor:grab}
.ingles-course .en-chip.is-selected{border-color:var(--en-main);outline:3px solid #d0c1ee}
.ingles-course .en-result article{max-width:650px;margin:2rem auto;text-align:center;background:#fff;border:1px solid var(--en-line);border-radius:26px;padding:2rem;box-shadow:0 12px 32px rgba(54,40,106,.07)}
.ingles-course .en-result article>strong{display:block;color:var(--en-main-dark);font-size:3.5rem}
.ingles-course .en-result-star{font-size:2.4rem}
.ingles-course .en-result article h1{font-size:clamp(1.6rem,4vw,2.5rem);margin:.5rem 0}
.ingles-course .en-result article p{color:var(--en-muted)}
.ingles-course .en-result .form-actions{justify-content:center}
.ingles-course button:focus-visible,.ingles-course a:focus-visible,.ingles-course input:focus-visible,.ingles-course summary:focus-visible{outline:3px solid #5c47a3;outline-offset:3px}
@media(max-width:760px){.ingles-course .en-summary,.ingles-course .en-block-grid{grid-template-columns:1fr}.ingles-course .en-vocab-grid,.ingles-course .en-options{grid-template-columns:1fr}.ingles-course .en-sacks{gap:.5rem}.ingles-course .en-sack-zone{min-height:190px;padding:.6rem}.ingles-course .en-sack-body{min-height:120px;border-width:3px}.ingles-course .en-sack-neck{height:18px}.ingles-course .en-question-head{grid-template-columns:1fr}.ingles-course .en-hero{padding-top:1rem}}
@media(max-width:520px){.ingles-course .en-unit-card,.ingles-course .en-block-card,.ingles-course .en-final-card{gap:.7rem;padding:1rem}.ingles-course .en-unit-number,.ingles-course .en-card-icon{width:2.6rem;height:2.6rem}.ingles-course .en-theory,.ingles-course .en-reading,.ingles-course .en-vocab{padding:1rem}.ingles-course .en-vocab-card{align-items:flex-start}.ingles-course .en-audio span{display:none}}

.ingles-course .en-hero{background:linear-gradient(120deg,#f5f1ff,#eef8f2);border:1px solid var(--en-line);border-radius:28px;padding:1.6rem 1.8rem;margin:.5rem 0 1.2rem}
.ingles-course .en-final-card{background:linear-gradient(135deg,#f3f0ff,#ebf8ee)}
.ingles-course .en-sack-zone:nth-child(2) .en-sack-neck{background:#4b9069;border-color:#2b6a48}
.ingles-course .en-sack-zone:nth-child(2) .en-sack-body{background:linear-gradient(140deg,#d8f2df,#9ed5b0 65%,#67b17f);border-color:#4a8c61;color:#234b31}
.ingles-course .en-chart{margin:1.4rem 0 0;padding:1.2rem;border:1px solid var(--en-line);border-radius:18px;background:#fff}
.ingles-course .en-chart ul{padding:0;list-style:none;display:grid;gap:.9rem}
.ingles-course .en-chart li{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(80px,2fr) 3rem;gap:.75rem;align-items:center}
.ingles-course .en-chart-track{height:1.25rem;border-radius:6px;background:#eee8f6;overflow:hidden}
.ingles-course .en-chart-track i{display:block;height:100%;width:var(--p);background:#7053ac;border-radius:6px}
.ingles-course .en-chart b{text-align:right;color:var(--en-main-dark)}
.ingles-course .en-chart p{font-size:.88rem;color:var(--en-muted);margin-bottom:0}
@media(max-width:520px){.ingles-course .en-chart li{grid-template-columns:1fr 3rem;gap:.3rem}.ingles-course .en-chart li>span{grid-column:1/-1}}
.ingles-course .en-receivers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ingles-course .en-receiver-zone{display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:220px;padding:1.2rem;border:2px dashed #bcaedb;border-radius:20px;background:#f8f5ff}
.ingles-course .en-receiver-zone:nth-child(2){border-color:#9cc8ae;background:#f2faf4}
.ingles-course .en-receiver{width:100%;min-height:94px;border:0;border-radius:14px;padding:1rem;background:#e8dff6;color:#4c3477;font:inherit;cursor:pointer}
.ingles-course .en-receiver-zone:nth-child(2) .en-receiver{background:#d9efdf;color:#285840}
.ingles-course .en-receiver strong{font-size:clamp(1.2rem,3vw,1.6rem);overflow-wrap:anywhere}
.ingles-course .en-receiver:hover{filter:brightness(.97)}
.ingles-course .en-receiver-contents{display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%;min-height:60px}
@media(max-width:520px){.ingles-course .en-receivers{gap:.55rem}.ingles-course .en-receiver-zone{min-height:190px;padding:.65rem}.ingles-course .en-receiver{min-height:85px;padding:.6rem}}

.en-language-switch{display:flex;justify-content:flex-end;gap:.3rem;max-width:1100px;margin:0 auto;padding:.6rem 1rem}
.en-language-switch button{border:1px solid #b5c8d6;border-radius:999px;background:#fff;color:#234354;padding:.55rem .9rem;cursor:pointer;font:inherit;font-size:.85rem}
.en-language-switch button[aria-pressed="true"]{background:#234354;color:white;border-color:#234354}
.en-language-switch button:focus-visible{outline:3px solid #f2ba4e;outline-offset:3px}