.teens-page{max-width:1280px;margin:0 auto;color:#252331}.teens-header{margin-bottom:24px}.teens-header>.button{margin-bottom:18px}.teens-kicker{font-size:12px;letter-spacing:.045em;font-weight:800;color:#46318a}.teens-header h1{font-size:clamp(28px,3vw,42px);line-height:1.13;margin:10px 0}.teens-header>p:last-child{max-width:760px;font-size:16px;line-height:1.6}.teens-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.teens-facts span{background:#fff;border:1px solid #dfd6fb;border-radius:16px;padding:16px}.teens-facts strong{font-size:23px;display:block}.teens-note{font-size:13px;line-height:1.65;color:#544d68;background:#f3f0fa;padding:14px;border-radius:12px}.teens-search{margin:24px 0}.teens-search label{display:block;font-weight:700;margin-bottom:8px}.teens-search>div{display:flex;gap:10px}.teens-search input{flex:1;min-width:0;border:1px solid #dcd4f5;background:white;border-radius:12px;padding:12px;font:inherit}.teens-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.teens-module{display:flex;flex-direction:column;color:inherit;text-decoration:none;background:#fff;border:1px solid #ded6fb;border-top:6px solid #9af17a;border-radius:22px;padding:23px;min-height:220px}.teens-module h2{font-size:23px;line-height:1.2;margin:12px 0}.teens-module p{line-height:1.55;font-size:14px;color:#554e69;flex:1}.teens-open{font-weight:800;color:#342080;margin-top:14px}.teens-module:hover{border-color:#7857df;box-shadow:0 8px 24px #39236612}.teens-lessons{display:grid;gap:12px;margin-bottom:30px}.teens-lesson{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #ded6fb;border-radius:18px;padding:20px}.teens-lesson h3{font-size:19px;margin:7px 0}.teens-lesson p{margin:0;color:#605775;font-size:13px}.teens-lesson .button{flex-shrink:0}.teens-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px}.teens-teach{min-width:0}.teens-teach>h2{margin-top:0}.teens-viewer{background:#182c35;border-radius:16px;overflow:hidden;color:white}.teens-slide{position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.teens-slide img{width:100%;height:100%;object-fit:contain}.teens-slide p{padding:20px;text-align:center}.teens-viewer-controls{padding:12px;display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap}.teens-viewer-controls select{padding:7px;border-radius:8px;font:inherit}.teens-viewer-controls label{font-size:12px}.teens-viewer-controls .button{padding:9px 12px;min-height:38px;box-shadow:none}.teens-slide-stage{font-size:12px;text-align:center;margin:0;padding:4px 14px 14px;color:#e4ece9}.teens-viewer:fullscreen{display:flex;flex-direction:column;border-radius:0;width:100%;height:100%;background:#182c35}.teens-viewer:fullscreen .teens-slide{flex:1;min-height:0;aspect-ratio:auto}.teens-file-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.teens-file-actions .button{font-size:12px;box-shadow:none;padding:10px 14px}.teens-homework{background:#fff;border:1px solid #d9e6d1;border-top:6px solid #9af17a;border-radius:18px;padding:22px}.teens-homework h2{font-size:23px;margin:12px 0}.teens-homework p,.teens-homework li{font-size:14px;line-height:1.6}.teens-homework ol{padding-left:20px}.teens-homework>.button{display:flex;margin:14px 0;width:100%;justify-content:center}.teens-resources{padding:16px;background:#fff;border:1px solid #ddd4ee;border-radius:14px}.teens-resources summary{font-weight:700;cursor:pointer}.teens-resources article{padding-top:14px}.teens-resources p{font-size:13px;line-height:1.6}.teens-bottom{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-top:24px}.teens-page :focus-visible{outline:3px solid #6743d6;outline-offset:4px}.teens-page [hidden]{display:none!important}@media(max-width:1100px){.teens-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.teens-workspace{grid-template-columns:minmax(0,1fr)}.teens-homework{max-width:none}}@media(max-width:600px){.teens-modules{grid-template-columns:1fr}.teens-facts{grid-template-columns:repeat(2,1fr)}.teens-lesson{align-items:stretch;flex-direction:column}.teens-lesson .button{align-self:flex-start}.teens-bottom{flex-direction:column}.teens-module{min-height:0}}
/* Self-contained web presentations. Student content and teacher notes are separate surfaces. */
.teens-workspace{grid-template-columns:minmax(0,1fr)}.teens-homework{margin-top:18px;padding:18px}.teens-homework>summary{font-weight:800;cursor:pointer}.teens-teacher-notes{background:#fff;border:1px solid #d8d4e5;border-radius:14px;padding:18px;margin-top:16px}.teens-teacher-notes>summary{font-weight:800;cursor:pointer}.teens-teacher-notes p{line-height:1.65;max-width:900px}.teens-teacher-notes .ts-script{background:#f7f3e9;border-left:4px solid #bc4b2d;padding:18px;font-size:20px;color:#182c35}.teens-inline-status{font-size:13px;color:#5c5269}.teens-slide{display:block;aspect-ratio:auto;background:#f7f3e9;color:#182c35;container-type:inline-size}.teens-slide p{padding:0;text-align:left}.ts-canvas{box-sizing:border-box;width:100%;padding:clamp(20px,4cqw,56px);font-family:Arial,sans-serif;line-height:1.35;color:#182c35;background:#f7f3e9;min-height:560px}.ts-canvas *{box-sizing:border-box}.ts-canvas h2{font-size:clamp(24px,3.3cqw,40px);line-height:1.12;margin:8px 0}.ts-canvas h3{font-size:clamp(16px,1.65cqw,21px);margin:0 0 14px}.ts-eyebrow{font-size:12px;letter-spacing:.045em;text-transform:uppercase;color:#4d615e;margin:0}.ts-title-pl{font-size:clamp(16px,1.9cqw,24px);color:#526a65;margin:8px 0 0}.ts-instruction{margin:18px 0 22px;border-bottom:1px solid #d4d9d1;padding-bottom:14px}.ts-bi p{font-size:clamp(17px,1.9cqw,24px);margin:0 0 5px;white-space:normal;overflow-wrap:anywhere}.ts-bi .ts-pl{font-size:clamp(15px,1.55cqw,20px);color:#4c635f;line-height:1.4;font-weight:400}.ts-instruction .ts-bi p{font-size:clamp(16px,1.7cqw,21px)}.ts-instruction .ts-bi .ts-pl{font-size:clamp(14px,1.5cqw,18px)}.ts-content{margin:24px 0;min-height:220px}.ts-canvas footer{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #d4d9d1;padding-top:12px;font-size:12px;color:#52665f}.ts-cover{padding:20px 0}.ts-cover>.ts-bi>p:first-child{font-size:clamp(25px,3cqw,38px);font-weight:700;max-width:950px}.ts-cover .ts-example{margin-top:40px;max-width:700px}.ts-example{background:#e0e8df;padding:22px;border-left:4px solid #65806c}.ts-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}.ts-dialogue{border-left:4px solid #bc4b2d;padding-left:20px}.ts-dialogue p{font-size:clamp(19px,2.25cqw,28px);margin:0 0 16px;display:flex;gap:12px;align-items:baseline}.ts-dialogue p>span{font-size:12px;color:#a24429;min-width:15px}.ts-chunks{display:grid;gap:20px}.ts-chunks>.ts-bi{border-bottom:1px solid #d4d9d1;padding-bottom:14px}.ts-chunks>.ts-bi>p:first-child{font-weight:700}.ts-task-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;margin:0 0 20px}.ts-number{display:inline-flex;justify-content:center;align-items:center;background:#bb4f30;color:white;width:28px;height:28px;font-size:17px;font-weight:700;flex-shrink:0}.ts-letter{color:#a54428;font-size:19px}.ts-answer{display:block;font-size:15px;color:#455b57;margin-top:12px}.ts-answer textarea,.ts-grid input{display:block;font-family:inherit;font-size:clamp(17px,1.9cqw,24px);width:100%;border:1px solid #b5c3ba;border-radius:5px;background:#fff;color:#182c35;padding:12px;resize:vertical;min-height:48px;margin-top:6px}.ts-answer textarea::placeholder{font-size:14px;color:#65716a}.ts-answer>span{font-weight:700}.ts-correct{font-size:clamp(20px,2.3cqw,29px);color:#225b42;font-weight:700;margin:7px 0}.ts-matching{display:grid;grid-template-columns:1fr 1fr;gap:26px}.ts-match-row{display:flex;align-items:center;gap:14px;min-height:90px;border-bottom:1px solid #d3d9d0;padding:12px 0;font-size:clamp(17px,2cqw,25px)}.ts-match-row .ts-bi{flex:1}.ts-match-row select{margin-left:auto;min-width:52px;min-height:46px;font:inherit;background:white;color:#182c35;border:1px solid #adbeb0;border-radius:5px}.ts-match-key{margin-left:auto;color:#286341}.ts-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.ts-option,.ts-choice{font-family:inherit;border:1px solid #b6c2b9;background:white;color:#182c35;font-size:clamp(17px,1.9cqw,24px);text-align:left;padding:16px;cursor:pointer;border-radius:5px}.ts-option[aria-pressed=true],.ts-choice[aria-pressed=true]{background:#d6e5d1;border:3px solid #477344;padding:14px}.ts-option:disabled{cursor:default;opacity:1}.ts-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.ts-reading{padding:20px;background:#fff;border-left:4px solid #65806c}.ts-reading>p{font-size:clamp(18px,2cqw,25px);line-height:1.5;margin:0;white-space:pre-line}.ts-help{margin-top:16px;padding:12px;background:#ebeee5;border:1px solid #c7d3c7;border-radius:6px;font-size:16px}.ts-help summary{cursor:pointer;color:#254e3b;font-weight:700}.ts-help summary span{font-size:14px;font-weight:400}.ts-help[open]>summary{margin-bottom:14px}.ts-help .ts-bi{margin-top:8px}.ts-recall{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ts-recall>div{padding:15px 0}.ts-recall .ts-bi .ts-pl{font-size:clamp(20px,2.5cqw,30px);font-weight:700}.ts-tokens{list-style:none;margin:20px 0;padding:0;display:flex;gap:14px;flex-wrap:wrap}.ts-tokens li{display:flex;gap:14px;background:#fff;border-bottom:3px solid #c0ccb9;padding:18px;font-size:clamp(18px,2.1cqw,27px)}.ts-tokens b{color:#a54428;font-size:16px}.ts-table{border-collapse:collapse;width:100%;background:#fff;margin-bottom:16px}.ts-table td,.ts-table th{border:1px solid #bdcabc;padding:12px;text-align:left}.ts-table th{background:#e0e8df}.ts-table .ts-bi p{font-size:clamp(15px,1.7cqw,21px)}.ts-table .ts-bi .ts-pl{font-size:clamp(13px,1.4cqw,16px)}.ts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:660px;gap:8px;margin:20px auto}.ts-grid label{background:#e0e8df;padding:8px;font-size:12px;color:#4a6254;min-width:0}.ts-grid input{min-width:0;padding:8px;font-size:18px}.ts-scenario{display:grid;gap:22px}.ts-scenario>.ts-bi{border-left:4px solid #bc4b2d;padding-left:20px}.ts-canvas :focus-visible{outline:3px solid #6743d6;outline-offset:3px}.teens-viewer:fullscreen{overflow:auto}.teens-viewer:fullscreen .teens-slide{flex:1 0 auto;overflow:visible}.teens-projector{margin:0;background:#182c35;font-family:Arial,sans-serif}.teens-projector main{max-width:1440px;margin:auto;container-type:inline-size}.teens-projector nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:12px}.teens-projector nav button{padding:12px;border:0;border-radius:6px;background:#e3eddd;color:#182c35;font-weight:700;cursor:pointer}.teens-projector>p{color:#fff;text-align:center}.teens-projector main>p{color:white;padding:30px;font-size:20px}@media(max-width:700px){.ts-split,.ts-matching,.ts-recall{grid-template-columns:1fr;gap:18px}.ts-canvas{padding:22px 18px;min-height:0}.ts-options,.ts-choices{grid-template-columns:1fr}.ts-table td,.ts-table th{padding:8px}.ts-task-row{gap:10px}.ts-match-row{min-height:65px}.ts-scenario>.ts-bi{padding-left:12px}.ts-grid input{font-size:14px}.ts-canvas footer{font-size:11px}}
/* Interactive activities: large targets, readable Polish, identical teacher/projector behavior. */
.ts-hero{margin:0 0 28px;border-radius:14px;overflow:hidden;background:#e3e9dc}.ts-hero img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}.ts-hero figcaption{padding:12px 18px;font-size:15px;color:#3d5548}.ts-object-hero{float:right;width:34%;margin:0 0 20px 30px}.ts-object-hero img{aspect-ratio:1;object-fit:contain}.ts-cover:after{content:'';display:block;clear:both}.ts-table-object{width:64px!important;height:64px!important;object-fit:contain!important;float:left;margin-right:10px;border-radius:8px}.ti-exercise{margin:18px 0;color:#182c35}.ti-exercise button,.ti-exercise textarea{font:inherit;color:inherit}.ti-es{display:block;font-size:clamp(17px,1.75cqw,23px);line-height:1.35;overflow-wrap:anywhere}.ti-pl{display:block;font-size:clamp(14px,1.4cqw,18px);line-height:1.45;color:#4c635f;font-weight:400;margin-top:4px;overflow-wrap:anywhere}.ti-instruction{padding:14px 18px!important;background:#e6ebdf;border-radius:8px;margin:0 0 20px}.ti-fields{display:grid;gap:16px}.ti-field{background:#fffdf7;border:1px solid #d0d7c9;border-radius:12px;padding:20px;position:relative;min-width:0}.ti-prompt{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.ti-prompt>.ts-number{margin-top:2px}.ti-prompt>div{flex:1}.ti-response{position:relative}.ti-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ti-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:56px;border:2px solid #bcc9ba;border-radius:10px;background:#fff;padding:14px 18px;text-align:left;cursor:pointer;box-shadow:0 3px 0 #dde3d6;min-width:0}.ti-tile:hover,.ti-slot:hover{border-color:#648263;background:#f1f6eb}.ti-tile[aria-pressed=true]{background:#dcebd4;border-color:#426b3d;box-shadow:0 3px 0 #839f79}.ti-tile[aria-pressed=true]:before{content:'●';font-size:14px;color:#315a2d}.ti-tile[draggable=true]{cursor:grab}.ti-tile:active{cursor:grabbing}.ti-bank{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding:14px;background:#eeeade;border-radius:12px;min-height:40px}.ti-bank>.ti-tile{flex:1 1 130px;max-width:100%}.ti-slot{display:block;width:100%;min-height:62px;border:2px dashed #91a28c;background:#f4f6ed;border-radius:9px;padding:14px 36px 14px 16px;text-align:left;cursor:pointer}.ti-clear{position:absolute;right:7px;top:9px;width:38px;height:38px;border:0;border-radius:50%;background:#e2e8dc;cursor:pointer;font-size:23px!important}.ti-sequence{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.ti-sequence li{display:flex;align-items:center;gap:8px;flex:1 1 150px;min-width:0}.ti-position{font-size:14px;font-weight:700;color:#8b442d}.ti-sequence .ti-slot{padding-right:14px}.ti-chat{display:grid;gap:10px;max-width:850px;margin-left:auto;margin-right:auto}.ti-chat li{width:90%}.ti-chat li:nth-child(even){margin-left:10%}.ti-chat li:nth-child(odd) .ti-slot{background:#e4ecdd;border-radius:12px 12px 12px 2px}.ti-chat li:nth-child(even) .ti-slot{background:#edf0f2;border-radius:12px 12px 2px 12px}.ti-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid #ced5c7}.ti-actions button{border:1px solid #aebfac;border-radius:8px;background:#fff;padding:11px 15px;cursor:pointer;min-height:54px}.ti-actions button:first-child{background:#244c3e;color:#fff;border-color:#244c3e}.ti-actions button:first-child .ti-pl{color:#d7e6d9}.ti-actions .ti-es{font-size:16px;font-weight:700}.ti-actions .ti-pl{font-size:13px}.ti-actions button:last-child{margin-left:auto}.ti-hint,.ti-model{padding:16px;background:#e7eddf;border-left:4px solid #6a865d;margin:16px 0}.ti-model p{font-size:21px;font-weight:700}.ti-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;margin-top:12px}.ti-feedback .ti-es,.ti-feedback .ti-pl{font-size:14px}.ti-field[data-grade=correct],.ti-sequence li[data-grade=correct] .ti-slot{border:2px solid #57825a;background:#f0f7ea}.ti-field[data-grade=retry],.ti-sequence li[data-grade=retry] .ti-slot{border:2px solid #ba7148;background:#fff7e9}.ti-mark{font-size:22px;color:#477248}.ti-status{min-height:24px;margin-top:16px}.ti-status:empty{margin:0;min-height:0}.ti-exercise textarea{display:block;width:100%;min-height:72px;border:1px solid #acbda8;border-radius:8px;background:#fff;padding:12px;font-size:21px;resize:vertical}.ti-exercise textarea::placeholder{font-size:15px;color:#65725f}.ti-object{width:80px!important;height:80px!important;object-fit:contain!important;border-radius:8px;align-self:center;margin:auto}.ti-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ti-map .ti-field{padding:10px}.ti-map .ts-number{display:none}.ti-map .ti-prompt .ti-es,.ti-map .ti-prompt .ti-pl{font-size:12px}.ti-map .ti-slot{min-height:100px;text-align:center;padding:10px}.ti-map .ti-slot .ti-es{font-size:16px}.ti-map .ti-slot .ti-pl{font-size:13px}.ti-map .ti-feedback .ti-es,.ti-map .ti-feedback .ti-pl{font-size:12px}.ti-scene{width:160px!important;height:140px!important;object-fit:cover!important;border-radius:10px;flex-shrink:0}.ti-arrival{object-position:left!important;clip-path:inset(0);width:170px!important;object-fit:none!important;object-position:0 0!important;background:#ddd}.ti-prompt:has(.ti-scene){align-items:center}.ti-prompt .ti-scene{object-fit:cover!important;object-position:left!important}.ti-prompt .ti-departure{object-position:right!important}.ti-exercise :focus-visible{outline:3px solid #6743d6;outline-offset:3px}.ti-exercise [hidden]{display:none!important}@media(max-width:700px){.ts-object-hero{float:none;width:100%;max-width:280px;margin:0 auto 22px}.ts-hero img{max-height:260px}.ti-options{grid-template-columns:1fr}.ti-field{padding:14px}.ti-actions button:last-child{margin-left:0}.ti-prompt{flex-wrap:wrap}.ti-scene{width:100%!important;height:160px!important;object-fit:cover!important}.ti-map .ti-field{padding:7px}.ti-map .ti-slot{min-height:82px;padding:8px 3px}.ti-map .ti-slot .ti-es{font-size:13px}.ti-map .ti-object{width:48px!important;height:48px!important}.ti-bank{padding:10px}.ti-bank>.ti-tile{flex-basis:110px;padding:10px}.ti-chat li{width:95%}.ti-chat li:nth-child(even){margin-left:5%}.ti-sequence li{flex-basis:100px}.ts-table-object{width:40px!important;height:40px!important}.ti-feedback .ti-pl{margin:0}}@media(prefers-reduced-motion:no-preference){.ti-tile,.ti-slot{transition:background .12s,border-color .12s}}
.ti-scene-frame{display:block;position:relative;flex:0 0 120px;width:120px;height:160px;overflow:hidden;border-radius:10px}.ti-scene-frame img{position:absolute;top:0;left:0;width:240px!important;max-width:none!important;height:160px!important;object-fit:fill!important}.ti-scene-frame.ti-departure img{left:-120px}.ti-scene-frame.ti-arrival{width:120px!important;object-fit:initial!important;background:transparent}.ti-prompt:has(.ti-scene-frame){align-items:center}@media(min-width:900px){[data-ti-id="practice-select"]:has(.ti-scene-frame) .ti-fields{grid-template-columns:repeat(3,minmax(0,1fr))}[data-ti-id="practice-select"]:has(.ti-scene-frame) .ti-prompt{flex-wrap:wrap}[data-ti-id="practice-select"]:has(.ti-scene-frame) .ti-scene-frame{flex-basis:100%;height:220px;width:100%}[data-ti-id="practice-select"]:has(.ti-scene-frame) .ti-scene-frame img{width:200%!important;height:100%!important;object-fit:cover!important}[data-ti-id="practice-select"]:has(.ti-scene-frame) .ti-departure img{left:-100%}[data-ti-id="practice-select"]:has(.ti-scene-frame) .ti-options{grid-template-columns:1fr}[data-ti-id="practice-select"]:has(.ti-scene-frame) .ti-field:nth-child(2) .ti-prompt:before{content:'¿Qué tal?';display:grid;place-items:center;width:100%;height:220px;background:#e0e9d9;border-radius:60% 60% 60% 8px;font-size:34px;color:#335543;font-weight:700}}
@media(min-width:850px){[data-ti-id="chunks"] .ti-fields,[data-ti-id="practice-match"] .ti-fields{grid-template-columns:1fr 1fr}[data-ti-id="practice-select"] .ti-fields,[data-ti-id="listening"]:has(.ti-options) .ti-fields{grid-template-columns:repeat(3,minmax(0,1fr))}[data-ti-id="practice-select"] .ti-options,[data-ti-id="listening"] .ti-options{grid-template-columns:1fr}.ti-prompt .ti-es{font-size:20px}.ti-prompt .ti-pl{font-size:16px}}
.teens-projector nav{position:sticky;bottom:0;background:#182c35;z-index:2}.teens-viewer-controls{position:sticky;bottom:0;background:#182c35;z-index:2}
.ti-order-layout h4{margin:14px 0 8px;color:#4c635f;font-size:14px;font-weight:700}.ti-order-layout .ti-bank{margin-top:0}.ti-order-layout .ti-sequence{margin-top:0}@media(min-width:850px){.ti-order-conversation{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.ti-order-conversation .ti-bank{display:grid;gap:10px}.ti-order-conversation .ti-bank .ti-tile{width:100%;min-height:74px}.ti-order-conversation .ti-chat .ti-slot{min-height:74px}.ti-order-conversation .ti-es{font-size:19px}.ti-order-conversation .ti-pl{font-size:15px}}
.ts-hero img,.ti-scene-frame img{object-position:center top!important}
.ti-object{pointer-events:none;user-select:none}
.tp-sheet{container-type:inline-size}.tp-sheet h1{font-size:clamp(25px,3vw,38px)}.tp-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.tp-intro img{width:100%;max-height:260px;object-fit:cover;object-position:top;border-radius:14px}.tp-block{border-top:2px solid #d9dfd0;margin-top:28px;padding-top:20px}.tp-context{white-space:normal;margin:16px 0}.tp-delivery{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f5f7ef;padding:18px;border:1px solid #cad4c1;border-radius:12px;margin:14px 0}.tp-review-form{padding:22px;background:#fff;border:1px solid #cad4c1}.tp-review-form textarea{display:block;width:100%;font:inherit;padding:12px}.tp-review-form button{margin:8px;padding:10px;font:inherit}.tp-sheet button:disabled{cursor:default;opacity:.8}@media(max-width:700px){.tp-intro{grid-template-columns:1fr}.tp-delivery{align-items:stretch;flex-direction:column}}
/* Curated vocabulary images: text stays editable and the full scene stays visible. */
.tv-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.tv-card{min-width:0;overflow:hidden;border:1px solid #d7ddcf;border-radius:14px;background:#fffdf7}.tv-picture{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:10px;background:#eee9dc}.tv-picture img{display:block!important;position:static!important;width:100%!important;height:auto!important;max-width:100%;aspect-ratio:1;object-fit:contain!important}.tv-detail{position:absolute;bottom:10px;left:10px;right:10px;width:fit-content;max-width:calc(100% - 20px);padding:8px 12px;background:#fffdf5;color:#273b35;border:1px solid #d0d5c7;border-radius:9px;font-size:clamp(18px,2cqw,26px);font-weight:800;overflow-wrap:anywhere}.tv-copy{padding:16px}.tv-copy p{font-size:clamp(17px,1.8cqw,23px);line-height:1.35;margin:6px 0!important;overflow-wrap:anywhere}.tv-copy p[lang=pl]{font-size:clamp(15px,1.5cqw,19px);color:#53665e}.tv-number{display:inline-grid;place-items:center;min-width:26px;min-height:26px;border-radius:50%;background:#e4ebd9;color:#395540;font-size:14px;font-weight:700}.tv-copy .ts-help{margin-top:12px}.tv-copy summary{font-size:15px}.ti-prompt:has(>.tv-picture){display:grid;grid-template-columns:auto minmax(0,1fr)}.ti-prompt>.tv-picture{grid-column:1/-1;width:100%;margin-bottom:10px}.ti-prompt>.tv-picture img{max-height:280px}.tv-mission{float:right;width:35%;max-width:360px;margin:0 0 20px 28px}.tp-intro:has(.tv-cards){grid-template-columns:1fr}.tp-intro .tv-card img{width:100%!important;max-width:none!important}.tp-sheet .tv-copy p{font-size:18px}.tp-sheet .tv-copy p[lang=pl]{font-size:16px}
@media(min-width:1100px){[data-ti-id="chunks"]:has(.tv-picture) .ti-fields{grid-template-columns:repeat(4,minmax(0,1fr))}[data-ti-id="chunks"]:has(.tv-picture) .ti-field{padding:12px}[data-ti-id="chunks"]:has(.tv-picture) .ti-prompt .ti-es{font-size:18px}[data-ti-id="chunks"]:has(.tv-picture) .ti-pl{font-size:15px}}
@media(max-width:900px){.tv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-mission{float:none;width:100%;max-width:340px;margin:0 auto 22px}}
@media(max-width:520px){.tv-cards{grid-template-columns:1fr;gap:18px}.tv-copy p{font-size:21px}.tv-copy p[lang=pl]{font-size:18px}.tv-picture img{max-height:360px}}

.tv-cover{float:right;width:35%;max-width:360px;margin:0 0 24px 28px}@media(max-width:700px){.tv-cover{float:none;width:100%;max-width:340px;margin:0 auto 24px}}
/* Touch exercises use nearby choices and one question at a time. */
.ti-mobile{scroll-margin-top:12px}.ti-mobile .ti-es{font-size:18px;line-height:1.35}.ti-mobile .ti-pl{font-size:15px;line-height:1.4}.ti-mobile button{font:inherit;touch-action:manipulation;user-select:none;min-height:48px;cursor:pointer}.ti-mobile button:disabled{cursor:default;opacity:.55}.ti-mobile button[aria-pressed=true]{opacity:1}.ti-mobile-progress{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;font-weight:700;color:#34563e}.ti-mobile-progress .ti-es,.ti-mobile-progress .ti-pl{font-size:14px;margin:0}.ti-mobile-instruction{padding:12px!important;margin:0 0 16px!important;background:#e6ebdf;border-radius:10px}.ti-mobile-field{min-width:0;background:#fffdf7;border:1px solid #d0d7c9;border-radius:14px;padding:14px}.ti-mobile-prompt{margin:12px 0;font-weight:700}.ti-mobile-field>.tv-picture{max-width:360px;margin:0 auto 14px}.ti-mobile .tv-picture img{max-height:240px;object-fit:contain!important}.ti-mobile .tv-detail{font-size:19px}.ti-mobile-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.ti-mobile-options .ti-tile{padding:12px 10px;min-width:0;box-shadow:none;border-width:2px}.ti-mobile-options .ti-tile[aria-pressed=true]{background:#dcebd4;border-color:#426b3d}.ti-mobile-options .ti-tile[aria-pressed=true]:before{content:'✓';font-weight:800;color:#315a2d}.ti-mobile-used{display:block;padding-top:5px}.ti-mobile-used .ti-es,.ti-mobile-used .ti-pl{font-size:12px}.ti-mobile-object{display:block;width:64px!important;height:64px!important;object-fit:contain!important;margin:auto}.ti-mobile-gap{display:block;width:100%;padding:12px;background:#f0f5e9;border:2px dashed #648263;border-radius:10px;text-align:left}.ti-mobile-remove{margin-top:10px;padding:8px 12px;border:1px solid #c6cfbc;border-radius:8px;background:#fff}.ti-mobile-remove .ti-es,.ti-mobile-remove .ti-pl{font-size:13px}.ti-mobile-nav{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;background:#f7f3e9;padding:12px 0 8px;border-top:1px solid #d0d7c9;margin-top:14px}.ti-mobile-nav button{border:1px solid #aabda1;border-radius:10px;background:#fff;padding:9px}.ti-mobile-nav button:last-child{background:#244c3e;color:white}.ti-mobile-nav button:last-child .ti-pl{color:#e0ebd9}.ti-mobile-nav .ti-es{font-size:16px}.ti-mobile-nav .ti-pl{font-size:13px}.ti-mobile-nav>span{font-size:14px;font-weight:700}.ti-mobile-tools{display:flex;gap:9px;align-items:start;flex-wrap:wrap;margin-top:14px}.ti-mobile-tools>button{flex:1;padding:10px;border-radius:10px;border:1px solid #afbea6;background:#fff}.ti-mobile-tools>button:first-child{background:#244c3e;color:white}.ti-mobile-tools>button:first-child .ti-pl{color:#e0ebd9}.ti-mobile-tools details{width:100%;padding:8px 0}.ti-mobile-tools summary{font-size:14px;cursor:pointer;min-height:36px}.ti-mobile-tools details button{margin:8px 8px 0 0;padding:9px;border:1px solid #b7c3af;border-radius:8px;background:white}.ti-mobile-tools details .ti-es{font-size:15px}.ti-mobile-tools details .ti-pl{font-size:13px}.ti-mobile-feedback{padding:12px!important;margin:14px 0 0!important;background:#e9efdf;border-radius:10px}.ti-mobile-feedback small{display:block;margin-top:8px}.ti-mobile-feedback small .ti-es,.ti-mobile-feedback small .ti-pl{font-size:13px}.ti-mobile-order h4{margin:16px 0 10px}.ti-mobile-order h4 .ti-es{font-size:16px}.ti-mobile-order h4 .ti-pl{font-size:13px}.ti-mobile-sequence{padding:0;margin:0;list-style:none;display:grid;gap:10px;min-height:64px}.ti-mobile-sequence li{display:grid;grid-template-columns:20px minmax(0,1fr) 44px;gap:7px;align-items:center}.ti-mobile-sequence li>.ti-tile{padding:10px;box-shadow:none;width:100%;min-width:0}.ti-mobile-sequence li>span{font-size:13px}.ti-mobile-moves{display:grid;gap:4px}.ti-mobile-moves button{width:44px;min-height:44px;border:1px solid #aebfac;background:#fff;border-radius:7px;font-size:22px}.ti-mobile-sequence .ti-mobile-empty{display:block;padding:14px;background:#eef1e7;border:1px dashed #9daf93;border-radius:8px}.ti-mobile-tokens .ti-tile{justify-content:flex-start}.ti-mobile-sequence li[data-grade=correct]>.ti-tile{background:#e5efdc;border-color:#57825a}.ti-mobile-sequence li[data-grade=retry]>.ti-tile{background:#fff0df;border-color:#ba7148}.ti-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.ti-mobile-grid button{padding:8px 4px;border:1px solid #b0bea7;border-radius:8px;background:#fff;overflow-wrap:anywhere}.ti-mobile-grid .ti-es{font-size:13px}.ti-mobile-grid button[aria-current=true]{border:3px solid #527340;background:#e4efd9}.ti-mobile-context{margin:12px 0!important;padding:12px!important;background:#e8edde;border-radius:10px}.ti-mobile-locked{display:none}.ti-mobile[data-ti-readonly=true] .ti-mobile-locked{display:block;font-size:14px;color:#526548}.ti-mobile[data-ti-readonly=true] .ti-mobile-tools{display:none}.ti-mobile[data-ti-readonly=true] .ti-mobile-field button{opacity:1}.ti-mobile-legacy-image{margin:0 auto 12px;max-width:280px}.ti-mobile-legacy-image img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}
@media(max-width:430px){.ti-mobile-options:has(.ti-mobile-used){grid-template-columns:1fr}.ti-mobile-field{padding:12px}.ti-mobile .tv-picture img{max-height:210px}}
.ti-mobile[data-ti-readonly=true] .ti-mobile-instruction,.ti-mobile[data-ti-readonly=true] .ti-mobile-used{display:none}
/* A question carries its own compact context on touch and sequential layouts. */
.ti-question-context{margin:12px 0}.ti-context-preview{display:grid;gap:8px;margin-bottom:12px}.ti-context-message{padding:10px 12px;background:#edf2e5;border:1px solid #cfdbc3;border-radius:12px;line-height:1.4;text-align:left}.ti-context-message.is-reply{background:#f3eef9;margin-left:14px}.ti-context-role,.ti-evidence-person{display:block;font-size:10px;letter-spacing:1px;color:#59704f;margin-bottom:4px}.ti-context-message>span{font-size:18px;display:block}.ti-context-polish summary{font-size:12px;min-height:30px;padding-top:7px;cursor:pointer;color:#586b52}.ti-context-polish p{font-size:14px;margin:5px 0}.ti-context-full{border:1px solid #d5dfcd;border-radius:10px;padding:10px 12px}.ti-context-full>summary{font-size:12px;cursor:pointer;min-height:30px;display:list-item;align-content:center}.ti-context-full h4{font-size:15px}.ti-context-full h4 small{display:block;font-weight:400}.ti-context-full .ti-context-message{margin-top:8px}.ti-choice-clock{display:block;width:66px;height:66px;margin:0 auto 9px;color:#345d4b}.ti-mobile-field[data-evidence=true] .ti-mobile-options{grid-template-columns:1fr}.ti-mobile-field[data-evidence=true] .ti-tile{text-align:left;padding:13px 15px}.ti-mobile-field[data-evidence=true] .ti-tile .ti-es{font-size:18px;line-height:1.4}.ti-mobile-field[data-evidence=true] .ti-tile .ti-pl{font-size:13px;line-height:1.4}.ti-answer-explanation{padding:14px;border-left:3px solid #547b51;background:#edf3e5;border-radius:0 10px 10px 0;margin-top:10px}.ti-answer-explanation>strong{display:block;font-size:18px;margin-bottom:7px}.ti-answer-explanation .ti-es{font-size:15px}.ti-answer-explanation .ti-pl{font-size:13px}
/* Selection is purple; green is reserved for checked correct work. */
.ti-exercise .ti-tile[aria-pressed=true]{background:#eee8f8;border-color:#8365ad;box-shadow:none}.ti-exercise .ti-tile[aria-pressed=true]:before{content:'●';color:#705294}.ti-mobile-field[data-grade=correct] .ti-tile[aria-pressed=true]{background:#e5f0dc;border-color:#597d48}.ti-mobile-field[data-grade=correct] .ti-tile[aria-pressed=true]:before{content:'✓';color:#416337}.ti-mobile-field[data-grade=retry] .ti-tile[aria-pressed=true]{background:#fff0dd;border-color:#ad7545}.ti-mobile-field[data-grade=retry] .ti-tile[aria-pressed=true]:before{content:'↺';color:#8d5c35}
.ti-exercise .ti-context-disclosure>button{background:transparent;border:0;box-shadow:none;font-size:12px;font-weight:400;color:#536b4f;text-align:left;min-height:36px;width:100%;padding:7px 0;cursor:pointer;border-radius:5px}.ti-exercise .ti-context-full>.ti-context-disclosure>button{min-height:32px}.ti-context-disclosure>button:focus-visible{outline-offset:1px}
.teens-lesson-actions{display:flex;flex-wrap:wrap;gap:8px}