*{box-sizing:border-box}
:root{
  --ink:#173049;--ink2:#355067;--muted:#728392;--blue:#5b8fbf;--blue-soft:#eaf3fb;
  --gold:#d4aa62;--cream:#fbf7ee;--line:#d8e5ef;--good:#2f8f66;--good-soft:#eaf8f0;
  --shadow:0 20px 55px rgba(23,48,73,.12);
}

/* V20 — adaptivno praćenje grešaka i pametno ponavljanje A1–C2 */
body.adaptive-modal-open{overflow:hidden}
.adaptive-remediation-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px}
.adaptive-remediation-modal.hidden{display:none!important}
.adaptive-remediation-backdrop{position:absolute;inset:0;background:rgba(8,34,51,.78);backdrop-filter:blur(10px)}
.adaptive-remediation-card{position:relative;width:min(760px,100%);max-height:min(90vh,820px);overflow:auto;border:1px solid rgba(255,255,255,.75);border-radius:34px;padding:clamp(24px,5vw,52px);background:linear-gradient(145deg,#fffdf8 0%,#f2fbff 55%,#f0fff8 100%);box-shadow:0 34px 90px rgba(0,24,42,.38);color:#143c56}
.adaptive-remediation-close{position:absolute;top:16px;right:18px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#e7eff2;color:#234b60;font:800 30px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 7px 18px rgba(22,58,78,.12)}
.adaptive-remediation-close:hover{background:#d6e5e9;transform:scale(1.04)}
.adaptive-remediation-close:focus-visible{outline:3px solid #1f866a;outline-offset:3px}
.adaptive-remediation-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#226d70;font-size:.86rem;letter-spacing:.12em}
.adaptive-remediation-brand span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#daf5eb;font-size:1.35rem}
.adaptive-remediation-card h2{margin:0 0 16px;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;color:#123b58}
.adaptive-eyebrow{margin:0 0 12px;color:#ce4f50;font-size:.83rem;font-weight:900;letter-spacing:.14em}
.adaptive-lead{margin:0 0 26px;font-size:1.08rem;line-height:1.65;color:#496779}
.adaptive-insight{display:grid;grid-template-columns:1fr auto;gap:7px 20px;margin:24px 0;padding:20px 22px;border-radius:20px;background:#eaf7f4;color:#245f61}
.adaptive-insight strong{grid-row:1/3;grid-column:2;font-size:2rem;align-self:center;color:#168064}
.adaptive-insight span:last-child{font-size:.9rem;color:#587980}
.adaptive-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.adaptive-primary,.adaptive-secondary{border:0;border-radius:18px;padding:16px 22px;font:inherit;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s}
.adaptive-primary{background:linear-gradient(135deg,#148061,#42a984);color:#fff;box-shadow:0 13px 28px rgba(20,128,97,.24)}
.adaptive-secondary{background:#e9f0f4;color:#264e63}
.adaptive-primary:hover,.adaptive-secondary:hover{transform:translateY(-2px)}
.adaptive-progress{height:9px;margin-bottom:26px;overflow:hidden;border-radius:999px;background:#dce9ee}
.adaptive-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#efb44c,#ea6b59,#4cab8b);transition:width .3s}
.adaptive-options{display:grid;gap:12px;margin:28px 0 18px}
.adaptive-options button{width:100%;border:2px solid #d3e1e6;border-radius:17px;padding:17px 19px;background:#fff;color:#1d465d;text-align:left;font:inherit;font-weight:800;cursor:pointer;transition:.2s}
.adaptive-options button:hover:not(:disabled){border-color:#49a98c;transform:translateX(4px)}
.adaptive-options button.correct{border-color:#32a478;background:#dcf7ea;color:#126044}
.adaptive-options button.wrong{border-color:#dd6a70;background:#ffeaec;color:#9c2930}
.adaptive-answer-note{display:grid;gap:5px;min-height:0;margin:14px 0 18px;padding:0;line-height:1.5}
.adaptive-answer-note.good,.adaptive-answer-note.bad{padding:15px 17px;border-radius:14px}
.adaptive-answer-note.good{background:#e1f7ed;color:#146848}.adaptive-answer-note.good span{display:none}.adaptive-answer-note.bad{background:#fff0e6;color:#924426}
.adaptive-answer-note span{font-size:.94rem}.adaptive-next{margin-top:4px}.adaptive-next.hidden{display:none!important}
.adaptive-success-icon,.adaptive-retry-icon{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 24px;border-radius:50%;font-size:3rem;font-weight:900}
.adaptive-success-icon{background:#dff8eb;color:#168064}.adaptive-retry-icon{background:#fff0d7;color:#b36b18}
.adaptive-lesson-status{display:flex;justify-content:space-between;gap:16px;margin:14px 0 20px;padding:12px 18px;border:1px solid #c8e7df;border-radius:16px;background:linear-gradient(90deg,#effbf7,#f6fbff);color:#286467;font-size:.91rem}
.adaptive-lesson-status span{font-weight:800}.adaptive-lesson-status strong{color:#16795e}.adaptive-lesson-status.needs-review{border-color:#efc077;background:#fff6e4}.adaptive-lesson-status.needs-review strong{color:#a65b12}
.adaptive-highlight{animation:adaptiveHighlight 2.4s ease}
@keyframes adaptiveHighlight{0%,100%{box-shadow:none}25%,70%{box-shadow:0 0 0 8px rgba(239,180,76,.32);border-radius:18px}}
.adaptive-profile-summary{grid-column:1/-1;margin-top:12px;padding:22px;border:1px solid #c8e5dc;border-radius:22px;background:linear-gradient(145deg,#f1fbf7,#f2f9fd)}
.adaptive-profile-title{display:flex;align-items:center;gap:13px}.adaptive-profile-title>span{font-size:1.8rem}.adaptive-profile-title div{display:grid;gap:3px}.adaptive-profile-title strong{font-size:1.12rem;color:#174e58}.adaptive-profile-title small{color:#63808a}
.adaptive-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.adaptive-profile-stats span{display:grid;gap:4px;padding:12px;border-radius:14px;background:#fff;color:#54727c;text-align:center;font-size:.82rem}.adaptive-profile-stats b{font-size:1.35rem;color:#18795e}
.adaptive-profile-summary h4{margin:16px 0 10px;color:#183f56}.adaptive-weak-list{display:grid;gap:8px}.adaptive-weak-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d6e4e8;border-radius:13px;padding:12px 14px;background:#fff;color:#21495e;text-align:left;cursor:pointer}.adaptive-weak-list button span{display:grid;gap:2px}.adaptive-weak-list small{color:#6b858d}.adaptive-weak-list em{font-style:normal;font-weight:900;color:#bd5d45}.adaptive-empty{margin:16px 0 0;color:#67818a}
@media(max-width:640px){.adaptive-remediation-modal{padding:10px}.adaptive-remediation-card{border-radius:24px;padding:68px 19px 24px}.adaptive-remediation-card h2{font-size:2rem}.adaptive-actions{display:grid}.adaptive-insight{grid-template-columns:1fr}.adaptive-insight strong{grid-row:auto;grid-column:auto}.adaptive-lesson-status{align-items:flex-start;flex-direction:column}.adaptive-profile-stats{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.adaptive-primary,.adaptive-secondary,.adaptive-options button{transition:none}.adaptive-highlight{animation:none}}

/* Unit 4: compact, dependable A1 writing check. */
.u4-writing-check .u4-writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.u4-writing-check .u4-writing-grid label{display:grid;gap:8px;padding:18px;border:1px solid #cfe0e8;border-radius:18px;background:#f7fbfd;color:#173f5c}
.u4-writing-check .u4-writing-grid label>span{font-size:.9rem;color:#607887}
.u4-writing-check .u4-writing-grid input{width:100%;min-height:52px;padding:12px 14px;border:2px solid #bfd2dc;border-radius:12px;background:#fff;font:inherit;color:#173f5c;outline:none}
.u4-writing-check .u4-writing-grid input:focus{border-color:#4f8fb2;box-shadow:0 0 0 4px rgba(79,143,178,.13)}
.u4-writing-check .u4-writing-grid input.is-correct{border-color:#2f9c70;background:#effbf6}
.u4-writing-check .u4-writing-grid input.is-wrong{border-color:#c54d63;background:#fff3f5}
.u4-writing-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.u4-writing-actions .primary-btn{width:auto;margin:0}.u4-writing-actions .secondary-btn{min-height:50px;padding:12px 20px}
.u4-writing-feedback{margin-top:14px!important;min-height:28px}

/* A2 Object Pronouns: clearer hierarchy, examples and Thea story. */
.object-pronoun-hero{display:block!important;grid-template-columns:1fr!important;overflow:hidden;padding:38px 46px!important;text-align:left!important}
.object-pronoun-hero>div{width:100%;max-width:1100px}.object-pronoun-hero h1{max-width:100%;overflow-wrap:normal!important;word-break:normal!important}
.object-hero-rule{display:grid;grid-template-columns:auto auto auto auto auto;gap:9px;align-items:center;margin-top:22px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.13);font-size:.9rem}
.object-hero-rule strong{padding:8px 11px;border-radius:10px;background:#fff;color:#173f5c;text-align:center}
.object-hero-rule b{white-space:nowrap;color:#fff}
.object-pronoun-basics .object-replace-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch;margin:24px 0}
.object-replace-grid article{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #d6e4eb;border-radius:18px;background:#f8fbfd}
.object-replace-grid article.result{background:#eef9f4;border-color:#a9dcc7}
.object-replace-grid article>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:#275f7f;color:#fff;font-weight:800}
.object-replace-grid article p{margin:0}.object-replace-grid article strong{display:block;font-size:1.14rem;color:#173f5c}.object-replace-grid article small{display:block;margin-top:7px;color:#607887}.object-replace-grid>b{align-self:center;color:#4f8fb2;font-size:1.5rem}
.object-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.object-example-grid .example-audio-card{height:100%;text-align:left}
.object-pronoun-table u,.object-example-grid u{text-decoration:none;color:#9d2850;background:#fff0f4;border-radius:6px;padding:0 4px}
.thea-story-block{display:grid!important;grid-template-columns:minmax(250px,.72fr) minmax(0,1.3fr);gap:30px;align-items:center;background:linear-gradient(135deg,#fff8f2,#f7fbfd)}
.thea-story-image img{display:block;width:100%;max-height:470px;object-fit:cover;object-position:center 18%;border-radius:24px;box-shadow:0 15px 38px rgba(34,64,83,.16)}
.thea-story-block .bilingual-sentence{width:100%;text-align:left;margin:10px 0 18px}
.thea-steps{display:grid;gap:10px;padding-left:22px;color:#39576a}.thea-steps li{padding-left:6px}
.object-dialogue-block{background:#f8fbfd}
.a2-object-pronouns-page .pronoun-focus-question h3{min-height:0}

@media(max-width:850px){
  .u4-writing-check .u4-writing-grid,.object-example-grid{grid-template-columns:1fr}
  .object-pronoun-hero,.thea-story-block{grid-template-columns:1fr!important;padding:28px!important}
  .object-hero-rule{grid-template-columns:1fr 1fr}.object-hero-rule b{grid-column:1/-1;text-align:center}.object-hero-rule span{display:none}
  .object-pronoun-basics .object-replace-grid{grid-template-columns:1fr}.object-replace-grid>b{transform:rotate(90deg);justify-self:center}
}
html,body{margin:0;padding:0;font-family:"Segoe UI",Inter,Arial,sans-serif;color:var(--ink);background:#f4f8fb;min-height:100%}
button,input,select{font:inherit}
img{display:block;max-width:100%}
.hidden{display:none !important}
.bg-orb{position:fixed;border-radius:50%;filter:blur(4px);opacity:.5;z-index:-1}
.orb-one{width:260px;height:260px;background:#dce8f6;left:-85px;top:-90px}
.orb-two{width:300px;height:300px;background:#f1e4c7;right:-100px;bottom:-90px}
main{width:min(1240px,calc(100% - 28px));margin:0 auto}
.login-view{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:66px;align-items:center;padding:48px 0}
.hero-copy h1{margin:0;font:400 clamp(56px,8vw,92px)/.95 Georgia,serif;letter-spacing:-.05em}
.hero-copy h2{margin:10px 0 0;color:var(--blue);font:400 clamp(30px,4vw,54px)/1.05 Georgia,serif}
.lead{max-width:580px;margin:24px 0 0;color:var(--muted);font-size:19px;line-height:1.75}
.brand{display:flex;align-items:center;gap:12px}
.brand.compact{gap:10px}
.tb-login-home{appearance:none;padding:5px;border:0;border-radius:17px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.tb-login-home:hover{background:#eef5f8;transform:translateY(-1px)}.tb-login-home:focus-visible{outline:4px solid rgba(60,128,175,.22);outline-offset:3px}.tb-login-home>span:last-child{display:block}
.brand-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--ink);color:var(--gold);font:600 21px Georgia,serif}
.brand-mark.small{width:42px;height:42px;border-radius:14px;font-size:16px}
.brand-name{font-size:16px}
.eyebrow{margin:26px 0 10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.eyebrow.small{margin-top:0}
.panel{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);border-radius:28px;backdrop-filter:blur(12px)}
.login-panel,.chooser-panel{padding:34px}
.login-panel h3,.chooser-panel h3{margin:0;font:400 34px/1.15 Georgia,serif}
.muted{color:var(--muted);line-height:1.7}
.center{text-align:center}
.field,.mini-field{display:grid;gap:8px}
.field{margin-top:18px}
.field span,.mini-field span{font-size:13px;color:var(--muted)}
input,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);outline:none}
input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(91,143,191,.14)}
.primary-btn,.ghost-btn,.cta-btn,.tab-btn,.close-btn{border:0;cursor:pointer}
.primary-btn{margin-top:22px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;border-radius:15px;background:var(--ink);color:#fff;font-weight:700}
.ghost-btn{padding:10px 14px;border-radius:13px;background:#eef4f8;color:var(--ink2)}
.error-line{min-height:18px;color:#c25656;font-size:13px}
.center-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 0}
.chooser-panel{width:min(620px,100%);text-align:center}
.globe{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);font-size:34px}
.app-view{padding:18px 0 48px}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
.topbar strong,.topbar small{display:block}
.topbar small{color:var(--muted);margin-top:2px}
.top-actions{display:flex;align-items:flex-end;gap:12px}
.intro-page{display:grid;grid-template-columns:290px 1fr;gap:26px;padding:30px;margin-top:24px}
.teacher-col{align-self:start;position:sticky;top:18px;padding:22px;border-radius:24px;background:linear-gradient(180deg,#f6fbff,#edf5fb);border:1px solid var(--line)}
.teacher-img{width:100%;max-height:440px;object-fit:contain}
.speech-box{margin-top:14px;padding:16px;border-radius:18px;background:#fff;color:var(--ink2);line-height:1.65}
.content-col h1{margin:10px 0 22px;font:400 clamp(42px,6vw,68px)/1 Georgia,serif}
.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fact-card{position:relative;padding:22px;border-radius:22px;background:#fbfdff;border:1px solid var(--line);min-height:180px;overflow:hidden}
.fact-number{position:absolute;right:12px;top:4px;font:400 70px Georgia,serif;color:rgba(91,143,191,.12)}
.fact-card p{position:relative;margin:0;color:var(--ink2);line-height:1.72}
.encouragement-box{display:grid;grid-template-columns:minmax(210px,240px) 1fr;gap:12px;align-items:center;margin-top:22px;padding:18px 22px 18px 14px;border-radius:24px;border:1px solid #e5d9bf;background:linear-gradient(112deg,#fff8ef 0%,#fff8ef 32%,#f4f9fd 100%);overflow:hidden}
.tea-portrait{position:relative;align-self:stretch;min-height:278px;display:flex;align-items:flex-end;justify-content:center;margin:-10px 0 -18px -10px}
.tea-img{display:block;width:100%;height:100%;max-height:310px;object-fit:contain;object-position:center bottom;transform:scaleX(-1) scale(1.04);transform-origin:center bottom;filter:saturate(.96) contrast(.99)}
.encouragement-box h2{margin:0 0 8px;font:400 32px/1.1 Georgia,serif}
.subheading{margin:0 0 10px;color:var(--blue);font-weight:700}
.encourage-text p{margin:0;color:var(--ink2);line-height:1.72}
.cta-btn{width:100%;margin-top:22px;padding:17px 20px;border-radius:18px;background:linear-gradient(135deg,var(--ink),#2e5c79);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 14px 28px rgba(23,48,73,.18)}
.note{margin:12px 4px 0;color:var(--muted);font-size:12px;line-height:1.55}
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px}
.modal-backdrop{position:absolute;inset:0;background:rgba(11,24,37,.58);backdrop-filter:blur(5px)}
.modal-card{position:relative;z-index:1;width:min(1100px,100%);max-height:92vh;overflow:auto;padding:26px}
.modal-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.modal-header h2{margin:0;font:400 38px/1.08 Georgia,serif}
.close-btn{width:42px;height:42px;border-radius:50%;background:#eef4f8;color:var(--ink);font-size:28px}
.tab-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.tab-btn{padding:11px 15px;border-radius:12px;background:#eef4f8;color:var(--ink2)}
.tab-btn.active{background:var(--ink);color:#fff}
.score-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0 18px;padding:16px 18px;border-radius:20px;background:#f8fbfd;border:1px solid var(--line)}
.score-top{font-size:15px;color:var(--ink2)}
.progress-bar{margin-top:10px;width:min(540px,100%);height:10px;background:#e7eef3;border-radius:999px;overflow:hidden}
.progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#78b58f);border-radius:999px;transition:width .2s ease}
.score-msg{margin:10px 0 0;color:var(--muted);font-size:13px}
.word-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.word-btn{padding:10px 9px;border-radius:12px;border:1px solid transparent;background:#f4f8fb;color:var(--ink2);text-align:center;cursor:pointer}
.word-btn:hover{background:#eaf3fb}
.word-btn.known{background:var(--good-soft);color:var(--good);border-color:#a7d6bd;font-weight:700}
.reset-btn{white-space:nowrap}
@media (max-width:980px){
  .login-view{grid-template-columns:1fr;gap:28px}
  .intro-page{grid-template-columns:1fr}
  .teacher-col{position:static;display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center}
  .facts-grid{grid-template-columns:1fr}
  .word-grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:680px){
  main{width:min(100% - 18px,1240px)}
  .login-view{padding:22px 0}
  .topbar,.top-actions,.score-card,.modal-header{flex-direction:column;align-items:stretch}
  .teacher-col,.encouragement-box{grid-template-columns:1fr}
  .teacher-img{max-height:270px;margin:0 auto}
  .tea-portrait{width:min(100%,310px);min-height:245px;margin:-8px auto -10px}
  .tea-img{max-height:270px;margin:0 auto}
  .word-grid{grid-template-columns:repeat(2,1fr)}
  .login-panel,.chooser-panel,.intro-page,.modal-card{padding:20px}
}

.page-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.page-nav-end{justify-content:flex-end}.page-count{color:var(--muted);font-size:13px;letter-spacing:.12em}.next-page-btn,.prev-page-btn{border:0;cursor:pointer;border-radius:15px;padding:13px 18px;font-weight:800;display:flex;align-items:center;gap:10px}.next-page-btn{background:var(--ink);color:#fff}.prev-page-btn{background:#eef4f8;color:var(--ink)}
.secret-page{margin-top:24px;padding:30px;overflow:hidden}.secret-hero{display:grid;grid-template-columns:350px 1fr;gap:34px}.secret-visual{position:relative;min-height:760px;border-radius:26px;background:radial-gradient(circle at 50% 25%,#fff8e7 0,#edf5fb 48%,#e7f0f7 100%);border:1px solid var(--line);overflow:hidden}.vault-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(212,170,98,.22);filter:blur(28px);left:5px;top:65px}.vault{position:absolute;left:38px;right:38px;top:78px;height:300px;border-radius:30px;background:linear-gradient(145deg,#203b50,#102738);padding:18px;box-shadow:0 30px 60px rgba(23,48,73,.28)}.vault-door{height:100%;border:3px solid #d8b875;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:linear-gradient(145deg,#2e536e,#173049)}.vault-title{font:700 21px Georgia,serif;letter-spacing:.18em;color:#f7dfaa}.vault-wheel{position:relative;width:118px;height:118px;border:7px solid #d4aa62;border-radius:50%}.vault-wheel:before,.vault-wheel:after{content:"";position:absolute;background:#d4aa62;left:50%;top:50%;transform:translate(-50%,-50%)}.vault-wheel:before{width:94px;height:8px}.vault-wheel:after{width:8px;height:94px}.vault-wheel span{position:absolute;width:18px;height:18px;background:#f3d69b;border-radius:50%;left:43px;top:43px}.secret-avatar{position:absolute;z-index:3;width:315px;height:380px;object-fit:contain;object-position:center bottom;bottom:28px;left:18px;filter:drop-shadow(0 18px 22px rgba(23,48,73,.18));transform:scaleX(-1)}.secret-speech{position:absolute;z-index:4;left:22px;right:22px;bottom:18px;padding:15px 17px;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(23,48,73,.12);color:var(--ink2);line-height:1.55;font-size:14px}.secret-content h1{margin:6px 0 5px;font:400 clamp(40px,5.4vw,66px)/.98 Georgia,serif;letter-spacing:-.035em}.secret-content h2{margin:0 0 22px;color:var(--blue);font:400 25px/1.2 Georgia,serif}.secret-copy{color:var(--ink2);line-height:1.76;font-size:16px}.secret-copy p{margin:0 0 16px}.secret-copy h3{margin:22px 0 10px;font:400 32px/1.1 Georgia,serif;color:var(--ink)}.question-callout{margin:18px 0;padding:17px 20px;border-left:4px solid var(--gold);border-radius:0 16px 16px 0;background:var(--cream);font:600 17px/1.6 Georgia,serif;color:var(--ink)}.rare-words{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.rare-words span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;color:var(--muted)}.smart-line{font:700 24px/1.2 Georgia,serif!important;color:var(--ink)!important}.rules-section{margin-top:34px}.rules-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.rules-heading>span{font:400 70px/1 Georgia,serif;color:rgba(91,143,191,.22)}.rules-heading h2{margin:0;font:400 34px/1.1 Georgia,serif}.rules-heading .eyebrow{margin:0 0 6px}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rule-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fbfdff;min-height:245px}.rule-card.featured{background:linear-gradient(145deg,#fff8ed,#fff);border-color:#e5d2aa;transform:translateY(-7px);box-shadow:0 18px 38px rgba(212,170,98,.14)}.rule-card small{position:absolute;right:16px;top:14px;color:rgba(91,143,191,.45);font-weight:800}.rule-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:22px}.rule-card h3{margin:18px 0 10px;font:600 20px/1.25 Georgia,serif}.rule-card p{margin:0;color:var(--ink2);line-height:1.65}.gold-quote{margin:28px 0 0;padding:24px 28px;border-radius:22px;background:linear-gradient(135deg,#fff8e8,#f7e7c3);border:1px solid #e6cf9d;text-align:center;font:600 24px/1.45 Georgia,serif;color:#5f4a23}.secret-page .page-nav{margin-top:22px}
@media(max-width:1050px){.secret-hero{grid-template-columns:1fr}.secret-visual{min-height:560px}.vault{max-width:340px;left:50%;right:auto;transform:translateX(-50%)}.secret-avatar{left:50%;transform:translateX(-50%) scaleX(-1)}.rules-grid{grid-template-columns:1fr 1fr}.rule-card.featured{transform:none}}
@media(max-width:680px){.secret-page{padding:20px}.secret-visual{min-height:520px}.vault{top:45px;width:280px;height:245px}.secret-avatar{width:270px;height:330px}.secret-speech{font-size:13px}.rules-grid{grid-template-columns:1fr}.gold-quote{font-size:20px;padding:20px}.page-nav{align-items:stretch}.next-page-btn,.prev-page-btn{justify-content:center}}


/* Page 3 — Verbs lesson */
.verbs-page{margin-top:24px;padding:30px;overflow:hidden}
.verbs-hero{display:grid;grid-template-columns:330px 1fr;gap:34px;align-items:start}
.lecture-avatar-card{position:relative;min-height:690px;border-radius:28px;background:linear-gradient(160deg,#e9f4fb 0%,#f9fcfe 52%,#fff6e8 100%);border:1px solid var(--line);overflow:hidden;padding:22px}
.lesson-number{position:absolute;z-index:4;top:20px;left:20px;display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 9px 24px rgba(23,48,73,.10)}
.lesson-number span{font-size:10px;letter-spacing:.16em;color:var(--blue);font-weight:800}.lesson-number strong{font:700 22px Georgia,serif;color:var(--ink)}
.teacher-stage{position:absolute;inset:58px 0 115px;display:flex;align-items:flex-end;justify-content:center}
.teacher-halo{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(212,170,98,.36),rgba(91,143,191,.12) 58%,transparent 70%);filter:blur(2px);top:55px}
.verbs-teacher-img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 28px rgba(23,48,73,.18))}
.lecture-speech{position:absolute;z-index:5;left:18px;right:18px;bottom:18px;padding:17px 18px;border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(23,48,73,.13);color:var(--ink2);line-height:1.6;font-size:14px}
.verbs-intro h1{margin:7px 0 6px;font:400 clamp(40px,5vw,63px)/1 Georgia,serif;letter-spacing:-.035em}.verbs-intro h2{margin:0 0 22px;color:var(--blue);font:400 25px/1.24 Georgia,serif}
.explanation-card{padding:21px 23px;border-radius:22px;background:#fbfdff;border:1px solid var(--line);color:var(--ink2);line-height:1.72}.explanation-card p{margin:0 0 13px}.explanation-card p:last-child{margin-bottom:0}.language-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin-bottom:19px;padding-bottom:19px;border-bottom:1px solid var(--line)}.comparison-box{padding:16px;border-radius:17px;border:1px solid var(--line);background:#fff}.serbian-box{background:linear-gradient(145deg,#fff7eb,#fff);border-color:#ead8b6}.english-box{background:linear-gradient(145deg,#edf7fd,#fff)}.comparison-label{display:inline-flex;margin-bottom:10px;padding:5px 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:9px;font-weight:800;letter-spacing:.14em}.serbian-box .comparison-label{background:#9d6e28}.comparison-box>strong{display:block;color:var(--ink);font:600 16px/1.45 Georgia,serif}.comparison-box p{margin:7px 0 0!important;color:var(--muted);font-size:12px}.comparison-arrow{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:20px;font-weight:800}
.formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.formula-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:#fff}.formula-card.present-card{background:linear-gradient(145deg,#eef7fd,#fff)}.formula-card.past-card{background:linear-gradient(145deg,#fff7e9,#fff);border-color:#ead8b6}.formula-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--ink);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em}.past-card .formula-label{background:#9d6e28}.formula-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-bottom:11px;border-bottom:1px solid var(--line)}.formula-main span{font-size:13px;color:var(--muted)}.formula-main strong{font:700 23px Georgia,serif}.formula-main.accent strong{color:var(--good)}.ending{color:#d65b4c}.formula-card p{margin:13px 0 0;color:var(--ink2);line-height:1.55;font-size:13px}
.teacher-note{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;margin-top:16px;padding:15px 17px;border-radius:19px;background:var(--cream);border:1px solid #ead9b8}.note-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#a9782e;font:700 23px Georgia,serif}.teacher-note p{margin:0;color:#604e30;line-height:1.6;font-size:13px}.teacher-note:has(>strong){grid-template-columns:minmax(180px,.3fr) minmax(0,1fr);gap:22px;align-items:start;padding:20px 22px}.teacher-note:has(>strong)>strong{min-width:0;color:#17324d;font-size:18px;line-height:1.35;overflow-wrap:anywhere}.teacher-note:has(>strong)>p{min-width:0;font-size:16px;line-height:1.65}
.verb-examples-section,.sentence-examples-section{margin-top:34px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:17px}.section-heading-row h2{margin:0;font:400 35px/1.08 Georgia,serif}.section-heading-row .eyebrow{margin:0 0 7px}.grammar-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;flex-wrap:wrap}.legend-base,.legend-ending{width:13px;height:13px;border-radius:4px}.legend-base{background:var(--good)}.legend-ending{background:#d65b4c;margin-left:8px}
.verb-table-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.verb-table-card{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#fff}.verb-table-card header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#eaf4fb,#f8fcff)}.help-card header{background:linear-gradient(135deg,#fdf3e2,#fffaf2)}.verb-table-card header small{color:var(--blue);font-size:10px;letter-spacing:.16em;font-weight:800}.verb-table-card header h3{margin:4px 0 0;font:700 25px Georgia,serif}.verb-table-card header h3 span{font:400 15px "Segoe UI",Arial,sans-serif;color:var(--muted)}.verb-symbol{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 23px Georgia,serif}.help-card .verb-symbol{background:#9b6c27}
.tense-block{padding:17px 20px}.tense-block+ .tense-block{border-top:1px solid var(--line)}.tense-block h4{margin:0 0 13px;color:var(--ink);font:600 16px Georgia,serif}.conjugation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.conjugation-grid p,.all-persons{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 10px;border-radius:11px;background:#f6f9fb}.conjugation-grid p span,.all-persons span{color:var(--muted);font-size:12px}.conjugation-grid p strong,.all-persons strong{color:var(--good);font-size:16px}.conjugation-grid p strong b,.all-persons strong b{color:#d65b4c}.third-person{background:#fff2ef!important;border:1px solid #f0c3bb}.tense-block.past{background:#fffaf2}.all-persons{background:#fff;border:1px solid #ead8b6}
.compact-heading{margin-bottom:14px}.sentence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sentence-grid article{position:relative;padding:19px;border-radius:20px;background:#fbfdff;border:1px solid var(--line);min-height:145px}.sentence-number{position:absolute;right:13px;top:9px;color:rgba(91,143,191,.25);font:700 27px Georgia,serif}.english-line{margin:23px 0 9px;font-size:17px;color:var(--ink)}.english-line strong{color:var(--good)}.ending-inline{color:#d65b4c}.translation-line{margin:0;color:var(--muted);font-size:13px;line-height:1.5}

.remember-strip{display:flex;align-items:center;gap:14px;margin-top:24px;padding:19px 22px;border-radius:21px;background:linear-gradient(135deg,#173049,#285a78);color:#fff}.remember-strip>span{flex:0 0 42px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#f5d69a;font-size:23px}.remember-strip p{margin:0;line-height:1.6}.verbs-nav{margin-top:22px}
@media(max-width:1050px){.verbs-hero{grid-template-columns:1fr}.lecture-avatar-card{min-height:535px}.teacher-stage{inset:45px 0 100px}.verbs-teacher-img{max-width:420px;margin:0 auto}.formula-grid,.verb-table-grid{grid-template-columns:1fr}.sentence-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.verbs-page{padding:20px}.lecture-avatar-card{min-height:490px}.teacher-stage{inset:52px 0 110px}.verbs-teacher-img{max-width:330px}.formula-grid,.verb-table-grid,.sentence-grid{grid-template-columns:1fr}.language-comparison{grid-template-columns:1fr}.comparison-arrow{margin:auto;transform:rotate(90deg)}.section-heading-row{align-items:flex-start;flex-direction:column}.conjugation-grid{grid-template-columns:1fr}.verbs-nav{align-items:center}}

/* Premium verb introduction page */
.verbs-premium{position:relative;background:linear-gradient(180deg,#fffef9 0%,#f8fbf4 100%);border:1px solid #d9e5d2;padding:24px 28px 26px;overflow:hidden}
.verb-spring-decor{position:absolute;pointer-events:none;opacity:.16}.verb-flowers-left{font-size:180px;color:#6ca36a;left:-45px;bottom:-65px;transform:rotate(-18deg)}.verb-butterfly{font-size:42px;right:47%;top:25px;opacity:.75}
.verb-premium-header{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;margin-bottom:20px}.verb-page-badge{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce8d7;border-radius:18px;padding:10px 16px;box-shadow:0 8px 22px rgba(39,79,52,.08)}.verb-page-badge span{font-size:11px;letter-spacing:.18em;font-weight:800;color:#4f7f56}.verb-page-badge strong{font:700 27px Georgia,serif;color:#183e24}.verb-heading-copy h1{margin:3px 0 3px;font:700 clamp(34px,4.3vw,66px)/.98 Georgia,serif;color:#183e24;max-width:970px}.verb-heading-copy h2{margin:10px 0 0;font:600 clamp(20px,2vw,30px) Georgia,serif;color:#7a5531}.verb-page-number{font:700 22px Georgia,serif;color:#2d6b39;padding-top:8px}
.verb-premium-grid{display:grid;grid-template-columns:330px 1fr;gap:26px;align-items:start}.verb-teacher-column{display:flex;flex-direction:column;gap:14px}.verb-teacher-frame{height:515px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#f8fff5 0,#e3f0df 58%,#d0e4cb 100%);border:1px solid #cddfc7;display:flex;align-items:flex-end;justify-content:center;position:relative}.verb-teacher-frame:before{content:"";position:absolute;inset:18px;border:1px solid rgba(69,123,75,.18);border-radius:23px}.verb-teacher-premium{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(31,61,38,.18))}.verb-good-news{background:#fff;border:1px solid #d6e2d1;border-radius:18px;padding:16px 18px;font-size:15px;line-height:1.55;color:#415342;box-shadow:0 8px 20px rgba(43,73,45,.07)}.verb-good-news strong{display:block;color:#2c6a38;font-size:17px;margin-bottom:3px}.verb-remember-card{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#fff8df,#fffdf4);border:1px solid #ead69c;border-radius:18px;padding:14px 16px}.verb-remember-card>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#b98a25;color:#fff}.verb-remember-card strong{color:#8a6317}.verb-remember-card p{margin:4px 0 0;line-height:1.45}
.verb-content-column{display:flex;flex-direction:column;gap:16px}.verb-definition-card{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,#276c36,#3e8a49);color:#fff;border-radius:16px;padding:13px 18px}.verb-definition-card p{margin:0;font-size:16px}.verb-definition-icon{font-size:23px}.verb-language-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.verb-language-card{border-radius:20px;padding:18px 20px;border:1px solid}.verb-language-card.serbian{background:#fff9ee;border-color:#ead8ad}.verb-language-card.english{background:#f1f8fb;border-color:#c9dfe8}.verb-language-card h3{margin:8px 0;color:#173a25;font:700 22px Georgia,serif}.verb-language-card p{margin:5px 0;color:#55655a}.verb-forms{font-weight:800!important;color:#223d2a!important;font-size:18px}.comparison-label{display:inline-block;padding:6px 10px;border-radius:999px;background:#a57820;color:#fff;font-size:10px;letter-spacing:.12em;font-weight:800}.english .comparison-label{background:#174466}.verb-compare-arrow{width:42px;height:42px;border-radius:13px;background:#e8f1ed;color:#286b3a;display:grid;place-items:center;font-size:24px}
.verb-rule-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.verb-rule-panel{position:relative;border:1px solid;border-radius:22px;padding:18px 20px;overflow:hidden;min-height:400px}.verb-rule-panel.present{background:linear-gradient(160deg,#f6fbf1,#eef8e9);border-color:#b9d7ae}.verb-rule-panel.past{background:linear-gradient(160deg,#f4fafe,#eaf5fb);border-color:#add0e3}.rule-panel-heading{display:flex;gap:11px;align-items:center;margin-bottom:10px}.rule-panel-heading>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2c743a;color:#fff;font-weight:900}.past .rule-panel-heading>span{background:#26769e}.rule-panel-heading p{margin:0;font-size:13px;font-weight:900;color:#2b6a35}.past .rule-panel-heading p{color:#246b90}.rule-panel-heading h3{margin:2px 0 0;font:700 22px Georgia,serif;color:#1c3c26}.verb-rule-panel>p{line-height:1.5}.verb-mini-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.verb-mini-columns>div{background:rgba(255,255,255,.83);border-radius:15px;padding:12px 14px;border:1px solid rgba(80,120,80,.15)}.verb-mini-columns h4{margin:0 0 8px;color:#255f31}.past .verb-mini-columns h4{color:#1d668c}.verb-mini-columns small{font-weight:500}.verb-mini-columns p{margin:0;line-height:1.55}.verb-mini-columns b{color:#2d7d39}.past .verb-mini-columns b{color:#176e99}.verb-sticky-note{position:absolute;right:16px;bottom:50px;width:135px;min-height:108px;background:#fff4a9;box-shadow:0 9px 15px rgba(81,72,25,.18);transform:rotate(2deg);padding:14px 12px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:3px}.verb-sticky-note:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#4f993d;top:-7px;left:50%;transform:translateX(-50%);box-shadow:0 3px 4px rgba(0,0,0,.2)}.verb-sticky-note strong{color:#a12525}.verb-sticky-note.blue{background:#d9effc}.verb-sticky-note.blue:before{background:#2e88b7}.verb-sticky-note.blue strong{color:#1b6c94}.rule-example-line{padding-right:150px!important;font-weight:700;color:#203c28}.hidden-rule-copy{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.verb-daily-examples{margin-top:18px;border:1px solid #cddfc5;border-radius:20px;background:#fff;padding:16px 18px}.verb-section-title{display:flex;gap:10px;align-items:center;margin-bottom:12px}.verb-section-title span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2d7138;color:#fff}.verb-section-title h2{margin:0;font:700 22px Georgia,serif;color:#286132}.verb-example-row{display:grid;grid-template-columns:repeat(4,1fr)}.verb-example-row article{padding:4px 16px;border-right:1px solid #d8e4d4}.verb-example-row article:last-child{border-right:0}.verb-example-row p{margin:0 0 5px;font-size:16px}.verb-example-row strong{color:#2a7536}.verb-example-row span{font-size:14px;color:#6b756d}.verb-bottom-row{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-top:14px}.verb-final-tip{display:flex;align-items:center;gap:12px;background:#fff0f2;border:1px solid #efb8c2;border-radius:18px;padding:14px 18px}.verb-final-tip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d94d69;color:#fff}.verb-final-tip strong{color:#b33550}.verb-final-tip p{margin:3px 0 0}.compact-note{margin:0}.verbs-nav{margin-top:16px}
@media(max-width:1150px){.verb-premium-grid{grid-template-columns:280px 1fr}.verb-teacher-frame{height:460px}.verb-rule-panels{grid-template-columns:1fr}.verb-rule-panel{min-height:auto}.verb-sticky-note{position:relative;right:auto;bottom:auto;margin:18px 0 8px;width:auto;min-height:auto;transform:none}.rule-example-line{padding-right:0!important}.verb-example-row{grid-template-columns:1fr 1fr}.verb-example-row article:nth-child(2){border-right:0}.verb-example-row article{padding:10px 14px;border-bottom:1px solid #d8e4d4}.verb-example-row article:nth-child(3),.verb-example-row article:nth-child(4){border-bottom:0}}
@media(max-width:820px){.verb-premium-header{grid-template-columns:1fr}.verb-page-badge{width:max-content}.verb-page-number{position:absolute;right:22px;top:24px}.verb-premium-grid{grid-template-columns:1fr}.verb-teacher-frame{height:440px}.verb-language-compare{grid-template-columns:1fr}.verb-compare-arrow{margin:auto;transform:rotate(90deg)}.verb-bottom-row{grid-template-columns:1fr}}
@media(max-width:560px){.verbs-premium{padding:18px}.verb-heading-copy h1{font-size:37px}.verb-teacher-frame{height:390px}.verb-mini-columns,.verb-example-row{grid-template-columns:1fr}.verb-example-row article{border-right:0;border-bottom:1px solid #d8e4d4!important}.verb-example-row article:last-child{border-bottom:0!important}}

.rule-formula{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 16px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.78);border:1px solid rgba(45,110,63,.18);font-size:16px;flex-wrap:wrap}.rule-formula span{font-weight:700;color:#2f4b3b}.rule-formula b{color:#7c8c82}.rule-formula strong{font-size:19px;color:#23743b}.past-formula{border-color:rgba(38,112,150,.20)}.past-formula strong{color:#1f789f}.verb-rule-panel>p:first-of-type{margin-bottom:4px}.rule-example-line{margin-top:12px!important;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.66);text-align:center}

/* Beginner-friendly verb explanation */
.beginner-rules .verb-rule-panel{min-height:0}.translation-list{display:grid;gap:8px;margin:14px 0}.translation-list>div{display:grid;grid-template-columns:minmax(115px,.8fr) 1.2fr;align-items:center;gap:18px;background:rgba(255,255,255,.86);border:1px solid rgba(70,110,80,.14);border-radius:12px;padding:9px 13px}.translation-list b{font-size:17px;color:#245f31}.translation-list span{color:#415267}.past-list b{color:#176e99}.ending{color:#d22f2f!important;font-weight:900}.simple-rule-box{margin:14px 0;padding:13px 15px;border-radius:14px;background:#fff8ce;border:1px solid #eadb8f}.simple-rule-box strong{display:block;color:#285f32;font-size:17px;margin-bottom:3px}.simple-rule-box p{margin:0;line-height:1.45}.simple-rule-box.blue{background:#e4f4fc;border-color:#b7d9eb}.simple-rule-box.blue strong{color:#1c6d94}.compact-list>div{grid-template-columns:1fr 1fr}.compact-list>div span:first-child{font-weight:600}.beginner-rules .rule-example-line{padding-right:12px!important}.beginner-rules .verb-rule-panel>p{margin-top:8px}.beginner-rules .verb-rule-panel{padding:20px}.verb-teacher-premium{object-fit:contain!important;object-position:center bottom!important}.verb-teacher-frame{background:linear-gradient(180deg,#f7fbff,#edf5ef)!important}@media(max-width:700px){.translation-list>div,.compact-list>div{grid-template-columns:1fr;gap:3px}}

/* Learning dashboard and contents navigation */
.contents-btn{border:1px solid rgba(31,74,103,.18);background:#fff;color:#173b55;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(25,65,91,.08)}
.contents-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(25,65,91,.13)}
.dashboard-page{padding:clamp(22px,3vw,42px);background:linear-gradient(145deg,#fbfdfd,#f3f8fb)}
.dashboard-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:center;padding:12px 4px 26px}
.dashboard-hero h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,68px);line-height:1;color:#153650;margin:7px 0 14px}.dashboard-lead{max-width:720px;color:#526b7d;font-size:18px;line-height:1.7}
.dashboard-progress-card{background:linear-gradient(135deg,#173d59,#2d7095);color:#fff;border-radius:25px;padding:25px;box-shadow:0 18px 42px rgba(27,76,105,.2)}
.dashboard-progress-top{display:flex;justify-content:space-between;align-items:end;font-weight:800}.dashboard-progress-top strong{font-size:32px}.dashboard-progress-track{height:12px;background:rgba(255,255,255,.2);border-radius:999px;overflow:hidden;margin:18px 0 10px}.dashboard-progress-track span{display:block;height:100%;width:0;background:#fff;border-radius:inherit;transition:width .35s ease}.dashboard-progress-card p{margin:0;color:rgba(255,255,255,.82)}
.continue-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid #d9e7ee;border-radius:24px;padding:22px 25px;box-shadow:0 12px 35px rgba(38,74,97,.09)}.continue-icon{width:58px;height:58px;border-radius:18px;background:#e8f3f8;display:grid;place-items:center;color:#276b91;font-size:24px}.continue-card small,.lesson-dashboard-card small,.dashboard-coming-grid small{font-weight:900;letter-spacing:.12em;color:#6b91a9}.continue-card h2{font-family:Georgia,serif;color:#173b55;margin:4px 0}.continue-card p{margin:0;color:#718493}
.dashboard-section{margin-top:30px}.dashboard-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.dashboard-section-heading h2{font-family:Georgia,serif;font-size:35px;color:#173b55;margin:3px 0}.dashboard-section-heading>span{background:#e7f2f7;color:#2b6788;border-radius:999px;padding:8px 13px;font-weight:800}
.lesson-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-dashboard-card{position:relative;text-align:left;background:#fff;border:1px solid #d9e7ee;border-radius:22px;padding:24px;cursor:pointer;min-height:220px;transition:.2s ease}.lesson-dashboard-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(25,69,96,.12);border-color:#99bfd2}.lesson-dashboard-card h3{font-family:Georgia,serif;font-size:25px;color:#18394f;margin:12px 0 9px}.lesson-dashboard-card p{color:#687e8c;line-height:1.55}.lesson-dashboard-card b{display:block;margin-top:18px;color:#2d779e}.lesson-status{position:absolute;right:18px;top:18px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#eef4f6;color:#75909e;font-weight:900}.lesson-dashboard-card.visited .lesson-status{background:#dff1e4;color:#257440}.lesson-dashboard-card.active-lesson{outline:3px solid rgba(45,119,158,.18)}
.dashboard-coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.dashboard-coming-grid article{display:grid;grid-template-columns:auto 1fr;gap:14px;background:rgba(255,255,255,.65);border:1px dashed #c8d9e2;border-radius:20px;padding:19px;color:#637986}.dashboard-coming-grid article>span{font-size:30px}.dashboard-coming-grid h3{margin:5px 0;color:#264a60}.dashboard-coming-grid p{margin:0}.dashboard-coming-grid b{grid-column:2;color:#9aaab3;font-size:13px;margin-top:8px}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.dashboard-stats article{background:#fff6dc;border:1px solid #efd898;border-radius:18px;padding:18px;text-align:center}.dashboard-stats strong{display:block;font-family:Georgia,serif;font-size:30px;color:#9b6b06}.dashboard-stats span{color:#7b6b47}
@media(max-width:900px){.dashboard-hero{grid-template-columns:1fr}.lesson-dashboard-grid,.dashboard-coming-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.continue-card{grid-template-columns:auto 1fr}.continue-card .primary-btn{grid-column:1/-1}.contents-btn span{display:none}}
@media(max-width:560px){.dashboard-stats{grid-template-columns:1fr}.dashboard-page{padding:18px}.top-actions{gap:7px}.contents-btn{padding:10px 12px}}


/* Two-page human welcome experience */
.welcome-course-page{margin-top:24px;padding:clamp(22px,3.2vw,44px);overflow:hidden;background:linear-gradient(145deg,#fffdfa 0%,#f5fafc 58%,#eef6fb 100%);position:relative}
.welcome-course-page:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(91,143,191,.12);filter:blur(12px);right:-130px;top:-160px}
.welcome-ribbon{position:relative;z-index:2;width:max-content;max-width:100%;padding:10px 17px;border-radius:999px;background:#173049;color:#fff;font-size:12px;font-weight:800;letter-spacing:.13em}
.welcome-stage{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:26px;margin-top:26px}
.welcome-person{min-height:610px;border:1px solid var(--line);border-radius:30px;position:relative;overflow:hidden;background:rgba(255,255,255,.78);box-shadow:0 22px 55px rgba(23,48,73,.09)}
.welcome-professor{background:linear-gradient(150deg,#eff7fb,#fff 62%)}
.welcome-tea{background:linear-gradient(150deg,#fff9ef,#fff 62%)}
.welcome-avatar{position:absolute;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(23,48,73,.16))}
.ivana-welcome-avatar{height:570px;width:48%;left:0;bottom:-20px;object-position:left bottom}
.tea-welcome-avatar{height:565px;width:45%;right:0;bottom:-18px;object-position:right bottom}
.welcome-bubble{position:absolute;z-index:3;padding:24px 26px;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(23,48,73,.13);border:1px solid rgba(120,155,180,.22);line-height:1.65}
.welcome-bubble:after{content:"";position:absolute;width:28px;height:28px;background:inherit;transform:rotate(45deg);bottom:60px}
.professor-bubble{left:39%;right:24px;top:45px}.professor-bubble:after{left:-14px}
.tea-bubble{left:24px;right:37%;top:56px}.tea-bubble:after{right:-14px}
.bubble-label{display:inline-block;margin-bottom:10px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em}
.welcome-bubble h1,.welcome-bubble h2{margin:0 0 13px;color:var(--ink);font:600 clamp(25px,2.5vw,38px)/1.08 Georgia,serif}
.welcome-bubble p{margin:0 0 12px;color:var(--ink2);font-size:15px}
.welcome-promise{position:relative;z-index:2;margin-top:22px;padding:21px 26px;border:1px solid #e7d2a4;border-radius:23px;background:linear-gradient(135deg,#fff8e7,#fffdf8);display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;color:#644c20}
.welcome-promise strong{font:700 21px Georgia,serif}.welcome-promise span{font-size:15px}
.welcome-actions{position:relative;z-index:2;display:flex;justify-content:center;margin-top:22px}
.welcome-main-btn{min-width:min(100%,340px);justify-content:center;font-size:16px}
.learning-experience-page{background:linear-gradient(145deg,#f9fcfe,#fffaf4)}
.experience-heading{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto 28px}
.experience-heading h1{margin:7px 0 10px;font:500 clamp(38px,5vw,66px)/1 Georgia,serif;letter-spacing:-.035em}
.experience-heading>p:last-child{margin:0;color:var(--ink2);font-size:18px}
.experience-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.experience-grid article{min-height:205px;padding:22px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(23,48,73,.06)}
.experience-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--blue-soft);font-size:23px}
.experience-grid h3{margin:15px 0 8px;font:600 20px/1.18 Georgia,serif}.experience-grid p{margin:0;color:var(--ink2);font-size:14px;line-height:1.55}
.certificate-band{position:relative;z-index:2;margin-top:20px;padding:24px 28px;border-radius:24px;border:1px solid #e3c887;background:linear-gradient(135deg,#fff7df,#fff);box-shadow:0 15px 34px rgba(186,142,49,.09)}
.certificate-band>div{display:flex;gap:20px;align-items:center}.certificate-icon{font-size:45px}.certificate-band small{color:#986c13;font-weight:900;letter-spacing:.12em}.certificate-band h2{margin:4px 0 6px;font:600 27px Georgia,serif}.certificate-band p{margin:0;color:var(--ink2);line-height:1.55}
.opening-quote{position:relative;z-index:2;margin:20px auto 0;max-width:850px;text-align:center;color:var(--ink);font:600 24px/1.45 Georgia,serif}
.split-actions{justify-content:space-between}.large-ghost{padding:14px 22px}
@media(max-width:1050px){.welcome-stage{grid-template-columns:1fr}.welcome-person{min-height:560px}.experience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.welcome-course-page{padding:18px}.welcome-person{min-height:690px}.ivana-welcome-avatar,.tea-welcome-avatar{width:78%;height:430px;left:11%;right:auto;bottom:-10px}.welcome-bubble{left:18px;right:18px;top:18px}.welcome-bubble:after{display:none}.experience-grid{grid-template-columns:1fr}.certificate-band>div{align-items:flex-start}.split-actions{gap:10px;flex-direction:column}.large-ghost,.welcome-main-btn{width:100%}}

.method-page{display:grid;grid-template-columns:360px 1fr;gap:34px;margin-top:24px;padding:34px;background:linear-gradient(145deg,#fffdf8,#f3f8fc);overflow:hidden}.method-teacher{position:relative;border-radius:28px;background:linear-gradient(160deg,#dfeaf4,#fff 70%);min-height:760px;overflow:hidden;border:1px solid var(--line)}.method-photo-wrap{position:absolute;inset:20px 0 115px}.method-photo{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 24px rgba(23,48,73,.17))}.method-note{position:absolute;left:22px;right:22px;bottom:24px;padding:19px;border-radius:20px;background:#173049;color:white;text-align:center}.method-note strong{display:block;font:600 23px Georgia,serif}.method-note span{display:block;margin-top:5px;letter-spacing:.08em}.method-content h1{margin:7px 0 15px;font:500 clamp(42px,5vw,72px)/.98 Georgia,serif;color:var(--ink)}.method-lead{font-size:18px;line-height:1.65;color:var(--ink2)}.method-highlight{display:flex;gap:15px;align-items:center;padding:20px 22px;border-radius:22px;background:#fff4cf;border:1px solid #e8cf7d;margin:22px 0}.method-highlight>span{font-size:34px}.method-highlight strong{font:600 24px Georgia,serif}.method-highlight p{margin:5px 0 0}.method-results h2,.method-steps h2{font:600 27px Georgia,serif}.method-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-result-grid article{padding:15px 17px;border-radius:16px;background:#fff;border:1px solid var(--line);font-weight:650}.method-words{margin:20px 0;padding:19px 22px;border-radius:18px;background:linear-gradient(135deg,#eaf5fb,#fff);border-left:6px solid #2d7fa6}.method-words strong{display:block;font:600 25px Georgia,serif}.method-words span{display:block;margin-top:6px;color:var(--ink2)}.method-step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.method-step-grid article{padding:15px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center}.method-step-grid b{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 9px;border-radius:50%;background:#173049;color:#fff}.method-step-grid span{font-size:13px;line-height:1.4}.method-content blockquote{margin:22px 0 0;padding:18px;text-align:center;border-radius:18px;background:#173049;color:#fff;font:600 23px Georgia,serif}@media(max-width:1000px){.method-page{grid-template-columns:1fr}.method-teacher{min-height:520px}.method-step-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.method-result-grid,.method-step-grid{grid-template-columns:1fr}.method-page{padding:18px}.method-teacher{min-height:500px}}


/* A1 course threshold — page 5 */
.level-start-page{position:relative;margin-top:24px;padding:clamp(24px,3.5vw,48px);overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(80,151,190,.17),transparent 28%),linear-gradient(145deg,#fffdf8 0%,#f5fafc 50%,#edf6fb 100%)}
.level-orbit{position:absolute;border:1px solid rgba(45,119,158,.18);border-radius:50%;pointer-events:none}.level-orbit-one{width:520px;height:520px;right:-210px;top:-230px}.level-orbit-two{width:310px;height:310px;left:-170px;bottom:-160px}
.level-start-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.level-kicker{font-size:12px;font-weight:900;letter-spacing:.17em;color:#2d779e}.level-page-count{font-weight:900;color:#2d779e;background:#e7f2f7;border-radius:999px;padding:9px 14px}
.level-start-hero{position:relative;z-index:2;display:grid;grid-template-columns:310px 1fr;gap:46px;align-items:center;margin-top:36px}.level-a1-mark{min-height:360px;border-radius:38px;background:linear-gradient(155deg,#173049,#2d779e);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 65px rgba(23,48,73,.22);transform:rotate(-2deg)}.level-a1-mark small{font-weight:900;letter-spacing:.24em}.level-a1-mark strong{font:700 150px/.9 Georgia,serif;margin:15px 0}.level-a1-mark span{font-weight:800;letter-spacing:.13em}
.level-start-copy h1{margin:8px 0 18px;font:500 clamp(44px,5.2vw,76px)/.98 Georgia,serif;color:var(--ink);letter-spacing:-.035em}.level-lead{max-width:850px;font-size:19px;line-height:1.68;color:var(--ink2)}.level-message{display:flex;gap:16px;align-items:flex-start;margin-top:25px;padding:21px 23px;border:1px solid #e6d19a;border-radius:22px;background:#fff7df}.level-message>span{font-size:31px;color:#b88413}.level-message p{margin:0;line-height:1.58}.level-message strong{font:600 23px Georgia,serif;color:#644c20}
.level-outcomes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.level-outcomes article{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:22px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(23,48,73,.06)}.level-outcomes article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e7f2f7;font-size:23px}.level-outcomes small{color:#2d779e;font-weight:900;letter-spacing:.12em}.level-outcomes h3{margin:5px 0 8px;font:600 20px/1.18 Georgia,serif}.level-outcomes p{margin:0;color:var(--ink2);font-size:14px;line-height:1.5}
.level-roadmap{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:20px;padding:24px 28px;border-radius:24px;background:#173049;color:#fff}.level-roadmap small{color:#a9d4e8;font-weight:900;letter-spacing:.13em}.level-roadmap h2{margin:6px 0 0;font:600 28px Georgia,serif}.level-roadmap-steps{display:flex;gap:12px;align-items:center}.level-roadmap-steps span{display:flex;align-items:center;gap:8px;font-weight:800}.level-roadmap-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#173049}.level-roadmap-steps i{font-style:normal;color:#81b8d2}
.level-ready-banner{position:relative;z-index:2;display:flex;gap:17px;align-items:center;margin-top:20px;padding:21px 25px;border-radius:22px;border:1px solid #bad9e8;background:linear-gradient(135deg,#edf8fd,#fff)}.level-ready-banner>span{font-size:36px}.level-ready-banner strong{font:600 24px Georgia,serif}.level-ready-banner p{margin:5px 0 0;color:var(--ink2)}.level-start-quote{position:relative;z-index:2;margin:24px auto 0;text-align:center;font:600 25px/1.4 Georgia,serif;color:var(--ink)}

/* Uvod 04 — kompletan Talking Book sistem */
.method-page.talking-book-page{position:relative;grid-template-columns:minmax(300px,350px) minmax(0,1fr);align-items:start;gap:clamp(26px,3vw,44px);padding:clamp(24px,3vw,44px);background:radial-gradient(circle at 8% 5%,rgba(58,153,164,.16),transparent 24%),linear-gradient(145deg,#f9fcfb 0%,#fffdf7 48%,#eef6f9 100%)}
.talking-book-page::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(27,95,111,.11) .8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 42%)}
.talking-book-page .method-teacher{position:sticky;top:22px;min-height:820px;border:0;background:radial-gradient(circle at 50% 25%,#f7fcff 0,#dcecf1 47%,#c9dfe5 100%);box-shadow:0 28px 60px rgba(18,63,77,.16)}
.talking-book-page .method-teacher::before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.76);border-radius:23px;pointer-events:none}.talking-book-page .method-photo-wrap{inset:22px 0 126px}.talking-book-page .method-note{background:linear-gradient(135deg,#123b4b,#176b68);box-shadow:0 16px 32px rgba(13,55,65,.26)}
.talking-book-content{position:relative;z-index:1;min-width:0}.talking-book-content>h1{max-width:1050px;margin:8px 0 18px;font:600 clamp(42px,4.5vw,72px)/1.02 Georgia,serif;letter-spacing:-.035em;color:#12384b}.talking-book-lead{max-width:1040px;font-size:clamp(18px,1.55vw,22px);line-height:1.63}.talking-book-lead strong{color:#176b68}
.talking-book-promise{display:flex;gap:17px;align-items:center;margin:24px 0 30px;padding:21px 24px;border:1px solid #e1c975;border-radius:22px;background:linear-gradient(135deg,#fff4c6,#fffdf2 66%,#eaf6f4);box-shadow:0 14px 30px rgba(96,79,25,.08)}.talking-book-promise>span{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:17px;background:#153e4e;color:#ffe17b;font-size:29px}.talking-book-promise strong{font:600 clamp(21px,2vw,27px) Georgia,serif;color:#14394a}.talking-book-promise p{margin:5px 0 0;line-height:1.53;color:#526873}
.talking-book-flow,.talking-book-capabilities,.talking-book-progress{margin-top:31px}.talking-book-section-title{display:flex;gap:15px;align-items:center;margin-bottom:16px}.talking-book-section-title>span{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;background:#173f4e;color:#ffe684;font-weight:900}.talking-book-section-title p{margin:0 0 3px;color:#2c7c79;font-size:11px;font-weight:900;letter-spacing:.16em}.talking-book-section-title h2{margin:0;font:600 clamp(25px,2.5vw,34px)/1.12 Georgia,serif;color:#173a4c}
.talking-book-flow-list{counter-reset:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.talking-book-flow-list li{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;padding:17px 18px;border:1px solid #dce7e7;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 9px 22px rgba(21,61,73,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.talking-book-flow-list li:hover{transform:translateY(-3px);border-color:#9accc7;box-shadow:0 16px 30px rgba(21,61,73,.1)}.talking-book-flow-list b{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#e6f4f2;color:#176b68;font-weight:900}.talking-book-flow-list strong{display:block;margin:1px 0 5px;color:#173a4c;font-size:16px}.talking-book-flow-list span{display:block;color:#60727c;font-size:13px;line-height:1.5}
.talking-book-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.talking-book-capability-grid article{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:15px;border:1px solid #d9e6e5;border-radius:17px;background:linear-gradient(145deg,#fff,#f7fbfa)}.talking-book-capability-grid article>span{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#e7f4f3;font-size:20px}.talking-book-capability-grid strong{display:block;margin-bottom:4px;color:#163c4d;font-size:14px}.talking-book-capability-grid small{display:block;color:#657984;font-size:11.5px;line-height:1.43}
.talking-book-skills{margin-top:32px;padding:clamp(22px,3vw,34px);border-radius:28px;background:radial-gradient(circle at 90% -20%,rgba(255,222,112,.18),transparent 34%),linear-gradient(135deg,#123b4b,#195b69 55%,#1a716b);color:#fff;box-shadow:0 25px 55px rgba(15,60,72,.21)}.talking-book-skills-head{display:flex;justify-content:space-between;gap:22px;align-items:end}.talking-book-skills-head p{margin:0 0 5px;color:#91d8d2;font-size:11px;font-weight:900;letter-spacing:.16em}.talking-book-skills-head h2{margin:0;font:600 clamp(27px,2.8vw,38px) Georgia,serif}.talking-book-skills-head>span{max-width:280px;color:#cce6e7;font-size:12px;line-height:1.4;text-align:right}.talking-book-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.talking-book-skill-grid article{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.095);backdrop-filter:blur(8px)}.talking-book-skill-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.12);font-size:21px}.talking-book-skill-grid small{display:block;color:#8fd4cf;font-weight:900}.talking-book-skill-grid strong{display:block;margin:2px 0 8px;font-size:13px}.talking-book-skill-grid i{display:block;height:4px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.talking-book-skill-grid i::after{content:"";display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe17c,#fff0ad);animation:talkingBookSkillGlow 2.8s ease-in-out infinite alternate}.talking-book-skill-grid article:nth-child(2n) i::after{animation-delay:-1.2s}.talking-book-skill-grid article:nth-child(3n) i::after{animation-delay:-2s}
.talking-book-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.talking-book-progress-grid article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px;border-radius:18px;background:#fff;border:1px solid #d9e6e5}.talking-book-progress-grid b{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#163f4e,#24827b);color:#fff;font-size:15px}.talking-book-progress-grid strong{display:block;margin-bottom:4px;color:#173a4c}.talking-book-progress-grid span{display:block;color:#647884;font-size:12.5px;line-height:1.45}
.talking-book-final{display:grid!important;grid-template-columns:auto 1fr;gap:16px;align-items:center!important;margin:30px 0 0!important;padding:22px 25px!important;text-align:left!important;border-radius:22px!important;background:linear-gradient(135deg,#173f4e,#234f5e)!important}.talking-book-final>span{font:700 60px/.7 Georgia,serif;color:#ffe27c}.talking-book-final p{margin:0;font:400 16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.talking-book-final strong{color:#fff1b5}
@keyframes talkingBookSkillGlow{from{width:24%;filter:brightness(.95)}to{width:78%;filter:brightness(1.15)}}

/* A1 portal — samo nivo, ishod i ulazak u prvu lekciju */
.level-start-page.a1-portal-page{position:relative;display:grid;place-items:center;min-height:min(78vh,820px);isolation:isolate;padding:clamp(30px,6vw,90px);background:radial-gradient(circle at 50% 47%,rgba(48,198,176,.25),transparent 24%),radial-gradient(circle at 16% 18%,rgba(255,220,115,.16),transparent 22%),linear-gradient(145deg,#071c2d 0%,#0d3f51 48%,#0e665f 100%);color:#fff}.a1-portal-page::before{content:"A1";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-52%);font:800 clamp(290px,46vw,690px)/.8 Georgia,serif;color:rgba(255,255,255,.025);letter-spacing:-.08em;pointer-events:none}.a1-portal-page::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.1);border-radius:32px;pointer-events:none}
.a1-portal-visual{position:absolute;inset:0;overflow:hidden;pointer-events:none}.a1-portal-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(151,239,225,.25);transform:translate(-50%,-50%)}.a1-portal-ring::after{content:"";position:absolute;left:50%;top:-7px;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:#ffe076;box-shadow:0 0 25px #ffe076}.a1-portal-ring.ring-one{width:min(68vw,710px);height:min(68vw,710px);animation:a1PortalSpin 18s linear infinite}.a1-portal-ring.ring-two{width:min(88vw,940px);height:min(88vw,940px);border-style:dashed;animation:a1PortalSpinReverse 28s linear infinite}.a1-portal-ring.ring-three{width:min(48vw,500px);height:min(48vw,500px);border-color:rgba(255,225,118,.23);animation:a1PortalSpin 12s linear infinite}.a1-portal-ring.ring-two::after{background:#76e5da;box-shadow:0 0 24px #76e5da}.a1-portal-ring.ring-three::after{top:auto;bottom:-6px}
.a1-portal-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff4bf;box-shadow:0 0 22px 7px rgba(255,231,139,.28);animation:a1PortalFloat 4s ease-in-out infinite}.a1-portal-spark.spark-one{left:18%;top:25%}.a1-portal-spark.spark-two{right:19%;top:19%;animation-delay:-1.1s}.a1-portal-spark.spark-three{left:25%;bottom:20%;animation-delay:-2.4s}.a1-portal-spark.spark-four{right:23%;bottom:24%;animation-delay:-3.2s}
.a1-portal-content{position:relative;z-index:2;display:grid;justify-items:center;width:min(900px,90%);text-align:center}.a1-portal-content h1{margin:0;background:linear-gradient(180deg,#fff 10%,#d8fffa 70%,#86dfd4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font:700 clamp(82px,15vw,190px)/.9 Georgia,serif;letter-spacing:-.065em;text-shadow:0 18px 55px rgba(37,198,179,.16);filter:drop-shadow(0 8px 26px rgba(0,0,0,.2))}.a1-portal-content p{max-width:790px;margin:28px 0 34px;color:#e3f4f3;font-size:clamp(17px,1.7vw,23px);line-height:1.66;text-wrap:balance}.a1-portal-content button{position:relative;display:flex;align-items:center;gap:16px;overflow:hidden;border:1px solid rgba(255,255,255,.52);border-radius:999px;padding:9px 10px 9px 27px;background:linear-gradient(120deg,#ffe17a,#fff3bc 45%,#ffe17a);background-size:200% 100%;color:#123a49;font:900 clamp(15px,1.35vw,19px) system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 18px 45px rgba(2,20,31,.35),0 0 35px rgba(255,226,121,.16);cursor:pointer;animation:a1PortalShimmer 3s linear infinite;transition:transform .25s ease,box-shadow .25s ease}.a1-portal-content button b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#123e4c;color:#fff;font-size:24px;transition:transform .25s ease}.a1-portal-content button:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 25px 55px rgba(2,20,31,.42),0 0 45px rgba(255,226,121,.25)}.a1-portal-content button:hover b{transform:translateX(3px)}
@keyframes a1PortalSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes a1PortalSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes a1PortalFloat{0%,100%{transform:translateY(0) scale(.8);opacity:.45}50%{transform:translateY(-18px) scale(1.25);opacity:1}}@keyframes a1PortalShimmer{to{background-position:-200% 0}}
@media(max-width:1180px){.talking-book-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.talking-book-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.method-page.talking-book-page{grid-template-columns:1fr}.talking-book-page .method-teacher{position:relative;top:auto;min-height:560px}.talking-book-page .method-photo-wrap{inset:18px 0 116px}.a1-portal-ring.ring-three{width:62vw;height:62vw}}
@media(max-width:650px){.talking-book-flow-list,.talking-book-capability-grid,.talking-book-progress-grid{grid-template-columns:1fr}.talking-book-skills-head{align-items:start;flex-direction:column}.talking-book-skills-head>span{text-align:left}.talking-book-skill-grid{grid-template-columns:1fr}.talking-book-content>h1{font-size:40px}.talking-book-promise{align-items:flex-start}.a1-portal-page::before{font-size:72vw}.a1-portal-content p{margin-top:22px}.a1-portal-ring.ring-one{width:100vw;height:100vw}.a1-portal-ring.ring-two{width:135vw;height:135vw}.a1-portal-ring.ring-three{width:72vw;height:72vw}}
@media(prefers-reduced-motion:reduce){.talking-book-skill-grid i::after,.a1-portal-ring,.a1-portal-spark,.a1-portal-content button{animation:none!important}.talking-book-flow-list li,.a1-portal-content button,.a1-portal-content button b{transition:none!important}}

/* A1 — vedar gradski početak sa razgovorima */
.level-start-page.a1-city-page{position:relative;display:grid;place-items:start center;min-height:clamp(760px,78vh,900px);isolation:isolate;overflow:hidden;padding:clamp(38px,5vw,78px) clamp(22px,4vw,64px) 300px;background:linear-gradient(180deg,#a9e2f8 0%,#dff5ff 48%,#fff5d8 76%,#dcedb9 100%);color:#173049}
.a1-city-page::before{content:"";position:absolute;z-index:0;inset:18px;border:1px solid rgba(255,255,255,.72);border-radius:32px;box-shadow:inset 0 0 0 1px rgba(35,105,139,.06);pointer-events:none}.a1-city-page::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:37%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18));pointer-events:none}
.a1-city-scene{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.a1-sun{position:absolute;right:9%;top:8%;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fffce0 0 17%,#ffe478 42%,#ffc95c 100%);box-shadow:0 0 0 18px rgba(255,226,115,.14),0 0 70px 28px rgba(255,211,81,.3);animation:a1CitySun 5s ease-in-out infinite alternate}
.a1-cloud{position:absolute;width:170px;height:42px;border-radius:999px;background:rgba(255,255,255,.86);filter:drop-shadow(0 10px 12px rgba(74,137,166,.1));animation:a1CityCloud 18s ease-in-out infinite alternate}.a1-cloud::before,.a1-cloud::after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.a1-cloud::before{left:27px;width:72px;height:72px}.a1-cloud::after{right:28px;width:94px;height:94px}.a1-cloud.cloud-one{left:8%;top:14%}.a1-cloud.cloud-two{left:57%;top:23%;width:130px;height:34px;opacity:.74;animation-delay:-8s}.a1-cloud.cloud-two::before{width:54px;height:54px}.a1-cloud.cloud-two::after{width:70px;height:70px}.a1-cloud.cloud-three{right:-35px;top:37%;width:205px;opacity:.62;animation-delay:-14s}
.a1-city-landmarks{position:absolute;z-index:1;left:0;right:0;bottom:-1px;width:100%;height:auto;max-height:59%;overflow:visible}.a1-skyline-back{fill:#9bc0cf;opacity:.44}.a1-london-eye{fill:none;stroke:#517e97;stroke-width:8;opacity:.68}.a1-london-eye .solid{fill:#517e97;stroke:none}.a1-big-ben .tower,.a1-tower-bridge .tower{fill:#e9c678;stroke:#315f7b;stroke-width:6}.a1-big-ben .roof,.a1-tower-bridge .roof{fill:#315f7b;stroke:#315f7b;stroke-width:5}.a1-big-ben .spire{fill:#315f7b}.a1-big-ben .clock{fill:#fff8d7;stroke:#315f7b;stroke-width:6}.a1-big-ben .clock-hand,.a1-big-ben .detail{fill:none;stroke:#315f7b;stroke-width:5;stroke-linecap:round}.a1-tower-bridge .bridge{fill:#d89070;stroke:#315f7b;stroke-width:6}.a1-tower-bridge .cable{fill:none;stroke:#f9f2d8;stroke-width:7}.a1-tower-bridge .arch{fill:#7ab8cf;stroke:#315f7b;stroke-width:5}.a1-river{fill:#83cee3;opacity:.9}.a1-park{fill:#90c777}.a1-path{fill:#f4d7a2}
.a1-city-content{position:relative;z-index:5;width:min(820px,91%);padding:clamp(26px,3vw,42px) clamp(24px,4vw,54px);border:1px solid rgba(255,255,255,.84);border-radius:34px;background:rgba(255,255,255,.78);box-shadow:0 24px 65px rgba(27,80,105,.17),inset 0 1px 0 #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.a1-city-content::before{content:"HELLO · HI · WELCOME";margin-bottom:10px;color:#d25d52;font-size:11px;font-weight:900;letter-spacing:.22em}.a1-city-content h1{margin:0;background:none;-webkit-background-clip:initial;background-clip:initial;color:#173f5d;font:700 clamp(72px,10vw,132px)/.88 Georgia,serif;letter-spacing:-.055em;text-shadow:3px 4px 0 rgba(255,205,92,.82);filter:none}.a1-city-content p{max-width:760px;margin:23px 0 29px;color:#284d61;font-size:clamp(16px,1.45vw,20px);font-weight:550;line-height:1.65;text-wrap:balance}.a1-city-content button{border:1px solid rgba(139,55,49,.16);background:linear-gradient(120deg,#ffdf74,#fff3b6 43%,#ffdf74);color:#153d56;box-shadow:0 15px 34px rgba(42,91,112,.2),0 5px 0 #e5b94c}.a1-city-content button b{background:linear-gradient(145deg,#eb6a5e,#c94645);box-shadow:0 6px 15px rgba(165,52,49,.24)}.a1-city-content button:hover{box-shadow:0 22px 44px rgba(42,91,112,.25),0 5px 0 #e5b94c}
.a1-moving-words{position:absolute;z-index:3;inset:0}.moving-word{position:absolute;padding:9px 15px;border:1px solid rgba(42,99,124,.14);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(31,89,115,.13);color:#184b67;font:800 clamp(12px,1vw,15px)/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;animation:a1WordWalk 10s ease-in-out infinite alternate}.moving-word::after{content:"";position:absolute;left:22px;bottom:-6px;width:11px;height:11px;border-right:1px solid rgba(42,99,124,.14);border-bottom:1px solid rgba(42,99,124,.14);background:rgba(255,255,255,.9);transform:rotate(45deg)}.word-hello{left:5%;top:36%;animation-delay:-2s}.word-hi{right:8%;top:17%;animation-delay:-5.5s}.word-morning{left:21%;top:6%;animation-delay:-7s}.word-name{right:4%;top:42%;animation-delay:-.8s}.word-meet{left:45%;top:70%;animation-delay:-8.3s}
.a1-chat-group{position:absolute;z-index:4;bottom:16px;width:clamp(330px,31vw,500px);height:320px;filter:drop-shadow(0 20px 20px rgba(27,70,87,.16));animation:a1GroupWalk 7s ease-in-out infinite alternate}.a1-chat-group.chat-left{left:2%}.a1-chat-group.chat-right{right:1%;animation-delay:-3.5s}.a1-family-group{position:absolute;z-index:4;left:50%;bottom:10px;width:clamp(540px,43vw,690px);height:300px;transform:translateX(-50%);filter:drop-shadow(0 20px 20px rgba(27,70,87,.14));animation:a1FamilyWalk 7.8s ease-in-out infinite alternate}.a1-mini-person{position:absolute;bottom:-10px;width:auto;max-width:none;object-fit:contain;object-position:center bottom;transform-origin:center bottom;animation:a1PersonTalk 3.4s ease-in-out infinite}.chat-left .person-man{z-index:1;left:125px;height:275px;transform:scaleX(-1);animation-name:a1PersonTalkFlipped;animation-delay:-1.6s}.chat-left .person-blackhair{z-index:3;left:0;height:270px}.chat-right .person-redhood{z-index:1;right:118px;height:260px;transform:scaleX(-1);animation-name:a1PersonTalkFlipped;animation-delay:-2.4s}.chat-right .person-bearded{z-index:3;right:0;height:292px;animation-delay:-.7s}.a1-family-group .person-tea{z-index:2;left:10px;height:270px;animation-delay:-2.2s}.a1-family-group .person-boy{z-index:3;right:150px;height:205px;animation-delay:-1.1s}.a1-family-group .person-baby{z-index:4;right:8px;height:175px;animation-delay:-2.8s}
.a1-speech{position:absolute;z-index:6;padding:9px 13px;border:2px solid #225a77;border-radius:17px;background:#fff;color:#164158;font:900 12px/1.15 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 7px 18px rgba(28,75,96,.14);animation:a1SpeechPop 3.4s ease-in-out infinite}.a1-speech::after{content:"";position:absolute;bottom:-7px;width:12px;height:12px;border-right:2px solid #225a77;border-bottom:2px solid #225a77;background:#fff;transform:rotate(45deg)}.speech-left-one{left:29px;top:21px}.speech-left-one::after{left:24px}.speech-left-two{left:214px;top:2px;animation-delay:-1.7s}.speech-left-two::after{right:22px}.speech-family-tea{left:35px;top:12px;animation-delay:-2.2s}.speech-family-tea::after{left:24px}.speech-family-kids{right:30px;top:58px;animation-delay:-1.1s}.speech-family-kids::after{right:24px}.speech-right-one{right:255px;top:13px;animation-delay:-2.2s}.speech-right-one::after{right:22px}.speech-right-two{right:3px;top:0;animation-delay:-.7s}.speech-right-two::after{left:23px}
@keyframes a1CityCloud{from{transform:translateX(-18px)}to{transform:translateX(32px)}}@keyframes a1CitySun{from{transform:scale(.97)}to{transform:scale(1.035)}}@keyframes a1WordWalk{0%{transform:translate3d(-10px,4px,0) rotate(-1deg)}50%{transform:translate3d(15px,-9px,0) rotate(1deg)}100%{transform:translate3d(38px,3px,0) rotate(-.5deg)}}@keyframes a1GroupWalk{from{transform:translateX(-7px)}to{transform:translateX(9px)}}@keyframes a1FamilyWalk{from{transform:translateX(calc(-50% - 8px))}to{transform:translateX(calc(-50% + 8px))}}@keyframes a1PersonTalk{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.8deg)}}@keyframes a1PersonTalkFlipped{0%,100%{transform:scaleX(-1) translateY(0) rotate(0)}50%{transform:scaleX(-1) translateY(-7px) rotate(.8deg)}}@keyframes a1SpeechPop{0%,100%{transform:translateY(0) scale(.96)}50%{transform:translateY(-5px) scale(1)}}
@media(max-width:1180px){.level-start-page.a1-city-page{padding-bottom:265px}.a1-chat-group{width:315px;height:270px}.a1-family-group{width:470px;height:255px}.chat-left .person-blackhair{height:220px}.chat-left .person-man{left:100px;height:235px}.chat-right .person-redhood{right:95px;height:218px}.chat-right .person-bearded{height:240px}.a1-family-group .person-tea{height:220px}.a1-family-group .person-boy{right:115px;height:165px}.a1-family-group .person-baby{height:142px}.speech-left-two{left:158px}.speech-family-kids{right:10px}.speech-right-one{right:180px}.moving-word.word-meet{display:none}}
@media(max-width:820px){.level-start-page.a1-city-page{min-height:800px;padding:34px 15px 245px}.a1-city-page::before{inset:9px;border-radius:24px}.a1-city-content{width:min(660px,94%);border-radius:27px}.a1-city-content h1{font-size:clamp(68px,18vw,104px)}.a1-city-content p{font-size:16px}.a1-chat-group{bottom:3px;width:230px;height:215px}.a1-family-group{bottom:0;width:340px;height:210px}.chat-left .person-blackhair{height:165px}.chat-left .person-man{left:73px;height:178px}.chat-right .person-redhood{right:70px;height:160px}.chat-right .person-bearded{height:182px}.a1-family-group .person-tea{height:168px}.a1-family-group .person-boy{right:84px;height:126px}.a1-family-group .person-baby{height:108px}.a1-speech{font-size:10px;padding:7px 10px}.speech-left-one{left:16px;top:23px}.speech-left-two{left:118px;top:6px}.speech-family-tea{left:12px;top:25px}.speech-family-kids{right:0;top:61px}.speech-right-one{right:128px;top:17px}.speech-right-two{right:4px;top:4px}.moving-word.word-name,.moving-word.word-hello{display:none}.a1-city-landmarks{max-height:48%}}
@media(max-width:620px){.level-start-page.a1-city-page{min-height:790px;padding-top:25px;padding-bottom:220px}.a1-city-content{width:96%;padding:28px 20px}.a1-city-content::before{font-size:9px;letter-spacing:.15em}.a1-city-content h1{font-size:72px}.a1-city-content p{margin:19px 0 23px;line-height:1.52}.a1-city-content button{gap:9px;padding-left:20px}.a1-city-content button b{width:44px;height:44px}.a1-chat-group{width:155px;height:175px}.a1-chat-group.chat-left{left:-4%}.a1-chat-group.chat-right{right:-4%}.a1-family-group{width:230px;height:170px}.chat-left .person-blackhair{height:112px}.chat-left .person-man{left:48px;height:122px}.chat-right .person-redhood{right:44px;height:108px}.chat-right .person-bearded{height:123px}.a1-family-group .person-tea{left:0;height:116px}.a1-family-group .person-boy{right:52px;height:88px}.a1-family-group .person-baby{right:0;height:75px}.a1-speech{display:none}.a1-moving-words .moving-word{font-size:10px;padding:7px 10px}.word-morning{left:6%;top:2%}.word-hi{right:4%;top:45%}.a1-sun{right:7%;top:27%;width:72px;height:72px}.a1-cloud.cloud-one{left:-50px;top:33%;transform:scale(.7)}.a1-cloud.cloud-two{display:none}.a1-city-landmarks{height:42%;max-height:none}}
@media(prefers-reduced-motion:reduce){.a1-sun,.a1-cloud,.moving-word,.a1-chat-group,.a1-family-group,.a1-mini-person,.a1-speech,.a1-city-content button{animation:none!important}.a1-city-content button,.a1-city-content button b{transition:none!important}}

/* A1 raspored likova v12 — osam likova, dve visine, jasne pozicije */
.level-start-page.a1-city-page{min-height:960px;padding-bottom:410px}.a1-people-stage{position:absolute;z-index:4;inset:0;overflow:hidden;pointer-events:none;filter:drop-shadow(0 16px 18px rgba(27,70,87,.14))}.a1-people-stage .a1-mini-person{bottom:auto;max-width:none;object-position:center bottom}.a1-people-stage .person-v12-me{z-index:4;left:4%;bottom:205px;height:235px}.a1-people-stage .person-v12-man{z-index:5;left:12%;bottom:2px;height:230px;animation-delay:-1.6s}.a1-people-stage .person-v12-bearded{z-index:4;right:3%;bottom:205px;height:245px;animation-delay:-.7s}.a1-people-stage .person-v12-redhood{z-index:5;right:12%;bottom:0;height:225px;animation-delay:-2.4s}.a1-people-stage .person-v12-tea{z-index:3;left:34%;bottom:8px;height:240px;animation-delay:-2.2s}.a1-people-stage .person-v12-hat{z-index:4;left:45%;bottom:0;height:210px;animation-delay:-1.9s}.a1-people-stage .person-v12-boy{z-index:5;left:56%;bottom:2px;height:160px;animation-delay:-1.1s}.a1-people-stage .person-v12-baby{z-index:6;left:65%;bottom:0;height:140px;animation-delay:-2.8s}
@media(max-width:1180px){.level-start-page.a1-city-page{min-height:920px;padding-bottom:360px}.a1-people-stage .person-v12-me{left:2%;bottom:170px;height:190px}.a1-people-stage .person-v12-man{left:9%;height:180px}.a1-people-stage .person-v12-bearded{right:2%;bottom:170px;height:198px}.a1-people-stage .person-v12-redhood{right:8%;height:180px}.a1-people-stage .person-v12-tea{left:30%;height:185px}.a1-people-stage .person-v12-hat{left:42%;height:158px}.a1-people-stage .person-v12-boy{left:55%;height:120px}.a1-people-stage .person-v12-baby{left:65%;height:104px}}
@media(max-width:820px){.level-start-page.a1-city-page{min-height:880px;padding-bottom:325px}.a1-people-stage .person-v12-me{left:0;bottom:150px;height:158px}.a1-people-stage .person-v12-man{left:7%;height:146px}.a1-people-stage .person-v12-bearded{right:0;bottom:150px;height:163px}.a1-people-stage .person-v12-redhood{right:7%;height:145px}.a1-people-stage .person-v12-tea{left:26%;height:146px}.a1-people-stage .person-v12-hat{left:40%;height:122px}.a1-people-stage .person-v12-boy{left:55%;height:92px}.a1-people-stage .person-v12-baby{left:67%;height:80px}}
@media(max-width:620px){.level-start-page.a1-city-page{min-height:850px;padding-bottom:270px}.a1-people-stage .person-v12-me{left:-4%;bottom:128px;height:122px}.a1-people-stage .person-v12-man{left:2%;height:115px}.a1-people-stage .person-v12-bearded{right:-4%;bottom:128px;height:126px}.a1-people-stage .person-v12-redhood{right:2%;height:115px}.a1-people-stage .person-v12-tea{left:24%;height:112px}.a1-people-stage .person-v12-hat{left:40%;height:92px}.a1-people-stage .person-v12-boy{left:56%;height:69px}.a1-people-stage .person-v12-baby{left:69%;height:61px}}
@media(prefers-reduced-motion:reduce){.a1-people-stage .a1-mini-person{animation:none!important}}

/* A1 v13 — jedna predavačica koja pokazuje na dugme */
.level-start-page.a1-city-page.a1-solo-page{display:block;min-height:850px;padding:0;overflow:hidden;background:radial-gradient(circle at 73% 16%,rgba(255,244,177,.74),transparent 25%),linear-gradient(180deg,#a9e3f8 0%,#e8f8ff 49%,#fff4d0 74%,#cfe8ab 100%)}.a1-solo-page .a1-city-landmarks{max-height:58%;opacity:.92}.a1-solo-page .word-name{right:2%;top:62%}.a1-solo-page .word-meet{left:49%;top:75%}.a1-solo-page .word-hello{left:3%;top:23%}.a1-solo-page .word-hi{right:7%;top:7%}.a1-solo-page .word-morning{left:43%;top:4%}
.a1-solo-presenter{position:absolute;z-index:4;left:1.5%;bottom:-8px;width:min(690px,45vw);height:790px;pointer-events:none;filter:drop-shadow(0 28px 30px rgba(25,62,78,.22))}.a1-solo-presenter::before{content:"";position:absolute;z-index:-1;left:2%;bottom:0;width:74%;height:68%;border-radius:48% 52% 32% 20%/55% 55% 20% 18%;background:radial-gradient(circle at 45% 48%,rgba(255,255,255,.82),rgba(255,240,180,.24) 55%,transparent 72%);filter:blur(3px)}.a1-solo-presenter img{position:absolute;left:0;bottom:0;width:auto;height:720px;max-width:none;object-fit:contain;object-position:left bottom;transform-origin:center bottom;animation:a1SoloPresenter 4.8s ease-in-out infinite}
.a1-solo-content{position:absolute;z-index:5;top:92px;right:5%;width:min(760px,49%);padding:clamp(34px,3.4vw,54px);border-color:rgba(255,255,255,.92);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,252,238,.86));box-shadow:0 30px 70px rgba(30,83,107,.19),inset 0 1px 0 #fff;text-align:left;justify-items:start}.a1-solo-content::before{content:"VAŠ PRVI KORAK NA ENGLESKOM";margin-bottom:12px;color:#d15750;font-size:11px;font-weight:950;letter-spacing:.19em}.a1-solo-content h1{font-size:clamp(82px,9vw,138px);text-shadow:4px 5px 0 rgba(255,207,91,.78)}.a1-solo-content p{max-width:680px;margin:24px 0 30px;text-align:left;text-wrap:pretty}.a1-solo-content button{align-self:start;animation:a1PortalShimmer 3s linear infinite,a1SoloButtonPulse 2.4s ease-in-out infinite}.a1-solo-content button::after{content:"";position:absolute;inset:-9px;border:2px solid rgba(229,93,78,.2);border-radius:inherit;animation:a1SoloButtonRing 2.4s ease-out infinite}.a1-solo-content button:hover::after{animation:none}
@keyframes a1SoloPresenter{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.25deg)}}@keyframes a1SoloButtonPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes a1SoloButtonRing{0%{opacity:.75;transform:scale(.96)}75%,100%{opacity:0;transform:scale(1.08)}}
@media(max-width:1120px){.level-start-page.a1-city-page.a1-solo-page{min-height:880px}.a1-solo-presenter{left:-3%;width:55vw;height:710px}.a1-solo-presenter img{height:625px}.a1-solo-content{right:3%;width:56%;top:78px}.a1-solo-content h1{font-size:92px}.a1-solo-page .word-name,.a1-solo-page .word-meet{display:none}}
@media(max-width:780px){.level-start-page.a1-city-page.a1-solo-page{min-height:900px}.a1-solo-content{top:28px;right:3%;width:94%;padding:30px;border-radius:29px}.a1-solo-content h1{font-size:78px}.a1-solo-content p{font-size:15.5px;line-height:1.53}.a1-solo-presenter{left:-6%;width:76vw;height:560px}.a1-solo-presenter img{height:520px}.a1-solo-page .word-morning{display:none}.a1-solo-page .word-hello{top:53%}.a1-solo-page .word-hi{top:48%}}
@media(max-width:520px){.level-start-page.a1-city-page.a1-solo-page{min-height:880px}.a1-solo-content{top:18px;right:2%;width:96%;padding:27px 21px}.a1-solo-content::before{font-size:9px;letter-spacing:.13em}.a1-solo-content h1{font-size:68px}.a1-solo-content p{margin:17px 0 22px;font-size:14.5px}.a1-solo-content button{font-size:14px;padding-left:18px}.a1-solo-content button b{width:43px;height:43px}.a1-solo-presenter{left:-17%;width:108vw;height:475px}.a1-solo-presenter img{height:455px}.a1-solo-page .word-hello{left:3%;top:51%}.a1-solo-page .word-hi{right:2%;top:55%}.a1-solo-page .a1-sun{top:48%;width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){.a1-solo-presenter img,.a1-solo-content button,.a1-solo-content button::after{animation:none!important}}

/* V14 — uvodna strana za svaki CEFR nivo */
.a1-solo-page{--level-accent:#d5574f;--level-accent-dark:#a43c42;--level-gold:#ffd86c;--level-sky:#a9e3f8;--level-sky-soft:#e8f8ff;--level-ground:#cfe8ab;--level-card:#fffdf4}
.a1-solo-page[data-intro-level="A2"]{--level-accent:#248462;--level-accent-dark:#176348;--level-gold:#a9e9c9;--level-sky:#b6ecdf;--level-sky-soft:#effcf7;--level-ground:#b8e3a7;--level-card:#f5fff9}
.a1-solo-page[data-intro-level="B1"]{--level-accent:#246fa6;--level-accent-dark:#174e7c;--level-gold:#a9dcff;--level-sky:#a9d9fa;--level-sky-soft:#edf8ff;--level-ground:#b8d9ba;--level-card:#f5fbff}
.a1-solo-page[data-intro-level="B2"]{--level-accent:#7452a7;--level-accent-dark:#52377f;--level-gold:#d8c2ff;--level-sky:#c7c7f1;--level-sky-soft:#f2f0ff;--level-ground:#bcd6c2;--level-card:#fbf9ff}
.a1-solo-page[data-intro-level="C1"]{--level-accent:#b94f65;--level-accent-dark:#87384d;--level-gold:#ffc6b5;--level-sky:#efc4cf;--level-sky-soft:#fff1f4;--level-ground:#cddcad;--level-card:#fff9fa}
.a1-solo-page[data-intro-level="C2"]{--level-accent:#a56d16;--level-accent-dark:#73490b;--level-gold:#ffe08a;--level-sky:#f3d6a5;--level-sky-soft:#fff8e9;--level-ground:#d9dda4;--level-card:#fffdf5}
.level-start-page.a1-city-page.a1-solo-page{background:radial-gradient(circle at 73% 16%,color-mix(in srgb,var(--level-gold) 68%,transparent),transparent 26%),linear-gradient(180deg,var(--level-sky) 0%,var(--level-sky-soft) 49%,#fff4d0 74%,var(--level-ground) 100%);transition:background .45s ease}
.a1-solo-page .a1-solo-content{background:linear-gradient(145deg,rgba(255,255,255,.95),color-mix(in srgb,var(--level-card) 88%,transparent));border-color:rgba(255,255,255,.94)}
.a1-solo-page .a1-solo-content::before{content:attr(data-intro-label);color:var(--level-accent)}
.a1-solo-page .a1-solo-content h1{color:#173f5d;text-shadow:4px 5px 0 color-mix(in srgb,var(--level-gold) 78%,white)}
.a1-solo-page .a1-solo-content button{border-color:color-mix(in srgb,var(--level-accent) 28%,transparent);background:linear-gradient(120deg,var(--level-gold),#fff8ce 44%,var(--level-gold));box-shadow:0 15px 34px rgba(42,91,112,.2),0 5px 0 color-mix(in srgb,var(--level-gold) 72%,#9d7721)}
.a1-solo-page .a1-solo-content button b{background:linear-gradient(145deg,var(--level-accent),var(--level-accent-dark));box-shadow:0 6px 15px color-mix(in srgb,var(--level-accent-dark) 38%,transparent)}
.a1-solo-page .a1-solo-content button::after{border-color:color-mix(in srgb,var(--level-accent) 34%,transparent)}
.a1-solo-page .moving-word{border-color:color-mix(in srgb,var(--level-accent) 25%,transparent);color:color-mix(in srgb,var(--level-accent-dark) 82%,#173f5d);box-shadow:0 8px 20px color-mix(in srgb,var(--level-accent) 16%,transparent)}
.a1-solo-page .moving-word::after{border-color:color-mix(in srgb,var(--level-accent) 25%,transparent)}
.a1-solo-page .a1-city-landmarks{color:color-mix(in srgb,var(--level-accent-dark) 72%,#255b72);transition:color .45s ease}
.a1-solo-page[data-intro-level="A2"] .a1-solo-presenter img,.a1-solo-page[data-intro-level="B1"] .a1-solo-presenter img,.a1-solo-page[data-intro-level="B2"] .a1-solo-presenter img,.a1-solo-page[data-intro-level="C1"] .a1-solo-presenter img,.a1-solo-page[data-intro-level="C2"] .a1-solo-presenter img{animation-delay:-1.1s}
@media(max-width:780px){.a1-solo-page .a1-solo-content::before{max-width:78%;line-height:1.45}.a1-solo-page .a1-solo-content h1{font-size:clamp(66px,18vw,88px)}}
@media(max-width:1050px){.level-start-hero{grid-template-columns:240px 1fr}.level-a1-mark{min-height:300px}.level-a1-mark strong{font-size:115px}.level-outcomes{grid-template-columns:1fr 1fr}.level-roadmap{grid-template-columns:1fr}.level-roadmap-steps{flex-wrap:wrap}}
@media(max-width:650px){.level-start-page{padding:19px}.level-start-hero{grid-template-columns:1fr;gap:24px}.level-a1-mark{min-height:235px}.level-a1-mark strong{font-size:100px}.level-outcomes{grid-template-columns:1fr}.level-roadmap-steps i{display:none}.level-roadmap-steps{flex-direction:column;align-items:flex-start}.level-start-header{align-items:flex-start;gap:12px}.level-kicker{max-width:70%}}


/* Interactive personal pronouns lesson */
.pronouns-lesson-page{margin-top:24px;padding:clamp(22px,3vw,42px);background:linear-gradient(145deg,#f7fbff,#fffaf3);overflow:hidden}
.lesson-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.lesson-chip{display:inline-block;background:#173049;color:#fff;padding:8px 13px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.12em}.lesson-topic{margin-left:10px;color:#557086;font-weight:800;font-size:12px;letter-spacing:.08em}.lesson-counter{padding:10px 15px;border-radius:999px;background:#fff3d8;color:#805e19;font-weight:800;border:1px solid #ead29b}
.lesson-hero{display:grid;grid-template-columns:250px 1fr;gap:24px;position:relative;min-height:350px;border-radius:30px;background:linear-gradient(135deg,#eaf5fb,#fff);border:1px solid #d7e6ef;padding:28px;box-shadow:0 22px 55px rgba(23,48,73,.08)}.lesson-teacher-img{width:240px;height:310px;object-fit:contain;object-position:center bottom;align-self:end;filter:drop-shadow(0 18px 22px rgba(23,48,73,.17))}.teacher-speech-card{align-self:center;padding:22px 25px;border-radius:24px;background:#fff;box-shadow:0 14px 35px rgba(23,48,73,.1)}.teacher-speech-card h1{font:600 clamp(32px,4vw,55px)/1.02 Georgia,serif;margin:6px 0 13px}.teacher-speech-card>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--ink2)}.lesson-goal-card{grid-column:1/-1;display:flex;gap:14px;align-items:center;background:#fff8e9;border:1px solid #ead39d;padding:17px 20px;border-radius:20px}.lesson-goal-card>span{font-size:30px}.lesson-goal-card p{margin:4px 0 0;color:#695732}
.pronoun-section,.practice-section,.listen-practice,.speaking-practice{margin-top:24px;padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(23,48,73,.06)}.section-heading h2,.listen-copy h2,.speaking-copy h2{font:600 clamp(29px,3vw,43px)/1.1 Georgia,serif;margin:5px 0 7px}.section-heading>p:last-child,.listen-copy>p:last-child,.speaking-copy>p{color:var(--ink2)}
.pronoun-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:20px}.pronoun-card{appearance:none;border:1px solid #d6e4ed;border-radius:21px;background:linear-gradient(160deg,#fff,#f2f8fc);padding:18px 10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:.2s;box-shadow:0 9px 20px rgba(23,48,73,.05)}.pronoun-card:hover,.pronoun-card:focus{transform:translateY(-4px);border-color:#79a9c7;box-shadow:0 15px 26px rgba(23,48,73,.11)}.pronoun-figure{font-size:40px;min-height:52px}.pronoun-card b{font:700 29px Georgia,serif;color:#173049}.pronoun-card small{margin-top:4px;color:#60798c}.pronoun-card i{margin-top:10px;font-style:normal}.pronoun-card.speaking{background:#e9f8ef;border-color:#79c596}.pronoun-note{margin-top:18px;padding:15px 18px;border-radius:17px;background:#eef6fb;color:#38566c}
.quiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.quiz-card{padding:21px;border:1px solid #dbe6ed;border-radius:23px;background:#fbfdfe;text-align:center}.quiz-picture{display:block;font-size:67px;margin-bottom:5px}.quiz-card h3{font:600 20px Georgia,serif}.quiz-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.quiz-options button,.listen-options button{border:1px solid #bfd3df;background:#fff;border-radius:999px;padding:9px 18px;cursor:pointer;font-weight:800;color:#24465e}.quiz-options button:hover,.listen-options button:hover{background:#eaf5fb}.quiz-options button.correct,.listen-options button.correct{background:#dff6e7;border-color:#69bd86;color:#22683b}.quiz-options button.wrong,.listen-options button.wrong{background:#fde8e6;border-color:#e58d84;color:#8f3028}.quiz-feedback{min-height:23px;margin:13px 0 0;font-weight:700;color:#34576e}
.listen-practice{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.listen-box{text-align:center;padding:24px;border-radius:23px;background:#f5faff}.round-audio-btn{width:76px;height:76px;border:none;border-radius:50%;background:#173049;color:#fff;font-size:30px;cursor:pointer;box-shadow:0 13px 27px rgba(23,48,73,.2)}.listen-options{display:flex;justify-content:center;gap:10px;margin-top:17px;flex-wrap:wrap}
.speaking-practice{display:grid;grid-template-columns:210px 1fr;gap:25px;align-items:center;background:linear-gradient(135deg,#fff7ea,#fff)}.speaking-tea-img{width:205px;height:260px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 20px rgba(23,48,73,.14))}.speaking-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.record-btn{border:none;border-radius:999px;background:#b94a48;color:#fff;padding:12px 20px;font-weight:800;cursor:pointer}.record-btn.recording{animation:pulseRecord 1s infinite}.speech-feedback{margin-top:14px;padding:12px 15px;border-radius:15px;background:#fff;border:1px solid #ecd8b2;color:#715c34}@keyframes pulseRecord{50%{transform:scale(1.04);box-shadow:0 0 0 9px rgba(185,74,72,.13)}}
.speak-sentence-btn{border:1px solid #b8cfdd;border-radius:999px;background:#fff;color:#24465e;padding:11px 17px;font-weight:800;cursor:pointer}.speak-sentence-btn:hover{background:#edf6fb}
.pronoun-speaking-lab{display:block;text-align:center}.pronoun-speaking-lab .speaking-copy{width:min(1380px,100%);margin:0 auto}.pronoun-speaking-lab .speaking-copy>p:not(.eyebrow){max-width:1100px;margin-left:auto;margin-right:auto}.pronoun-speaking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px;text-align:left}.pronoun-speech-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border:1px solid #e4d8bc;border-radius:19px;background:rgba(255,255,255,.88)}.pronoun-speech-item>div{display:flex;align-items:baseline;gap:9px}.pronoun-speech-item>div strong{font:700 26px Georgia,serif;color:#173049}.pronoun-speech-item>div span{color:#667b89}.pronoun-speech-item .speak-sentence-btn{grid-column:auto;white-space:nowrap}.pronoun-speech-item .record-btn{grid-column:1;white-space:nowrap}.pronoun-speech-item .a1-record-stop{grid-column:2}.pronoun-speech-item .a1-record-playback{grid-column:1/-1}.pronoun-speech-item .speech-feedback{grid-column:1/-1;min-height:48px;margin:0}.pronoun-speech-item .speech-feedback.correct{background:#e8f7ee;border-color:#90cfaa;color:#1e6a3c}.pronoun-speech-item .speech-feedback.wrong{background:#fff0ed;border-color:#e1aaa4;color:#913b34}.pronoun-lab-progress{margin:16px 0 0;padding:11px 15px;border-radius:14px;background:#edf7f2;color:#216446;font-weight:850;text-align:center}
.a1-record-stop{border:1px solid #b7c9d4;border-radius:999px;background:#fff;color:#24465e;padding:12px 18px;font-weight:850;cursor:pointer}.a1-record-stop:disabled{opacity:.45;cursor:not-allowed}.a1-record-stop.active{border-color:#b94a48;color:#8e302f;background:#fff4f3}.a1-record-playback{width:100%;min-height:46px;border-radius:16px}.tobe-speaking-lab{background:linear-gradient(145deg,#fff8ec,#f7fbff);border-color:#e7d7b6}.tobe-speaking-lab .section-heading{text-align:center}.tobe-speaking-lab .section-heading>p:last-child{max-width:1050px;margin-left:auto;margin-right:auto}.tobe-recitation-model{margin:22px auto 0;padding:22px;border:1px solid #d6e4ed;border-radius:23px;background:#fff;text-align:center}.tobe-recitation-audio{font-size:17px;padding:13px 22px}.tobe-recitation-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.tobe-recitation-line span{padding:13px 10px;border-radius:14px;background:#173049;color:#fff;font:700 21px Georgia,serif}.tobe-recitation-translation{margin:15px 0 0;color:#60798c;font-weight:750}.a1-recording-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:900px;margin:18px auto 0;padding:20px;border-radius:22px;background:#fff;border:1px solid #e2d4b7}.a1-recording-panel .record-btn,.a1-recording-panel .a1-record-stop{width:100%}.a1-recording-panel .a1-record-playback,.a1-recording-panel .a1-speech-feedback{grid-column:1/-1}.a1-speech-feedback{min-height:52px;margin:0;padding:13px 15px;border-radius:14px;background:#eef5f9;color:#365c73;font-weight:750;line-height:1.5}.a1-speech-feedback.correct{background:#e8f7ee;color:#1e6a3c}.a1-speech-feedback.wrong{background:#fff0ed;color:#913b34}.tobe-dictation-wrap{margin-top:28px;padding-top:25px;border-top:1px solid #ddcfb4}.compact-heading h3{font:600 clamp(25px,2.5vw,35px)/1.1 Georgia,serif;margin:5px 0 7px}.tobe-dictation-grid{text-align:left}.tobe-dictation-grid article{background:#fff}.pronoun-dictation-progress{margin:16px 0 0;padding:11px 15px;border-radius:14px;background:#edf7f2;color:#216446;font-weight:850;text-align:center}
.pronoun-dictation-practice{margin-top:24px}.pronoun-dictation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.pronoun-dictation-grid article{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:17px;border:1px solid #d7e5ec;border-radius:19px;background:#f9fcfe}.pronoun-dictation-grid article>strong{font:700 20px Georgia,serif;color:#173049}.pronoun-dictation-grid input{grid-column:1/-1;width:100%;padding:12px 14px;border:2px solid #bdced9;border-radius:13px;background:#fff;color:#173049;font:inherit}.pronoun-dictation-grid input:focus{outline:3px solid rgba(45,126,168,.18);border-color:#568eae}.pronoun-dictation-grid input.correct{border-color:#48a96b;background:#eefaf2}.pronoun-dictation-grid input.wrong{border-color:#d66d64;background:#fff1ef}.pronoun-dictation-grid .primary-btn{justify-self:start}.pronoun-dictation-feedback{grid-column:1/-1;min-height:44px;margin:0;padding:10px 12px;border-radius:12px;background:#eef5f9;color:#365c73;font-weight:700;line-height:1.45}.pronoun-dictation-feedback.correct{background:#e8f7ee;color:#1e6a3c}.pronoun-dictation-feedback.wrong{background:#fff0ed;color:#913b34}
.lesson-finish-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:24px;padding:25px 28px;border-radius:26px;background:linear-gradient(135deg,#173049,#295977);color:#fff}.lesson-finish-card>span{font-size:45px}.lesson-finish-card h2{margin:4px 0 6px;font:600 29px Georgia,serif}.lesson-finish-card p{margin:0;color:#dceaf2}.word-score{text-align:center;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.12)}.word-score small{display:block;font-size:10px;letter-spacing:.12em}.word-score strong{font-size:24px}
@media(max-width:1050px){.pronoun-grid{grid-template-columns:repeat(4,1fr)}.pronoun-speaking-grid{grid-template-columns:1fr}.tobe-recitation-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.lesson-hero{grid-template-columns:1fr;text-align:center}.lesson-teacher-img{margin:auto}.lesson-goal-card{grid-column:auto;text-align:left}.quiz-grid,.listen-practice,.speaking-practice{grid-template-columns:1fr}.speaking-tea-img{margin:auto}.pronoun-grid{grid-template-columns:repeat(2,1fr)}.pronoun-dictation-grid{grid-template-columns:1fr}.lesson-topline{align-items:flex-start;flex-direction:column}.lesson-finish-card{grid-template-columns:1fr;text-align:center}.word-score{justify-self:center}}@media(max-width:520px){.pronoun-speech-item{grid-template-columns:1fr}.pronoun-speech-item .speak-sentence-btn,.pronoun-speech-item .record-btn,.pronoun-speech-item .a1-record-stop,.pronoun-speech-item .a1-record-playback,.pronoun-speech-item .speech-feedback{grid-column:1}.pronoun-speech-item .speak-sentence-btn,.pronoun-speech-item .record-btn,.pronoun-speech-item .a1-record-stop{width:100%}.pronoun-dictation-grid article{grid-template-columns:1fr}.pronoun-dictation-grid article>*{grid-column:1}.pronoun-dictation-grid .speak-sentence-btn,.pronoun-dictation-grid .primary-btn{width:100%;justify-self:stretch}.tobe-recitation-line{grid-template-columns:1fr}.a1-recording-panel{grid-template-columns:1fr}.a1-recording-panel>*{grid-column:1}}


/* General Talking Book home and level catalogue */
.platform-home{margin-top:24px;padding:clamp(24px,4vw,52px);overflow:hidden;background:linear-gradient(145deg,#fbfdff 0%,#fff9ef 100%);position:relative}
.platform-home:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(60,128,175,.1);right:-160px;top:-190px}
.platform-hero{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;padding-bottom:36px;border-bottom:1px solid var(--line)}
.platform-badge{display:inline-flex;padding:9px 15px;border-radius:999px;background:#17324d;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}
.platform-copy h1{max-width:760px;margin:18px 0 16px;font:600 clamp(40px,5.2vw,70px)/1.02 Georgia,serif;letter-spacing:-.035em;color:var(--ink)}
.platform-copy>p{max-width:720px;margin:0;color:var(--ink2);font-size:18px;line-height:1.65}
.platform-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.platform-points span{padding:10px 13px;border:1px solid #d7e5ed;border-radius:13px;background:#fff;font-size:13px;font-weight:700}
.platform-guides{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.guide-card{min-height:360px;position:relative;overflow:hidden;border-radius:28px;border:1px solid #dce7ed;background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(23,50,77,.1);text-align:center;padding:18px 14px 16px;display:flex;flex-direction:column;justify-content:flex-end}
.guide-card img{position:absolute;inset:0 0 72px;width:100%;height:calc(100% - 72px);object-fit:contain;object-position:center bottom;animation:guideFloat 4.8s ease-in-out infinite}
.guide-card:nth-child(2) img{animation-delay:-1.7s}.guide-card strong{position:relative;font:600 19px Georgia,serif}.guide-card small{position:relative;color:var(--ink2);margin-top:4px}
@keyframes guideFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.levels-section{position:relative;z-index:1;margin-top:34px}.levels-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.levels-heading h2{margin:3px 0 0;font:600 clamp(27px,3.5vw,42px)/1.1 Georgia,serif}.owned-level{padding:10px 15px;border-radius:999px;background:#e9f7ef;color:#26784a;font-weight:800}
.level-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.level-card{width:100%;border:1px solid var(--line);border-radius:23px;padding:21px;display:grid;grid-template-columns:76px 1fr auto;gap:17px;align-items:center;text-align:left;background:#fff;color:var(--ink);cursor:pointer;transition:.2s ease;box-shadow:0 10px 25px rgba(23,50,77,.05)}.level-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(23,50,77,.11)}
.level-code{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:#edf5fa;color:#17324d;font:800 27px Georgia,serif}.level-card small{font-weight:900;letter-spacing:.09em;color:#71899b}.level-card h3{margin:5px 0;font:600 23px Georgia,serif}.level-card p{margin:0;color:var(--ink2);font-size:13px;line-height:1.45}.level-card b{font-size:12px;color:#315f80;text-align:right}.level-owned{border-color:#9bc7ac;background:linear-gradient(135deg,#f1fbf5,#fff)}.level-owned .level-code{background:#2f8759;color:#fff}.level-owned small{color:#2f8759}.level-locked{opacity:.88}
.level-purchase-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.level-purchase-modal.hidden{display:none}.level-purchase-backdrop{position:absolute;inset:0;background:rgba(12,28,42,.72);backdrop-filter:blur(6px)}.level-purchase-card{position:relative;width:min(680px,94vw);max-height:90vh;overflow:auto;padding:34px;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3);text-align:center}.level-modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:32px;cursor:pointer;color:#607383}.purchase-lock{font-size:45px}.level-purchase-card h2{font:600 34px/1.15 Georgia,serif;margin:8px auto 13px;max-width:570px}.level-purchase-card>p{color:var(--ink2);line-height:1.6}.purchase-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}.purchase-options article{padding:18px;border:1px solid var(--line);border-radius:18px;text-align:left;display:flex;gap:12px;background:#f8fbfd}.purchase-options article>span{font-size:27px}.purchase-options h3{margin:0 0 6px}.purchase-options p{margin:0;font-size:13px;line-height:1.5;color:var(--ink2)}.purchase-contact{display:inline-flex;text-decoration:none;justify-content:center;margin-bottom:12px}.level-purchase-card>small{display:block;color:#758492}
@media(max-width:960px){.platform-hero{grid-template-columns:1fr}.platform-guides{max-width:620px}.level-catalogue{grid-template-columns:1fr}}
@media(max-width:620px){.platform-home{padding:18px}.platform-guides{grid-template-columns:1fr 1fr}.guide-card{min-height:290px}.levels-heading{align-items:flex-start;flex-direction:column}.level-card{grid-template-columns:58px 1fr}.level-code{width:54px;height:54px}.level-card b{grid-column:2;text-align:left}.purchase-options{grid-template-columns:1fr}}


/* Age selection */
.age-panel{width:min(1040px,100%);padding:clamp(24px,4vw,46px);text-align:center;overflow:hidden;position:relative;background:linear-gradient(145deg,#fff 0%,#f5fafc 58%,#fff8ed 100%)}
.age-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-170px;background:rgba(55,128,176,.11)}
.age-heading,.age-grid,.age-back-btn{position:relative;z-index:1}.age-icon{font-size:42px}.age-heading h3{margin:7px 0 9px;font:500 clamp(32px,4vw,50px)/1.08 Georgia,serif}.age-heading p{max-width:720px;margin-left:auto;margin-right:auto}
.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.age-card{min-height:170px;padding:22px 18px;border:1px solid #d9e6ed;border-radius:25px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(23,50,77,.06);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#17324d;transition:.2s ease}.age-card:hover{transform:translateY(-5px);border-color:#75a9c8;box-shadow:0 18px 38px rgba(23,50,77,.12)}.age-card>span{font-size:38px}.age-card strong{font:600 21px/1.2 Georgia,serif}.age-card small{color:#607487;line-height:1.4}.age-card-special{background:linear-gradient(145deg,#fffaf0,#fff)}.age-back-btn{margin-top:22px}.pronoun-quiz-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:800px){.age-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.age-grid,.pronoun-quiz-grid{grid-template-columns:1fr}.age-card{min-height:145px}}


/* Adaptive learning prototype */
.diagnostic-panel{width:min(860px,94vw);padding:38px}.diagnostic-head{text-align:center;max-width:700px;margin:auto}.diagnostic-icon{font-size:48px}.diagnostic-head h3{font:600 38px/1.1 Georgia,serif;margin:8px 0 12px}.diagnostic-head p{color:#607487;line-height:1.6}.diagnostic-progress{height:9px;background:#e8eff3;border-radius:999px;margin:26px 0;overflow:hidden}.diagnostic-progress span{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,#2f78a8,#d5a940);transition:.25s}.diagnostic-question{font:600 27px/1.3 Georgia,serif;text-align:center;margin:20px auto;max-width:680px}.diagnostic-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.diagnostic-answer{padding:19px;border:1px solid #d9e6ed;border-radius:18px;background:#fff;cursor:pointer;text-align:left;font-weight:700;color:#17324d;transition:.18s}.diagnostic-answer:hover{transform:translateY(-3px);border-color:#6ca4c5;box-shadow:0 12px 28px rgba(23,50,77,.09)}.diagnostic-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:#64798a}
.profile-btn{background:#f0f6fb}.help-btn{background:#fff7e7;border-color:#e6c66e}
.smart-profile-card{margin:20px 0;padding:25px;border-radius:26px;background:linear-gradient(135deg,#f2f8fc,#fff9ec);border:1px solid #d7e4eb;box-shadow:0 16px 38px rgba(23,50,77,.07)}.smart-profile-heading{display:flex;gap:15px;align-items:center}.smart-profile-heading>span{font-size:38px}.smart-profile-heading h2{margin:3px 0;font:600 28px Georgia,serif}.smart-profile-heading button{margin-left:auto}.smart-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.smart-profile-grid article{background:#fff;border:1px solid #e0e9ee;border-radius:17px;padding:16px}.smart-profile-grid small{display:block;color:#6b8090;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:7px}.smart-profile-grid strong{line-height:1.35}.smart-recommendation{margin:16px 0 0;padding:14px 16px;border-left:4px solid #d5a940;background:rgba(255,255,255,.65);border-radius:10px;color:#4f6475}
.adaptive-finish{align-items:center;gap:18px}.adaptive-finish .primary-btn{margin-left:auto;white-space:nowrap}.lesson-result-panel{margin:22px 0;padding:28px;border:1px solid #d7e5ec;border-radius:28px;background:linear-gradient(145deg,#fff,#f4f9fc);box-shadow:0 20px 46px rgba(23,50,77,.09)}.result-title{display:flex;align-items:center;gap:14px}.result-title>span{font-size:40px}.result-title h2{margin:2px 0;font:600 31px Georgia,serif}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.result-metrics article{padding:17px;border-radius:17px;background:#17324d;color:#fff;text-align:center}.result-metrics small{display:block;font-size:10px;letter-spacing:.1em;opacity:.72}.result-metrics strong{display:block;font-size:24px;margin-top:5px}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-columns article{padding:21px;border-radius:20px;background:#fff;border:1px solid #dce7ed}.result-columns h3{margin-top:0;font:600 23px Georgia,serif}.result-columns li{margin:8px 0;color:#536878}.review-schedule{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.review-schedule span{padding:8px 11px;border-radius:999px;background:#edf5fa;color:#315e7d;font-size:12px;font-weight:800}.real-progress{margin-top:16px;padding:16px 18px;border-radius:17px;background:#fff8e7;border:1px solid #ead49a}.real-progress p{margin:5px 0 0;color:#68552c}
.smart-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.smart-modal.hidden{display:none}.smart-modal-backdrop{position:absolute;inset:0;background:rgba(15,31,47,.67);backdrop-filter:blur(5px)}.smart-modal-card{position:relative;z-index:2;width:min(720px,94vw);max-height:88vh;overflow:auto;background:#fff;border-radius:28px;padding:32px;box-shadow:0 28px 90px rgba(0,0,0,.28)}.smart-modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;cursor:pointer}.profile-details-content{display:grid;gap:12px;margin-top:18px}.profile-detail{padding:17px;border-radius:17px;background:#f3f8fb;border:1px solid #dce8ee}.profile-detail strong{display:block;margin-bottom:4px}.modal-note{color:#738391;font-size:13px}.help-avatar{font-size:48px}.help-options{display:grid;gap:13px;margin-top:20px}.help-options article{padding:18px;border-radius:19px;background:#f4f8fb}.duration-row{display:flex;gap:9px;flex-wrap:wrap}.duration-row button,.help-link{padding:13px 16px;border:1px solid #cfdde5;border-radius:14px;background:#fff;color:#17324d;font-weight:800;text-decoration:none;cursor:pointer}.duration-row button.selected{background:#17324d;color:#fff}.voice-help{text-align:left}
@media(max-width:850px){.diagnostic-answers,.result-columns{grid-template-columns:1fr}.smart-profile-grid,.result-metrics{grid-template-columns:repeat(2,1fr)}.smart-profile-heading{align-items:flex-start;flex-wrap:wrap}.smart-profile-heading button{margin-left:0}.adaptive-finish .primary-btn{margin-left:0}}
@media(max-width:540px){.smart-profile-grid,.result-metrics{grid-template-columns:1fr}.diagnostic-panel{padding:22px}.diagnostic-question{font-size:23px}}

/* Clear visual examples for both meanings of YOU */
.quiz-illustration{width:100%;max-width:360px;margin:0 auto 18px}
.quiz-illustration svg{display:block;width:100%;height:auto}
.you-quiz-card{display:flex;flex-direction:column;align-items:center}
.you-quiz-card h3{max-width:480px;text-align:center}
@media(max-width:700px){.quiz-illustration{max-width:300px}}

/* Final "Da li ste znali" layout */
.facts-grid-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.facts-grid-six .fact-card{min-height:158px;padding:20px 22px}
.facts-grid-six .fact-number{font-size:72px;opacity:.075}
.one-third-card{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center}
.third-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d6243b;font:700 46px/1 Georgia,serif}
.third-mark i{width:54px;height:4px;background:#17324d;border-radius:99px;margin:4px 0 5px}
.one-third-card p{color:#2b3f50}.brain-box{grid-template-columns:78px 1fr;padding:24px 28px;background:linear-gradient(120deg,#fff9ec,#f7fbff)}
.brain-icon{font-size:54px;line-height:1;display:grid;place-items:center}
.brain-box h2{font-size:31px}.brain-box p{font-size:17px;line-height:1.65;margin:0;color:var(--ink2)}
@media(max-width:760px){.facts-grid-six{grid-template-columns:1fr}.one-third-card{grid-template-columns:76px 1fr}.brain-box{grid-template-columns:1fr;text-align:center}}


/* Frequently-used words passage inside the 1/3 card */
.passage-card{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  align-items:center;
  gap:24px;
  padding:28px 30px;
}
.passage-card .third-mark{margin:0 auto;min-width:84px}
.common-words-passage{min-width:0}
.common-words-passage p{
  margin:0;
  color:#2f3944;
  font-size:clamp(13px,1.1vw,16px);
  line-height:1.48;
  text-align:left;
}
.common-words-passage .common-word{color:#d7193f;font-weight:700}
.common-words-passage small{
  display:block;
  margin-top:12px;
  color:#d7193f;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
@media(max-width:760px){
  .passage-card{grid-template-columns:1fr;gap:14px}
  .passage-card .third-mark{transform:scale(.86)}
  .common-words-passage p{font-size:13px}
}


/* Final single-column Did You Know page */
.didyouknow-final{display:grid;gap:18px}
.didyouknow-100-card,.didyouknow-1000-card{min-height:auto;padding:22px 26px}
.didyouknow-100-card .fact-number,.didyouknow-1000-card .fact-number{font-size:64px}
.frequency-example-card,.frequency-analysis-card{border:1px solid var(--line);border-radius:24px;background:#fbfdff;padding:26px 30px}
.frequency-example-card h2,.frequency-analysis-card h2{margin:0 0 14px;color:var(--navy);font-family:Georgia,serif}
.frequency-word-list{margin:0 0 20px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #f0d8de;line-height:1.7;color:#21384b}
.frequency-word-list strong{color:#17324d}
.frequency-word-list span{color:#21384b;font-weight:800;letter-spacing:.025em}
.frequency-word-list small{font-size:.76em;color:#21384b;font-weight:700}
.frequency-passage{font-size:17px;line-height:1.72;color:#2f3944}
.frequency-passage p{margin:0 0 13px}
.frequency-passage p:last-child{margin-bottom:0}
.frequency-passage span{color:#d7193f;font-weight:800}
.frequency-analysis-card{background:linear-gradient(135deg,#fff9ec,#f7fbff)}
.frequency-analysis-card h2{font-size:25px;line-height:1.35}
.frequency-analysis-card h2 strong{color:#d7193f}
.frequency-analysis-card>p{margin:16px 0 0;color:var(--ink2);font-size:17px;line-height:1.65}
.frequency-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.frequency-stats div{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);text-align:center}
.frequency-stats strong{display:block;color:#d7193f;font-size:28px}
.frequency-stats span{display:block;margin-top:4px;color:var(--ink2);font-size:14px}
@media(max-width:760px){.frequency-example-card,.frequency-analysis-card{padding:20px}.frequency-stats{grid-template-columns:1fr}.frequency-passage{font-size:15px}.frequency-word-list{font-size:14px}}


/* Pronoun grammar explainer */
.pronoun-explainer{margin-top:24px;padding:26px;border:1px solid #d9e6ee;border-radius:25px;background:linear-gradient(145deg,#fbfdff,#f5f9fc)}
.section-heading.compact{margin-bottom:18px}.section-heading.compact h2{margin:4px 0 8px}.section-heading.compact p:last-child{margin:0;color:#5d7485}
.grammar-basics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grammar-basic-card{padding:21px;border:1px solid #dbe7ef;border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(23,48,73,.055)}
.grammar-basic-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eef6fb;font-size:22px;margin-bottom:12px}
.grammar-basic-card h3{margin:0 0 9px;font:700 21px Georgia,serif;color:#173049}.grammar-basic-card p{margin:0;color:#4d6577;line-height:1.55}
.grammar-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.grammar-examples span{padding:7px 10px;border-radius:999px;background:#f3f7fa;color:#173049;font-weight:700}.grammar-examples small{font-weight:500;color:#678093}
.sentence-example{margin-top:14px;display:grid;gap:7px;padding:12px;border-radius:14px;background:#f8fafc;color:#29485d}.sentence-example i{text-align:center;font-style:normal;color:#7393aa}.sentence-example strong{color:#0f7d55}.example-note{margin-top:10px!important;font-size:14px}
.featured-basic-card{background:linear-gradient(145deg,#fffaf0,#fff);border-color:#ead8aa}.pronoun-replacement-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.pronoun-replacement-list span{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.8);border:1px solid #eadfca;color:#3d5363}.pronoun-replacement-list strong{color:#0f7d55}
.pronoun-why-box{margin-top:16px;padding:18px 20px;border-radius:18px;background:#173049;color:#fff}.pronoun-why-box strong{font:700 20px Georgia,serif}.pronoun-why-box p{margin:8px 0 0;line-height:1.6;color:#eaf1f6}.pronoun-why-box em{color:#fff}.pronoun-why-box b{color:#f6d98d}
@media(max-width:980px){.grammar-basics-grid{grid-template-columns:1fr}.pronoun-replacement-list{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pronoun-explainer{padding:18px}.pronoun-replacement-list{grid-template-columns:1fr}}


/* Premium TO BE chapter */
.tobe-page{padding:34px;overflow:hidden}.tobe-hero{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#17324d,#285f80);color:#fff;margin:20px 0}.tobe-hero h1{font:700 clamp(34px,5vw,58px)/1.05 Georgia,serif;margin:4px 0 12px}.tobe-hero p{margin:0;color:#eaf3f7;font-size:18px;line-height:1.6}.tobe-hero-icon{font-size:54px;display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:rgba(255,255,255,.12)}.lesson-block{padding:28px;margin:20px 0;border:1px solid #dbe7ed;border-radius:28px;background:#fbfdff}.practice-block{background:linear-gradient(135deg,#fff9ea,#fbfdff)}.tobe-pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tobe-pattern-grid article{padding:24px;border-radius:20px;background:#fff;border:1px solid #dce7ed;text-align:center}.tobe-pattern-grid strong{display:block;color:#17324d;font-size:22px}.tobe-pattern-grid b{display:block;color:#d51f40;font-size:42px;margin:7px}.tobe-pattern-grid small{color:#5e7484}.memory-strip{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;padding:15px;border-radius:16px;background:#17324d;color:#fff}.memory-strip span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13)}.sentence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bilingual-sentence{display:flex;flex-direction:column;gap:6px;text-align:left;padding:17px 19px;border:1px solid #dce7ed;border-radius:17px;background:#fff;cursor:pointer;transition:.2s}.bilingual-sentence:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,50,77,.09)}.bilingual-sentence .en{font-size:19px;font-weight:800;color:#17324d}.bilingual-sentence .sr{font-size:14px;color:#667d8d}.formula-card,.negative-formula{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px;margin:18px 0;border-radius:18px;background:#eef6fb;font-size:20px}.formula-card span,.negative-formula span,.negative-formula b{padding:9px 14px;border-radius:12px;background:#fff;border:1px solid #d7e5ec}.formula-card b{color:#d51f40}.word-bank{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.word-bank span{padding:8px 11px;border-radius:999px;background:#edf5fa;color:#315e7d}.mini-quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-quiz{padding:20px;border-radius:20px;background:#fff;border:1px solid #dde7ed}.mini-quiz h3{margin-top:0;font:700 20px Georgia,serif}.mini-options{display:grid;gap:8px}.mini-options button{padding:11px;border:1px solid #ccdbe4;border-radius:12px;background:#f7fafc;cursor:pointer;font-weight:800}.mini-options button.correct{background:#dff7e9;border-color:#67bd8a}.mini-options button.wrong{background:#fde4e8;border-color:#df7c8d}.quiz-feedback.good{color:#087447;font-weight:800}.quiz-feedback.bad{color:#b4233c;font-weight:800}.inversion-demo{display:grid;grid-template-columns:1fr 60px 1fr;gap:14px;align-items:center}.inversion-demo>div{padding:22px;border-radius:20px;background:#fff;border:1px solid #dbe7ed}.inversion-demo button{border:0;background:none;font-size:24px;color:#17324d;cursor:pointer}.inversion-demo small,.inversion-demo span{display:block;color:#6c8190}.inversion-demo>i{text-align:center;font-size:38px}.question-patterns{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.question-patterns span{padding:11px 14px;border-radius:999px;background:#17324d;color:#fff;font-weight:800}.question-patterns.negative span{background:#8c2a43}.dialogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dialogue-grid article{display:grid;gap:8px;padding:20px;border-radius:20px;background:#fff;border:1px solid #dce7ed}.dialogue-grid button{padding:11px;border:0;border-radius:12px;cursor:pointer;font-weight:800}.dialogue-grid>article>button:first-child{background:#eef6fb;color:#17324d}.answer-yes{background:#dff7e9;color:#087447}.answer-no{background:#fde9ed;color:#a72c43}.contractions-box{margin-top:18px;padding:20px;border-radius:20px;background:#17324d;color:#fff}.contractions-box h3{margin-top:0}.contractions-box div{display:flex;gap:10px;flex-wrap:wrap}.contractions-box span{padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.12)}.teacher-note.modern{display:flex;gap:14px;margin-top:16px;padding:18px;border-radius:18px;background:#fff4cf}.conversation-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.conversation-card .speaker{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#17324d;color:#fff;font-weight:900}.conversation-card .speaker.b{background:#d51f40}.chapter-result-card{padding:28px;border-radius:28px;background:linear-gradient(145deg,#fff,#eef7fb);border:1px solid #d5e4ec}.chapter-result-card .result-columns article{background:#fff}.chapter-result-card ul{padding-left:20px}.chapter-result-card li{margin:8px 0}.final-tobe-quizzes{margin-bottom:0}
@media(max-width:900px){.tobe-pattern-grid,.mini-quiz-grid,.dialogue-grid{grid-template-columns:1fr}.sentence-grid{grid-template-columns:1fr}.inversion-demo{grid-template-columns:1fr}.inversion-demo>i{transform:rotate(90deg)}.tobe-hero{grid-template-columns:1fr;text-align:center}.tobe-hero-icon{margin:auto}}


/* Complete interactive TO BE chapter improvements */
.tobe-form{border:0;border-radius:16px;background:#c6253e;color:#fff;font:900 1.55rem/1 Arial,sans-serif;padding:.72rem 1.1rem;cursor:pointer;box-shadow:0 10px 24px rgba(198,37,62,.22);transition:.2s transform,.2s box-shadow}
.tobe-form:hover,.tobe-form:focus{transform:translateY(-3px);box-shadow:0 14px 30px rgba(198,37,62,.3);outline:3px solid rgba(198,37,62,.16)}
.memory-audio{border:1px solid rgba(23,50,77,.12);border-radius:999px;background:#fff;color:#17324d;padding:.55rem .85rem;font-weight:800;cursor:pointer}
.chapter-progress{display:grid;grid-template-columns:minmax(130px,auto) 1fr auto;gap:14px;align-items:center;margin:14px 0 24px;padding:12px 16px;border:1px solid #d9e7ef;border-radius:16px;background:linear-gradient(90deg,#f7fbfd,#fff);color:#31516b;font-weight:800}
.chapter-progress-track{height:9px;border-radius:999px;background:#e4eef4;overflow:hidden}.chapter-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2e7da8,#c6253e)}
.chapter-progress strong{color:#17324d}
.mini-lesson-card{margin:28px 0;padding:28px;border:1px solid #d8e6ee;border-radius:28px;background:linear-gradient(145deg,#fff,#f6fbfd);box-shadow:0 18px 45px rgba(23,50,77,.09)}
.mini-lesson-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}.mini-lesson-icon{display:grid;place-items:center;flex:0 0 62px;height:62px;border-radius:19px;background:#eaf5fa;font-size:30px}.mini-lesson-heading h2{margin:.15rem 0 .45rem;color:#17324d;font:700 2rem/1.1 Georgia,serif}.mini-lesson-heading p{margin:0;color:#607384}
.mini-lesson-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-lesson-lines .bilingual-sentence{min-height:105px}
.question-patterns button{border:1px solid #d5e4ed;border-radius:14px;background:#fff;color:#17324d;padding:.8rem .95rem;font-weight:900;cursor:pointer;box-shadow:0 7px 16px rgba(23,50,77,.06)}
.question-patterns.negative button{background:#fff5f6;border-color:#efcbd1;color:#9e1c31}
@media(max-width:760px){.mini-lesson-lines{grid-template-columns:1fr}.chapter-progress{grid-template-columns:1fr auto}.chapter-progress-track{grid-column:1/-1;grid-row:2}.mini-lesson-card{padding:20px}.mini-lesson-heading h2{font-size:1.55rem}}


/* Talking Book: extended TO BE chapter */
.article-learning-note{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid #d7e5ed;border-radius:20px;background:linear-gradient(135deg,#fffaf0,#f5fbff)}
.article-learning-icon{width:48px;height:48px;border-radius:16px;background:#d6a83c;color:white;font:800 30px/48px Georgia,serif;text-align:center;text-transform:lowercase}
.article-learning-note p{margin:5px 0 0;color:#526779;line-height:1.5}.article-page-link{white-space:nowrap}
.conversation-hero{position:relative;overflow:hidden}.conversation-hero:after{content:"";position:absolute;right:-50px;bottom:-70px;width:230px;height:230px;border-radius:50%;background:rgba(69,139,179,.08)}
.scene-badge{margin-left:auto;align-self:flex-start;padding:10px 14px;border-radius:999px;background:#173b58;color:#fff;font-size:12px;font-weight:900;letter-spacing:.11em}
.conversation-card-large{max-width:1040px;margin:0 auto;grid-template-columns:44px 1fr}.conversation-card-large .bilingual-sentence{text-align:left}
.unknown-words{margin-top:22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px;border-radius:18px;background:#f7fafc;border:1px solid #dce7ee}
.unknown-words strong{color:#173b58;margin-right:4px}.unknown-words span{padding:8px 12px;border-radius:999px;background:white;border:1px solid #dbe5eb;color:#496173;font-size:14px}
.complete-conversation-vocabulary{align-items:stretch}.complete-conversation-vocabulary>strong{display:flex;align-items:center}.unknown-words .unknown-word-card{display:grid;gap:4px;min-width:125px;padding:10px 13px;border:1px solid #dbe5eb;border-radius:15px;background:#fff;color:#173b58;text-align:left;cursor:pointer;transition:.18s}.unknown-words .unknown-word-card:hover,.unknown-words .unknown-word-card:focus{transform:translateY(-2px);border-color:#7aa8c0;box-shadow:0 8px 18px rgba(23,59,88,.09)}.unknown-words .unknown-word-card b{font-size:15px}.unknown-words .unknown-word-card small{color:#657b89;font-size:12px;line-height:1.3}
.conversation-vocabulary-standard{display:block!important;padding:20px!important;border:1px solid #d5e4eb!important;border-radius:22px!important;background:#f5f9fb!important}
.conversation-vocabulary-title{display:block!important;margin:0 0 14px!important;color:#173b58!important;font-size:18px!important}
.conversation-vocab-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;width:100%}
.conversation-word-card{display:flex;min-height:88px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:15px 17px;border:1px solid #d4e1e8;border-radius:17px;background:#fff;color:#173b58;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.conversation-word-card:hover,.conversation-word-card:focus-visible{transform:translateY(-2px);border-color:#70a6bf;box-shadow:0 9px 21px rgba(23,59,88,.1);outline:none}
.conversation-word-card b{font-size:17px;line-height:1.25}.conversation-word-card small{color:#687d89;font-size:14px;line-height:1.35}
@media(max-width:680px){.conversation-vocab-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-word-card{min-height:82px;padding:13px}.conversation-vocabulary-standard{padding:15px!important}}
.conversation-lesson:nth-of-type(odd) .conversation-card-large{background:linear-gradient(135deg,#f5fbff,#fff)}
.articles-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.articles-placeholder-grid article{padding:28px;border-radius:24px;border:1px solid #d6e4ec;background:#fff;box-shadow:0 14px 32px rgba(25,58,84,.08)}
.articles-placeholder-grid strong{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#173b58;color:#fff;font:800 30px Georgia,serif;margin-bottom:16px}.articles-placeholder-grid p{color:#526779;line-height:1.6}
.negative-inversion{margin-bottom:18px}
@media(max-width:800px){.article-learning-note{grid-template-columns:auto 1fr}.article-page-link{grid-column:1/-1;width:100%}.scene-badge{display:none}.articles-placeholder-grid{grid-template-columns:1fr}.conversation-card-large{grid-template-columns:38px 1fr}}


/* A1 contents: one level card with direct links to every completed page */
.a1-outline-card{background:#fff;border:1px solid #d8e4eb;border-radius:28px;padding:26px;box-shadow:0 18px 42px rgba(19,50,75,.08)}
.a1-outline-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 4px 24px;border-bottom:1px solid #e3ebf0}
.a1-outline-head>div{display:flex;align-items:center;gap:18px}.level-code.compact{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:#173b59;color:#fff;font-size:25px;font-weight:900}
.a1-outline-head small{letter-spacing:.14em;color:#5080a1;font-weight:800}.a1-outline-head h3{margin:5px 0 6px;font:700 30px/1.1 Georgia,serif;color:#17324d}.a1-outline-head p{margin:0;color:#647786;line-height:1.55}
.a1-outline-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.outline-group{background:#f8fbfd;border:1px solid #dfe9ef;border-radius:22px;padding:18px}.outline-group h3{margin:0 0 13px;color:#17324d;font-size:18px}.outline-conversations{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.outline-conversations h3{grid-column:1/-1}
.outline-page-link{width:100%;display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:13px 14px;margin:8px 0;border:1px solid #d7e4eb;border-radius:16px;background:#fff;color:#19364d;cursor:pointer;transition:.18s ease}.outline-page-link:hover{transform:translateY(-2px);border-color:#7eb0cc;box-shadow:0 10px 20px rgba(25,65,92,.08)}.outline-page-link.visited{background:#f0faf4;border-color:#b9dfc5}.outline-page-link.active-lesson{outline:3px solid rgba(44,128,171,.15);border-color:#2c80ab}.outline-page-link .lesson-status{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf4f7;color:#2d789e;font-weight:900}.outline-page-link.visited .lesson-status{background:#d9f1df;color:#29723d}.outline-index{font-weight:900;color:#8aa1b0}.outline-page-link strong{display:block;font-size:15px;margin-bottom:3px}.outline-page-link small{display:block;color:#748795;line-height:1.35}.outline-page-link b{white-space:nowrap;color:#2b779d;font-size:13px}
.article-back-inline{margin:0 0 16px;border:0;background:#eaf3f8;color:#19405d;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer}.articles-hero{margin-top:0}.mini-audio-chip,.inline-speak{border:0;background:#e8f4fa;color:#165278;border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer}.articles-placeholder-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.articles-placeholder-grid small{color:#718493}
@media(max-width:900px){.a1-outline-head{align-items:flex-start;flex-direction:column}.a1-outline-groups{grid-template-columns:1fr}.outline-conversations{grid-column:auto;grid-template-columns:1fr}.outline-conversations h3{grid-column:auto}.outline-page-link{grid-template-columns:28px 34px minmax(0,1fr)}.outline-page-link b{grid-column:3}.a1-outline-head .primary-btn{width:100%}}


/* Compact contents directory — levels first */
.compact-directory-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:center;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #dfe9ef}
.compact-directory-hero h1{font:700 clamp(34px,4vw,58px)/1.05 Georgia,serif;color:#17364e;margin:7px 0 12px}.compact-directory-hero .dashboard-lead{max-width:820px;margin:0;color:#647987;font-size:18px;line-height:1.55}
.directory-actions{display:grid;gap:12px}.directory-progress-mini{background:linear-gradient(135deg,#173f5d,#2f7fa8);color:#fff;border-radius:20px;padding:17px 19px;box-shadow:0 13px 28px rgba(24,67,93,.16)}.directory-progress-mini>span{font-size:13px;font-weight:800}.directory-progress-mini>strong{float:right;font-size:22px}.directory-progress-mini small{display:block;margin-top:8px;color:#d9edf7}.directory-progress-mini .dashboard-progress-track{height:7px;margin-top:12px;background:rgba(255,255,255,.25)}.directory-progress-mini .dashboard-progress-track span{background:#fff}.directory-continue{width:100%}
.contents-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.cefr-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cefr-level-card{border:1px solid #d8e5ec;border-radius:22px;background:#fff;color:#17364e;text-align:left;box-shadow:0 10px 28px rgba(22,56,78,.06)}.cefr-a1{grid-column:1/-1;padding:21px 23px;border-color:#b8d7e7;background:linear-gradient(135deg,#fff,#f4fbff)}.cefr-level-head{display:flex;gap:16px;align-items:center}.cefr-code{flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#173d59;color:#fff;font-size:25px;font-weight:900;box-shadow:0 8px 17px rgba(24,63,90,.18)}.cefr-level-card small{letter-spacing:.12em;font-weight:900;color:#4180a4}.cefr-level-card h2{font:700 24px/1.1 Georgia,serif;margin:4px 0 6px}.cefr-level-card p{margin:0;color:#667d8c;line-height:1.45}.level-content-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin-top:17px;padding-top:15px;border-top:1px solid #dce9ef;color:#9cb0bc}.directory-page-link{border:0;background:none;padding:0;color:#286f96;font:800 13px/1.35 Arial,sans-serif;cursor:pointer;text-decoration:none}.directory-page-link:hover{color:#bf263f;text-decoration:underline}.compact-level-card{display:flex;gap:14px;padding:18px;cursor:pointer;transition:.18s ease}.compact-level-card:hover{transform:translateY(-2px);border-color:#a5c6d7;box-shadow:0 13px 28px rgba(22,56,78,.1)}.compact-level-card .cefr-code{width:53px;height:53px;font-size:21px;border-radius:15px;background:#8299a6}.compact-level-card h2{font-size:20px}.compact-level-card p{font-size:14px}.compact-level-card b{display:block;margin-top:8px;color:#8498a4;font-size:12px;line-height:1.4}.compact-level-card small{color:#a07c38}
.intro-mini-directory{position:sticky;top:16px;background:#fff;border:1px solid #d9e6ed;border-radius:22px;padding:19px;box-shadow:0 12px 30px rgba(22,56,78,.07)}.intro-mini-head h2{margin:3px 0 14px;font:700 24px/1.15 Georgia,serif;color:#17364e}.intro-mini-links{display:grid;gap:7px}.intro-mini-link{width:100%;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e0e9ee;border-radius:13px;background:#f8fbfc;color:#315d76;text-align:left;font-size:13px}.intro-mini-link span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e5f1f6;color:#2c759c;font-size:11px}.intro-mini-link:hover{background:#eef8fc;text-decoration:none}.compact-dashboard-stats{grid-template-columns:1fr;margin-top:16px;gap:7px}.compact-dashboard-stats article{min-height:auto;padding:10px 12px;border-radius:13px;text-align:left;display:flex;align-items:center;gap:9px}.compact-dashboard-stats strong{font-size:20px}.compact-dashboard-stats span{font-size:11px}
.intro-library-shortcuts{margin-top:15px;padding:14px;border:1px solid #d8e7df;border-radius:17px;background:linear-gradient(145deg,#f3fbf8,#fff9e9);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.intro-library-shortcuts-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.intro-library-shortcuts-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:#1d6f67;box-shadow:0 5px 13px rgba(32,91,83,.1)}.intro-library-shortcuts h3{margin:0;color:#17364e;font:700 21px/1.1 Georgia,serif}
.intro-library-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.intro-library-levels button{min-height:42px;padding:8px;border:1px solid rgba(26,74,94,.13);border-radius:12px;color:#17364e;font-size:14px;font-weight:950;cursor:pointer;box-shadow:0 5px 13px rgba(31,64,79,.07);transition:transform .16s ease,box-shadow .16s ease}.intro-library-levels button:hover,.intro-library-levels button:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,64,79,.14);outline:2px solid #fff;outline-offset:-4px}.intro-library-levels button:nth-child(1){background:#dff4ec}.intro-library-levels button:nth-child(2){background:#c7e9dc}.intro-library-levels button:nth-child(3){background:#e5ebff}.intro-library-levels button:nth-child(4){background:#d3dcfb}.intro-library-levels button:nth-child(5){background:#fff0d3}.intro-library-levels button:nth-child(6){background:#f8dcae}
@media(max-width:1050px){.contents-main-grid{grid-template-columns:1fr}.intro-mini-directory{position:static}.intro-mini-links{grid-template-columns:repeat(5,minmax(0,1fr))}.intro-mini-link{display:grid;justify-items:start}.compact-dashboard-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.compact-directory-hero{grid-template-columns:1fr}.cefr-level-grid{grid-template-columns:1fr}.cefr-a1{grid-column:auto}.compact-level-card{min-height:0}.intro-mini-links{grid-template-columns:1fr 1fr}.compact-dashboard-stats{grid-template-columns:1fr}.level-content-line{gap:7px}.level-content-line>span{display:none}}
@media(max-width:420px){.intro-library-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ============================================================
   MOBILE / TABLET COMPATIBILITY — touch-first responsive layout
   ============================================================ */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-x:hidden;max-width:100vw}
button,a,select,input,[role="button"]{-webkit-tap-highlight-color:rgba(45,119,158,.18);touch-action:manipulation}
button{appearance:none;-webkit-appearance:none}
.directory-page-link,.outline-page-link,.lesson-dashboard-card,.level-card,.cefr-level-card,.speakable,.mini-options button{pointer-events:auto!important;position:relative;z-index:2}
img{height:auto}

@media(max-width:820px){
  body{background:#f4f8fb}
  main{width:100%;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .app-view{padding-top:8px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .panel{border-radius:20px;box-shadow:0 10px 28px rgba(23,48,73,.09)}

  /* Header remains usable on narrow phones */
  .topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr;gap:10px;padding:10px 12px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-radius:0 0 18px 18px}
  .brand{min-width:0}.brand-name{font-size:15px}.brand small{font-size:12px}
  .top-actions{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch!important}
  .top-actions .mini-field{grid-column:1/-1}.top-actions .mini-field span{display:none}
  .top-actions select{min-height:46px;font-size:16px;background:#fff}
  .contents-btn,.ghost-btn{min-height:46px;padding:9px 8px!important;display:flex;align-items:center;justify-content:center;font-size:14px}
  .contents-btn span{display:inline!important;font-size:12px}

  /* All principal pages fit the viewport */
  .intro-page,.secret-page,.verbs-page,.method-page,.level-start-page,.pronouns-lesson-page,.platform-home,.dashboard-page,.tobe-page,.welcome-course-page{width:100%;margin-top:10px!important;padding:16px!important;overflow:hidden}
  .content-col h1,.secret-content h1,.method-content h1,.level-start-copy h1,.dashboard-hero h1,.compact-directory-hero h1{font-size:clamp(31px,9vw,42px)!important;line-height:1.08!important;letter-spacing:-.025em!important;overflow-wrap:anywhere}
  .lead,.dashboard-lead,.level-lead,.method-lead{font-size:16px!important;line-height:1.55!important}

  /* Home and level selection */
  .platform-guides{grid-template-columns:1fr!important;gap:14px}
  .guide-card{min-height:250px!important;padding:14px}.guide-card img{inset:0 0 64px;height:calc(100% - 64px);object-fit:contain}
  .level-catalogue{grid-template-columns:1fr!important}
  .level-card{grid-template-columns:54px minmax(0,1fr)!important;gap:12px;padding:15px;border-radius:18px;min-height:0}
  .level-card b{grid-column:2;text-align:left}.level-card h3{font-size:21px}.level-card p{font-size:14px}

  /* Compact contents: large touch targets instead of tiny inline buttons */
  .contents-main-grid{display:block!important}
  .cefr-level-grid{grid-template-columns:1fr!important;gap:12px}
  .cefr-a1{grid-column:auto!important;padding:15px!important}
  .cefr-level-head{align-items:flex-start;gap:12px}.cefr-code{width:52px;height:52px;border-radius:15px;font-size:21px}
  .cefr-level-card h2{font-size:22px}.cefr-level-card p{font-size:14px}
  .level-content-line{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:14px;padding-top:14px;color:transparent}
  .level-content-line>span{display:none!important}
  .level-content-line .directory-page-link{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:12px 14px!important;border:1px solid #d3e2ea!important;border-radius:14px!important;background:#fff!important;color:#1d5677!important;font-size:15px!important;line-height:1.3!important;text-align:left!important;box-shadow:0 5px 14px rgba(22,56,78,.05)}
  .level-content-line .directory-page-link::after{content:"→";font-size:20px;color:#2e7da8;margin-left:10px}
  .level-content-line .directory-page-link:active{transform:scale(.985);background:#eaf5fa!important}
  .compact-level-card{width:100%;min-height:0;padding:15px}
  .intro-mini-directory{position:static!important;margin-top:16px;padding:15px}
  .intro-mini-links{grid-template-columns:1fr!important}
  .intro-mini-link{min-height:48px;font-size:14px;padding:10px 12px!important}
  .directory-actions{margin-top:12px}.directory-continue{min-height:54px;font-size:16px}

  /* Intro, method and lesson images no longer crop or overflow */
  .teacher-col{position:static!important;display:grid!important;grid-template-columns:1fr!important;padding:14px}
  .teacher-img{width:min(100%,300px);max-height:320px;margin:auto;object-fit:contain}
  .encouragement-box{grid-template-columns:1fr!important}.tea-portrait{width:min(100%,300px);min-height:220px;margin:auto}.tea-img{max-height:260px;object-fit:contain}
  .welcome-person{min-height:540px!important}.ivana-welcome-avatar,.tea-welcome-avatar{width:76%!important;height:340px!important;left:12%!important;right:auto!important;object-fit:contain!important}
  .secret-hero,.verb-premium-grid,.method-page,.level-start-hero{grid-template-columns:1fr!important;gap:18px!important}
  .secret-visual{min-height:500px!important}.method-teacher{min-height:460px!important}
  .level-a1-mark{min-height:210px!important}.level-a1-mark strong{font-size:92px!important}

  /* Pronouns and TO BE lessons */
  .lesson-topline{gap:8px;margin-bottom:14px}.lesson-chip,.lesson-counter{font-size:11px}
  .lesson-hero{grid-template-columns:1fr!important;min-height:0;padding:17px;border-radius:20px;text-align:center}
  .lesson-teacher-img{width:min(100%,220px);height:250px;margin:auto}.teacher-speech-card{padding:17px;text-align:left}
  .pronoun-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .tobe-page{border-radius:18px}
  .tobe-hero{grid-template-columns:1fr!important;gap:12px;padding:18px;margin:12px 0;border-radius:20px;text-align:left}
  .tobe-hero-icon{width:58px;height:58px;font-size:36px;border-radius:17px}.tobe-hero h1{font-size:clamp(30px,9vw,40px)!important}.tobe-hero p{font-size:16px}
  .chapter-progress{grid-template-columns:1fr auto!important;gap:8px;padding:11px 12px;margin:10px 0 16px;font-size:13px}.chapter-progress-track{grid-column:1/-1;grid-row:2}
  .lesson-block{padding:16px;margin:14px 0;border-radius:20px}
  .lesson-block h2{font-size:25px;line-height:1.18}.lesson-block h3{line-height:1.25}
  .tobe-pattern-grid,.sentence-grid,.mini-quiz-grid,.dialogue-grid{grid-template-columns:1fr!important}
  .tobe-pattern-grid article{padding:17px}.tobe-pattern-grid b{font-size:34px}
  .bilingual-sentence,.speakable{min-height:58px;padding:14px 15px}.bilingual-sentence .en{font-size:18px}
  .formula-card,.negative-formula{font-size:17px;padding:14px;gap:8px}
  .inversion-demo{grid-template-columns:1fr!important}.inversion-demo>i{transform:rotate(90deg);font-size:30px}
  .mini-quiz{padding:15px}.mini-options button,.dialogue-grid button{min-height:48px;font-size:16px}
  .question-patterns span,.memory-strip span,.word-bank span{font-size:14px}
  .conversation-card{grid-template-columns:36px minmax(0,1fr)}
  .chapter-result-card{padding:17px}

  /* Navigation buttons are large and remain visible */
  .page-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;align-items:stretch;margin-top:18px}
  .page-nav .page-count{grid-column:1/-1;text-align:center;order:-1}
  .next-page-btn,.prev-page-btn{width:100%;min-height:50px;justify-content:center;padding:12px 10px}
  .page-nav-end{grid-template-columns:1fr!important}

  /* Prevent horizontal overflow in every card */
  p,h1,h2,h3,h4,li,button,span,strong,b,small{overflow-wrap:anywhere;word-break:normal}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:430px){
  main{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}
  .top-actions{grid-template-columns:1fr 1fr}.top-actions .help-btn{grid-column:1/-1}
  .contents-btn span{font-size:11px}
  .pronoun-grid{grid-template-columns:1fr!important}
  .cefr-level-head{display:grid;grid-template-columns:52px minmax(0,1fr)}
  .compact-level-card{display:grid;grid-template-columns:52px minmax(0,1fr)}
  .directory-progress-mini{padding:14px}
  .level-content-line .directory-page-link{font-size:14px;padding:11px 12px!important}
}


/* ==========================================================
   FINAL 8-SKILL ASSESSMENT — MOBILE FIRST
   ========================================================== */
.skills-assessment-page{--skill-blue:#173b59;--skill-soft:#f5f9fc;--skill-line:#d4e1e9;--skill-gold:#f4c665}
.skills-hero{background:linear-gradient(135deg,#eef8ff 0%,#fff8e8 100%)}
.skills-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 26px}
.skills-overview article{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--skill-line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(27,61,85,.06)}
.skills-overview span{font-size:28px}.skills-overview strong{font-size:15px;color:var(--skill-blue)}
.skill-test-card{margin:22px 0;padding:24px;border:1px solid var(--skill-line);border-radius:24px;background:#fff;box-shadow:0 13px 34px rgba(25,58,82,.07)}
.skill-test-heading{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start;margin-bottom:18px}
.skill-test-heading>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#edf6fb;font-size:27px}
.skill-test-heading h2{margin:2px 0 5px;color:var(--skill-blue)}.skill-test-heading p{margin:0;color:#597080;line-height:1.5}
.skill-score{min-width:58px;padding:8px 10px;border-radius:14px;background:#fff3cb;color:#8b6700;text-align:center;font-size:18px}
.skill-audio-button,.voice-check-btn{min-height:50px;border:0;border-radius:15px;padding:13px 18px;font-weight:800;cursor:pointer;touch-action:manipulation}
.skill-audio-button{background:var(--skill-blue,#173b59);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 20px rgba(23,59,89,.14)}.voice-check-btn{background:#dff2fb;color:#123b57;border:1px solid #badceb}
.voice-check-btn.recording{background:#ffe4e4;color:#a51d2d;animation:skillPulse 1s infinite}
.skill-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.skill-options button{min-height:54px;padding:12px;border:1px solid #cbdbe5;border-radius:15px;background:#f9fcfe;color:#173b59;font-weight:700;cursor:pointer}
.skill-options button.correct{background:#dff7e7;border-color:#5ab87a}.skill-options button.wrong{background:#ffe5e5;border-color:#df7a7a}
.skill-feedback{min-height:25px;margin:13px 0 0;font-weight:700;color:#617686}.skill-feedback.good{color:#187342}.skill-feedback.bad{color:#b22b36}
.skill-prompt-row,.skill-action-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.skill-hint{color:#667b8b}
.reading-passage{margin:15px 0 18px;padding:22px;border-left:6px solid #2b7ca7;border-radius:12px;background:#f3f9fc;color:#173b59;font:700 25px/1.45 Georgia,serif}
.writing-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.writing-test-grid article{padding:20px;border:1px solid #d9e5ec;border-radius:19px;background:#fafdff}
.writing-test-grid h3{margin-top:0;color:#173b59}.skill-test-card textarea,.skill-test-card input{width:100%;border:1px solid #bfcfda;border-radius:14px;padding:14px 15px;font:inherit;background:#fff;color:#173b59;margin:10px 0;resize:vertical}
.skill-check-btn{margin-top:4px}.scenario-box{display:flex;gap:15px;align-items:flex-start;padding:17px;border-radius:17px;background:#fff6dc;border:1px solid #ecd89a}.scenario-box>span{font-size:38px}.scenario-box p{margin:0;line-height:1.55}
.sequence-builder{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sequence-options{display:grid;gap:10px}.sequence-options button{padding:13px;border:1px solid #c8d8e2;border-radius:13px;background:#f7fbfd;text-align:left;font-weight:700;color:#173b59;cursor:pointer}.sequence-options button:disabled{opacity:.45}.sequence-result{padding:18px;border:2px dashed #cbdbe5;border-radius:17px;background:#fff}.sequence-result ol{margin-bottom:0}.sequence-result li{margin:8px 0}
.skills-summary-card{margin:28px 0;padding:25px;border-radius:26px;background:linear-gradient(135deg,#173b59,#275f82);color:#fff}.skills-summary-card .result-title{color:#fff}.skills-summary-card .eyebrow{color:#bce3f4}.skills-summary-card h2,.skills-summary-card p{color:#fff}
.skills-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.skills-result-grid article{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:center;padding:14px;border-radius:17px;background:rgba(255,255,255,.12)}.skills-result-grid article span{grid-row:1/3;font-size:27px}.skills-result-grid small{color:#d6eaf4}.skills-result-grid strong{font-size:22px}.skills-finish-btn{background:#fff;color:#173b59;width:100%;justify-content:center}.skills-analysis{margin-top:18px;padding:19px;border-radius:18px;background:#fff;color:#173b59}.skills-analysis>div{display:flex;justify-content:space-between;align-items:center}.skills-analysis strong{font-size:34px}.skills-analysis p{color:#173b59}
@keyframes skillPulse{50%{transform:scale(1.02)}}
@media(max-width:900px){.skills-overview,.skills-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-test-grid,.sequence-builder{grid-template-columns:1fr}.skill-options{grid-template-columns:1fr}}
@media(max-width:560px){.skill-test-card{padding:17px;border-radius:19px}.skill-test-heading{grid-template-columns:auto 1fr}.skill-score{grid-column:2;justify-self:start}.skills-overview{grid-template-columns:1fr 1fr}.skills-overview article{padding:10px}.skills-overview strong{font-size:13px}.reading-passage{font-size:20px;padding:17px}.skill-audio-button,.voice-check-btn,.skill-check-btn{width:100%}.skill-prompt-row{display:grid;grid-template-columns:1fr}.skills-result-grid{grid-template-columns:1fr 1fr}.skills-result-grid article{padding:10px}.skill-test-card textarea{min-height:115px}}


/* Compact CEFR accordion directory — August 2026 */
.level-accordion-list{display:grid;gap:13px}
.level-accordion{overflow:hidden;border:1px solid #d8e5ec;border-radius:20px;background:#fff;box-shadow:0 9px 25px rgba(22,56,78,.06)}
.level-accordion.is-open{border-color:#9cc8dd;box-shadow:0 14px 32px rgba(25,78,108,.11)}
.level-accordion-toggle{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto 24px;gap:15px;align-items:center;padding:17px 19px;border:0;background:linear-gradient(135deg,#fff,#f7fbfd);color:#17364e;text-align:left;cursor:pointer}
.level-accordion.is-locked .level-accordion-toggle{background:linear-gradient(135deg,#fff,#faf9f6)}
.level-accordion-toggle:hover{background:#f1f9fc}
.level-accordion-copy{min-width:0;display:grid;gap:3px}
.level-accordion-copy small{color:#2d7ba3;font-size:10px;font-weight:900;letter-spacing:.14em}
.level-accordion.is-locked .level-accordion-copy small{color:#9b7938}
.level-accordion-copy strong{font:700 23px/1.1 Georgia,serif}
.level-accordion-copy span{color:#667d8c;font-size:14px;line-height:1.35}
.level-expand-label{color:#397a9b;font-size:12px;font-weight:800;white-space:nowrap}
.level-accordion-toggle>i{font-style:normal;color:#397a9b;font-size:22px;transition:transform .2s ease}
.level-accordion.is-open .level-accordion-toggle>i{transform:rotate(180deg)}
.level-accordion-content{padding:0 18px 18px;border-top:1px solid #e1ebf0;background:#fbfdfe}
.level-accordion-content[hidden]{display:none!important}
.level-special-note,.locked-level-note{margin:15px 0 0;padding:12px 14px;border-radius:13px;background:#f2f7fa;color:#536d7c;font-size:13px;line-height:1.5}
.locked-level-note{background:#fff8e8;border:1px solid #f0dfb4;color:#755d2d}
.level-unit-list{display:grid;gap:8px;margin-top:15px}
.level-unit-group,.level-unit-row{width:100%;border:1px solid #dce7ed;border-radius:14px;background:#fff;color:#203f53;text-align:left}
.level-unit-group{padding:13px}
.unit-group-heading{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center}
.unit-group-heading>div{display:grid;gap:2px}.unit-group-heading strong,.unit-copy strong{font-size:14px;line-height:1.35}.unit-group-heading small,.unit-copy small{color:#6d818d;font-size:12px;line-height:1.35}
.unit-group-heading em{font-style:normal;color:#2f8061;background:#e9f7f0;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.unit-current .unit-group-heading em{color:#246d97;background:#e8f4fa}
.unit-number{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:6px 9px;border-radius:9px;background:#e8f3f8;color:#21698f;font-size:11px;font-weight:900;white-space:nowrap}
.unit-page-list{display:grid;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid #e6eef2}
.unit-page-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px!important;border:1px solid #e2eaee!important;border-radius:10px!important;background:#f9fcfd!important;color:#285f7e!important;text-align:left!important;font-size:13px!important;text-decoration:none!important}
.unit-page-link b{font-size:11px;color:#3c82a7;white-space:nowrap}
.unit-page-link:hover{border-color:#9fc8dc!important;background:#eef8fc!important;text-decoration:none!important}
.level-unit-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px}
.level-unit-row.unit-ready,.level-unit-row.unit-locked{cursor:pointer}
.level-unit-row.unit-ready:hover,.level-unit-row.unit-locked:hover{border-color:#9fc8dc;background:#f4fafc}
.unit-copy{display:grid;gap:2px;min-width:0}
.level-unit-row>b{font-size:11px;color:#758b98;white-space:nowrap}
.unit-planned{background:#fcfdfe}.unit-planned>b{color:#9aaab3}
.unit-locked{background:#fffdf8}.unit-locked .unit-number{background:#f7edcf;color:#81652b}.unit-locked>b{font-size:14px}
@media(max-width:760px){
 .level-accordion-toggle{grid-template-columns:50px minmax(0,1fr) 20px;padding:14px;gap:11px}
 .level-accordion-toggle .cefr-code{width:50px;height:50px;font-size:20px}
 .level-expand-label{display:none}
 .level-accordion-copy strong{font-size:20px}.level-accordion-copy span{font-size:13px}
 .level-accordion-content{padding:0 11px 13px}
 .unit-group-heading,.level-unit-row{grid-template-columns:65px minmax(0,1fr);gap:9px}
 .unit-group-heading em,.level-unit-row>b{grid-column:2;justify-self:start;margin-top:3px}
 .level-unit-group{padding:11px}.level-unit-row{padding:10px}
 .unit-page-link{font-size:13px!important;min-height:44px!important}
}



/* Access page remains visible even on a remembered device. */
.remembered-access-btn{margin-top:11px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:1px solid #b9d4e2;border-radius:15px;background:#eef7fb;color:#1d5878;font-weight:700;cursor:pointer}
.remembered-access-btn:hover{background:#e2f1f8;border-color:#8bbbd1}
.remembered-access-note{margin:10px 0 0;padding:11px 13px;border-radius:12px;background:#f6fafc;color:#607987;font-size:12px;line-height:1.45;text-align:center}
.remembered-access-btn.hidden,.remembered-access-note.hidden{display:none!important}

/* Unit 2 follows the same clean vertical rhythm as the rest of the syllabus. */
.unit-title{font-size:14px;line-height:1.35;font-weight:600;color:#203f53}
.tobe-directory-group .unit-page-link span{font-weight:500;line-height:1.4}
.tobe-directory-group .unit-page-link b{font-weight:700}
.tobe-directory-group .unit-group-heading small{font-weight:400}
@media(max-width:760px){
  .tobe-directory-group .unit-page-link{align-items:flex-start}
  .tobe-directory-group .unit-page-link b{padding-top:1px}
}


/* Final skills hero: strong blue contrast on every screen. */
.skills-hero{
  background:linear-gradient(135deg,#123c5b 0%,#256f9b 100%)!important;
  border-color:#2d739a!important;
  box-shadow:0 18px 44px rgba(18,60,91,.22)!important;
}
.skills-hero h1,.skills-hero p,.skills-hero .eyebrow{color:#fff!important;opacity:1!important;text-shadow:none!important}
.skills-hero .tobe-hero-icon{background:rgba(255,255,255,.94)!important;color:#153f5d!important}

/* Unit 3 — Alphabet, Numbers and Spelling */
.unit3-main-hero{background:linear-gradient(135deg,#eaf7ff,#fff6d9);border:1px solid #c8e2ef}
.unit3-main-hero h1{color:#173b59}.unit3-main-hero p{color:#465f70}.unit3-main-hero .eyebrow{color:#27769f}
.unit3-main-hero .tobe-hero-icon{font-weight:900;color:#194d6f;background:#fff;box-shadow:0 8px 20px rgba(25,77,111,.12)}
.unit3-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.unit3-goal-grid article{padding:19px;border:1px solid #d5e5ed;border-radius:19px;background:#f9fcfe}
.unit3-goal-grid span{font-size:32px}.unit3-goal-grid strong{display:block;margin:8px 0 5px;color:#193e59}.unit3-goal-grid p{margin:0;color:#667c8a;line-height:1.5}
.unit3-vocab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vocab-audio-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:3px 11px;align-items:center;padding:16px;border:1px solid #d5e4ec;border-radius:18px;background:#fff;color:#183e58;text-align:left;cursor:pointer;min-height:92px}
.vocab-audio-card>span{grid-row:1/3;font-size:31px}.vocab-audio-card strong{font-size:18px}.vocab-audio-card small{color:#6b808d}.vocab-audio-card i{position:absolute;right:12px;top:10px;font-style:normal}.vocab-audio-card:hover{border-color:#80bad5;background:#f3fbff}
.alphabet-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.alphabet-key{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;min-height:76px;padding:10px 12px;border:1px solid #cfe0e9;border-radius:16px;background:#f9fcfe;color:#173b59;cursor:pointer}
.alphabet-key strong{font-size:26px}.alphabet-key small{font-size:15px;color:#6d8290}.alphabet-key span{grid-column:2;grid-row:1/3}.alphabet-key:hover{background:#eaf7fd;border-color:#7cb9d5;transform:translateY(-1px)}
.number-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.number-key{display:grid;gap:3px;min-height:82px;padding:12px 8px;border:1px solid #d3e2ea;border-radius:15px;background:#fff;color:#173b59;cursor:pointer;text-align:center}.number-key strong{font-size:22px}.number-key span{font-size:13px;color:#5e7585}.number-key i{font-style:normal;font-size:12px}.tens-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.unit3-input-task{margin-top:20px;padding:18px;border-radius:18px;background:#f4f9fc;border:1px solid #d7e5ec}.unit3-input-task label{display:block;margin-bottom:8px;color:#193e59}.unit3-input-task input{max-width:420px}
.spelling-practice-grid,.unit3-practice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.spelling-practice-grid>article,.unit3-practice-cards>article{padding:20px;border:1px solid #d5e3eb;border-radius:20px;background:#fff}.spelling-practice-grid h3,.unit3-practice-cards h3{color:#173b59}.unit3-practice-cards>article>span{font-size:34px}
.u3-inline-options{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.u3-inline-options button{min-height:46px;padding:10px 16px;border:1px solid #c8dae5;border-radius:13px;background:#f9fcfe;color:#173b59;font-weight:750;cursor:pointer}.u3-inline-options button.correct{background:#dff7e7;border-color:#55af75}.u3-inline-options button.wrong{background:#ffe5e5;border-color:#d87676}.u3-inline-options button:disabled{opacity:.75}
.unit3-page textarea,.unit3-page input{width:100%;border:1px solid #bdced9;border-radius:14px;padding:13px 14px;font:inherit;color:#173b59;background:#fff;margin:10px 0}.unit3-page textarea{resize:vertical}
.u3-sequence-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.u3-sequence-options button{padding:14px;border:1px solid #c9dbe5;border-radius:14px;background:#f8fcfe;color:#173b59;font-weight:700;cursor:pointer;text-align:left}.u3-sequence-options button:disabled{opacity:.45;text-decoration:line-through}.u3-sequence-answer{margin:15px 0;padding:16px;border-radius:16px;background:#f3f8fb;border:1px dashed #a9c8d9}.u3-sequence-answer ol{margin:8px 0 0;padding-left:24px}.u3-sequence-answer li{margin:5px 0;color:#274d66}
.unit3-result-hero{background:linear-gradient(135deg,#173b59,#2d789f);color:#fff}.unit3-result-hero h1,.unit3-result-hero p,.unit3-result-hero .eyebrow{color:#fff!important}.unit3-result-hero .tobe-hero-icon{background:#fff;color:#173b59}.unit3-summary-card{margin-top:22px}.unit3-can-do-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unit3-can-do-grid article{padding:16px;border-radius:15px;background:#edf8f2;color:#1f5f45;border:1px solid #c8e8d7;line-height:1.5}
.unit3-progress .chapter-progress-track i{background:linear-gradient(90deg,#2385b2,#efb73e)}
.unit3-directory-group .unit-page-link span{font-weight:500}.unit3-directory-group .unit-group-heading small{font-weight:400}

@media(max-width:950px){.unit3-goal-grid,.unit3-vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alphabet-grid,.number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tens-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){
 .unit3-goal-grid,.unit3-vocab-grid,.spelling-practice-grid,.unit3-practice-cards,.unit3-can-do-grid,.u3-sequence-options{grid-template-columns:1fr}
 .alphabet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.alphabet-key{min-height:67px;padding:8px}.alphabet-key strong{font-size:22px}
 .number-grid,.tens-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.number-key{min-height:76px;padding:9px 5px}.number-key strong{font-size:20px}.number-key span{font-size:11px}
 .u3-inline-options{display:grid;grid-template-columns:1fr}.u3-inline-options button{width:100%}.unit3-page .skill-action-row{display:grid;grid-template-columns:1fr}.unit3-page .skill-action-row>*{width:100%}
}


/* Final access-page alignment: both columns begin at the same visual height. */
@media (min-width:981px){
  .login-view{align-items:start;padding:72px 0 48px}
  .hero-copy{padding-top:34px;align-self:start}
  .login-panel{align-self:start}
}
@media (max-width:980px){
  .hero-copy{padding-top:0}
}

/* Remembered access is real: password is prefilled after the first approval. */
.remembered-access-note{background:#edf7fc;color:#365f76;border:1px solid #d4e7f0}

/* Unit 3 controls must remain above decorative layers and accept touch. */
.unit3-page{position:relative;isolation:isolate}
.unit3-page button,.unit3-page input,.unit3-page textarea,.unit3-page [data-u3-choice]{position:relative;z-index:3;pointer-events:auto!important;touch-action:manipulation}
.unit3-page .skill-audio-button.audio-playing,.unit3-page [data-speak].audio-playing{box-shadow:0 0 0 4px rgba(45,126,168,.18);transform:translateY(-1px)}
.unit3-page .skill-audio-button{cursor:pointer}


/* Unit 3 listening controls: reliable tap target and visible playback feedback. */
#u3PracticeListeningAudio,#u3PracticeDictationAudio{min-height:56px;position:relative;z-index:8;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(45,126,168,.18)}
#u3PracticeListeningAudio.audio-playing,#u3PracticeDictationAudio.audio-playing{filter:brightness(1.08);box-shadow:0 0 0 5px rgba(45,126,168,.22),0 12px 28px rgba(23,59,89,.16)}


/* Unit 3 audio — visible, accessible and reliable on desktop and mobile. */
.unit3-audio-control{
  width:auto;
  min-width:210px;
  min-height:58px!important;
  padding:14px 22px!important;
  border:2px solid #173b59!important;
  border-radius:16px!important;
  background:#173b59!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:850!important;
  line-height:1.2!important;
  opacity:1!important;
  visibility:visible!important;
  position:relative!important;
  z-index:12!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-shadow:0 10px 24px rgba(23,59,89,.18)!important;
}
.unit3-audio-control:hover,.unit3-audio-control:focus-visible{background:#245f86!important;border-color:#245f86!important;outline:3px solid rgba(48,139,185,.24);outline-offset:3px}
.unit3-audio-control:active{transform:translateY(1px)}
.unit3-audio-control.audio-playing{background:#087a50!important;border-color:#087a50!important;box-shadow:0 0 0 5px rgba(8,122,80,.18),0 12px 28px rgba(23,59,89,.18)!important}
.audio-status{min-height:24px;margin:8px 0 0;color:#42657a;font-size:14px;font-weight:700}
.audio-status.is-playing{color:#087a50}
.audio-status.is-error{color:#a33a3a}
@media(max-width:620px){
  .unit3-audio-control{width:100%!important;min-width:0!important;min-height:60px!important;font-size:16px!important}
}


/* ==========================================================
   Unit 4 — Articles A / AN / THE
   ========================================================== */
.assessment-start-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:15px 18px;border:1px solid #cbdde8;border-radius:18px;background:#f5fbfe;color:#23465c}.assessment-start-row p{margin:0}.assessment-reset-btn{white-space:nowrap;margin:0}.assessment-live-progress .chapter-progress-track i{background:linear-gradient(90deg,#2d86b4,#25a46f)}.assessment-live-progress strong{min-width:54px;text-align:right}
.unit4-main-hero{background:linear-gradient(135deg,#eef8ff 0%,#fff8e7 100%)}.unit4-the-hero{background:linear-gradient(135deg,#e8f4ff,#fff1c9)}.apple-lesson-hero{background:linear-gradient(135deg,#fff3e2,#eef9ff)}.unit4-practice-hero{background:linear-gradient(135deg,#eef9ff,#f2f8ec)}.unit4-result-hero,.unit4-summary-card{background:linear-gradient(135deg,#153f5e,#287ca4);color:#fff}.unit4-result-hero p,.unit4-summary-card p{color:#e4f3fa}.unit4-page .tobe-hero-icon{min-width:92px}.unit4-main-hero .tobe-hero-icon,.unit4-the-hero .tobe-hero-icon{font:900 28px/1 Arial,sans-serif}
.teacher-explanation-card{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px;border-radius:22px;background:#f5fafd;border:1px solid #d5e5ed}.teacher-explanation-card p{margin:0 0 11px}.teacher-explanation-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#dff1f8;font-size:28px}
.article-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.article-family-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border:1px solid #d5e4ec;border-radius:22px;background:#fff;box-shadow:0 12px 25px rgba(22,57,79,.06)}.article-family-grid article.definite{background:linear-gradient(145deg,#fff9e8,#fff)}.article-family-grid small{font-size:12px;letter-spacing:.1em;color:#5c7d91;font-weight:800}.article-family-grid article>strong{font:800 48px/1 Georgia,serif;color:#173d5b}.article-family-grid article>span{font-size:13px;color:#6e8390}.article-family-grid .mini-audio-chip{margin-top:auto}
.aan-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.aan-rule-grid>article{position:relative;padding:26px;border-radius:26px;border:1px solid #d8e5ec;background:#fff;overflow:hidden}.aan-rule-grid .an-rule{background:linear-gradient(145deg,#fffaf0,#fff)}.rule-letter{display:grid;place-items:center;width:82px;height:82px;border-radius:23px;background:#173e5d;color:#fff;font:800 34px/1 Georgia,serif;box-shadow:0 12px 26px rgba(23,62,93,.18)}.an-rule .rule-letter{background:#b17b0d}.example-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.example-chip-grid button{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid #d8e4ea;border-radius:14px;background:#f8fbfd;color:#183e59;text-align:left;font-weight:800}.example-chip-grid button small{font-weight:400;color:#70838e}.remember-banner{display:flex;gap:14px;align-items:center;margin-top:20px;padding:17px 19px;border-radius:18px;background:#eaf6fb}.remember-banner span{font-size:28px}.remember-banner p{margin:0}
.bilingual-example-stack{display:grid;gap:10px}.bilingual-example-stack .bilingual-sentence{width:100%}
.which-test-card{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:25px;border-radius:25px;background:linear-gradient(135deg,#173e5d,#2a789f);color:#fff}.which-test-card p{color:#e4f3fa}.which-word{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:#fff1bd;color:#7b5700;font:900 27px/1 Arial,sans-serif}.article-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.article-story-grid article{position:relative;padding:22px;border:1px solid #d7e5ec;border-radius:22px;background:#fff}.story-step{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#173f5d;color:#fff;font-weight:900}.story-label{font-size:12px;letter-spacing:.12em;font-weight:800;color:#648397}.article-story-grid .bilingual-sentence{width:100%}
.apple-bowl-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:24px;align-items:center}.apple-bowl-illustration{padding:12px;border-radius:27px;background:linear-gradient(145deg,#f8fcfe,#edf6fa);border:1px solid #d5e5ed}.apple-bowl-illustration svg{display:block;width:100%;height:auto}.apple-choice-explanation{display:grid;gap:16px}.apple-choice-explanation article{padding:22px;border-radius:22px;border:1px solid #d7e4ea;background:#fff}.apple-choice-explanation article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#173f5d;color:#fff;font-weight:900}.apple-choice-explanation .specific-apple{background:#fff9e8;border-color:#ead9a6}.apple-choice-explanation .bilingual-sentence{width:100%;margin:12px 0}
.singular-plural-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px}.correct-panel{display:grid;gap:12px;padding:23px;border-radius:23px;background:#f3faf6;border:1px solid #cbe5d4}.correct-panel.plural{background:#f3f8fb;border-color:#d3e2ea}.correct-panel button{padding:16px;border:0;border-radius:15px;background:#fff;color:#173e5b;text-align:left;font-size:18px}.correct-panel small{color:#6f818c}.article-decision-map{margin-top:22px;padding:24px;border-radius:24px;background:#173f5d;color:#fff}.article-decision-map>h2{color:#fff}.decision-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.17)}.decision-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#173f5d;font-weight:900}.decision-step p{margin:0;color:#e8f4f9}.decision-step b{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.13);font-size:13px}
.unit4-page textarea,.unit4-page input{width:100%;border:1px solid #bdced9;border-radius:14px;padding:13px 14px;font:inherit;color:#173b59;background:#fff;margin:10px 0}.u4-assessment-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.u4-assessment-options button,.u4-sequence-options button{padding:14px 22px;border:1px solid #c7d8e2;border-radius:15px;background:#fff;color:#173e5b;font-weight:800;cursor:pointer}.u4-assessment-options button.correct{background:#dff4e6;border-color:#67bd82;color:#176b36}.u4-assessment-options button.wrong{background:#ffe6e8;border-color:#d66d78;color:#9a2031}.u4-sequence-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0}.u4-sequence-options button:disabled{opacity:.5}.unit4-assessment-hero{background:linear-gradient(135deg,#e8f5ff 0%,#fff7df 100%)}
@media(max-width:900px){.article-family-grid,.aan-rule-grid,.article-story-grid,.singular-plural-preview{grid-template-columns:1fr}.apple-bowl-section{grid-template-columns:1fr}.decision-step{grid-template-columns:auto 1fr}.decision-step b{grid-column:2}.u4-sequence-options{grid-template-columns:1fr}.assessment-start-row{align-items:stretch;flex-direction:column}.assessment-reset-btn{width:100%}.which-test-card{grid-template-columns:1fr}.which-word{width:100px;height:100px}.example-chip-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.article-family-grid article,.aan-rule-grid>article,.apple-choice-explanation article{padding:17px}.example-chip-grid{grid-template-columns:1fr}.teacher-explanation-card{grid-template-columns:1fr}.apple-bowl-illustration{padding:4px}.unit4-page .tobe-hero-icon{min-width:72px}.u4-assessment-options{display:grid;grid-template-columns:1fr}.u4-assessment-options button{width:100%}.which-test-card{padding:19px}.article-decision-map{padding:18px}}

/* High-contrast text for the light Unit 4 lesson heroes. */
.unit4-main-hero h1,.unit4-the-hero h1,.apple-lesson-hero h1,.unit4-practice-hero h1{color:#173b59!important;opacity:1!important}
.unit4-main-hero p,.unit4-the-hero p,.apple-lesson-hero p,.unit4-practice-hero p{color:#465f70!important;opacity:1!important}
.unit4-main-hero .eyebrow,.unit4-the-hero .eyebrow,.apple-lesson-hero .eyebrow,.unit4-practice-hero .eyebrow{color:#28789f!important;opacity:1!important}
.unit4-main-hero .tobe-hero-icon,.unit4-the-hero .tobe-hero-icon,.apple-lesson-hero .tobe-hero-icon,.unit4-practice-hero .tobe-hero-icon{background:#fff!important;color:#173f5d!important;box-shadow:0 8px 20px rgba(25,77,111,.12)}

/* Consistent secondary actions throughout lessons and assessments. */
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border:1px solid #b9d2df;border-radius:13px;background:#eef7fb;color:#1c5878;font:800 14px/1.2 inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.secondary-btn:hover{background:#e2f1f8;transform:translateY(-1px);box-shadow:0 7px 16px rgba(26,76,105,.1)}
.secondary-btn:focus-visible{outline:3px solid rgba(45,132,177,.24);outline-offset:2px}
@media(max-width:560px){.skill-test-card .secondary-btn{width:100%}.assessment-start-row .secondary-btn{width:100%}}


/* Units 5–10: compact directory, simple vector teaching illustrations and assessments */
.unit-page-link,
.unit-page-link span { font-weight: 500 !important; }
.unit-page-link b { font-weight: 600; }
.article-clear-rule { align-items:flex-start; }
.article-clear-rule > div { display:grid; gap:10px; }
.article-clear-rule p { margin:0; line-height:1.65; }
.generic-unit-page .lesson-block { overflow:hidden; }
.lesson-visual-board { max-width:920px; margin:0 auto; }
.lesson-visual-board svg { display:block; width:100%; height:auto; border-radius:28px; box-shadow:0 18px 40px rgba(25,59,83,.08); }
.simple-rule-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.simple-rule-grid article { position:relative; padding:24px 24px 22px 72px; border:1px solid #d7e5ec; border-radius:22px; background:#fff; min-height:132px; }
.simple-rule-grid article > span { position:absolute; left:22px; top:24px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#e7f3f8; color:#1d668c; font-weight:800; }
.simple-rule-grid h3 { margin:0 0 8px; font-size:1.18rem; color:#173b55; }
.simple-rule-grid p { margin:0; line-height:1.55; color:#5e7482; }
.bilingual-example-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.bilingual-example-list.compact { grid-template-columns:1fr; }
.bilingual-example-list .bilingual-sentence { width:100%; }
.step-rule-list { display:grid; gap:15px; max-width:1000px; margin:0 auto; }
.step-rule-list article { display:grid; grid-template-columns:54px 1fr; gap:18px; align-items:center; padding:20px 22px; background:#fff; border:1px solid #d7e5ec; border-radius:20px; }
.step-rule-list article > span { width:48px; height:48px; display:grid; place-items:center; background:#183c57; color:#fff; border-radius:15px; font-size:1.2rem; font-weight:800; }
.step-rule-list h3 { margin:0 0 5px; color:#173b55; }
.step-rule-list p { margin:0; color:#637987; }
.generic-assessment-hero { background:linear-gradient(135deg,#dceef8,#e7f4fb 55%,#f7edd2); color:#173b55; }
.generic-assessment-hero h1,.generic-assessment-hero p,.generic-assessment-hero .eyebrow { color:#173b55 !important; opacity:1 !important; }
.generic-assessment-options { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.generic-assessment-options button,.generic-sequence-options button { border:1px solid #cadde7; border-radius:16px; background:#f8fbfd; color:#173b55; padding:14px 20px; font-size:1rem; cursor:pointer; }
.generic-assessment-options .bilingual-assessment-option{display:grid;gap:5px;text-align:left}.generic-assessment-options .bilingual-assessment-option strong{font:inherit}.generic-assessment-options .bilingual-assessment-option small{color:#607785;font-size:.82rem}
.generic-assessment-options button.correct { background:#def5e8; border-color:#6fc393; }
.generic-assessment-options button.wrong { background:#fde6e6; border-color:#da8585; }
.generic-sequence-options { display:flex; flex-wrap:wrap; gap:12px; }
.generic-sequence-options button:disabled { opacity:.48; cursor:not-allowed; }
.generic-practice-writing { width:100%; }
.generic-result-hero { background:linear-gradient(135deg,#e8f5fb,#fff6dc); }
.generic-result-hero h1,.generic-result-hero p { color:#173b55; }
@media (max-width:760px){
  .simple-rule-grid,.bilingual-example-list { grid-template-columns:1fr; }
  .simple-rule-grid article { padding-left:66px; }
  .lesson-visual-board svg text { font-size:22px; }
  .generic-assessment-options button,.generic-sequence-options button { width:100%; }
}


/* Units 11–14: Present Simple, WH questions and frequency — clear A1 methodology. */
.present-method-block{background:linear-gradient(145deg,#f7fbfd,#fffaf0);border:1px solid #dce8ee}
.now-usually-grid,.method-note-grid,.grammar-contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.now-usually-grid article,.method-note-grid article,.grammar-contrast-grid article{padding:23px;border:1px solid #d5e5ec;border-radius:22px;background:#fff}
.now-usually-grid article{display:grid;gap:14px}
.now-usually-grid p,.method-note-grid p,.grammar-contrast-grid p{margin:0;color:#566f7e;line-height:1.65}
.time-label{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;font-size:.76rem;font-weight:850;letter-spacing:.08em}
.time-label.usual{background:#dff1f8;color:#17668c}.time-label.now{background:#fff0c8;color:#8a6200}
.method-note-grid{margin-top:18px}.method-note-grid h3,.grammar-contrast-grid h3{margin:0 0 10px;color:#173b55}.method-note-grid .bilingual-sentence{width:100%;margin-bottom:10px}
.verb-reminder{background:#f5f9fb}.grammar-contrast-grid article:first-child{border-top:5px solid #4287aa}.grammar-contrast-grid article:last-child{border-top:5px solid #d2a33e}
.unit11-page .generic-unit-hero,.unit12-page .generic-unit-hero,.unit13-page .generic-unit-hero,.unit14-page .generic-unit-hero{background:linear-gradient(135deg,#eaf6fb,#fff8e7)}
.unit11-page .generic-unit-hero h1,.unit12-page .generic-unit-hero h1,.unit13-page .generic-unit-hero h1,.unit14-page .generic-unit-hero h1{color:#173b55!important}
.unit11-page .generic-unit-hero p,.unit12-page .generic-unit-hero p,.unit13-page .generic-unit-hero p,.unit14-page .generic-unit-hero p{color:#506979!important}
@media(max-width:760px){.now-usually-grid,.method-note-grid,.grammar-contrast-grid{grid-template-columns:1fr}.present-method-block{padding:20px 14px}.lesson-visual-board svg text{font-size:18px}.unit11-page .lesson-topline,.unit12-page .lesson-topline,.unit13-page .lesson-topline,.unit14-page .lesson-topline{gap:10px}}


/* Unified assessment hero contrast — all final tests use the same accessible blue treatment. */
.skills-hero,
.generic-assessment-hero,
.unit4-assessment-hero{
  background:linear-gradient(135deg,#123c5b 0%,#1f628b 55%,#2c7ca4 100%)!important;
  border:1px solid #2e779e!important;
  color:#fff!important;
  box-shadow:0 18px 44px rgba(18,60,91,.22)!important;
}
.skills-hero h1,.skills-hero h2,.skills-hero h3,.skills-hero p,.skills-hero .eyebrow,
.generic-assessment-hero h1,.generic-assessment-hero h2,.generic-assessment-hero h3,.generic-assessment-hero p,.generic-assessment-hero .eyebrow,
.unit4-assessment-hero h1,.unit4-assessment-hero h2,.unit4-assessment-hero h3,.unit4-assessment-hero p,.unit4-assessment-hero .eyebrow{
  color:#fff!important;opacity:1!important;text-shadow:none!important;
}
.skills-hero .eyebrow,.generic-assessment-hero .eyebrow,.unit4-assessment-hero .eyebrow{color:#c7e8f6!important}
.skills-hero .tobe-hero-icon,.generic-assessment-hero .tobe-hero-icon,.unit4-assessment-hero .tobe-hero-icon{background:#fff!important;color:#153f5d!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}

/* Present Simple — clearer method, comparison and audio vocabulary. */
.comparison-table{display:grid;gap:1px;margin-top:22px;border:1px solid #d1e1e9;border-radius:22px;overflow:hidden;background:#d1e1e9}
.comparison-table>div{display:grid;grid-template-columns:150px 1fr 1fr;gap:1px;background:#d1e1e9}
.comparison-table>div>*{background:#fff;padding:17px 18px}
.comparison-table .comparison-head>*{background:#173b59;color:#fff;font-weight:800}
.comparison-table>div>span:first-child{font-weight:800;color:#173b59;display:flex;align-items:center}
.comparison-audio{border:0;text-align:left;color:#173b59;font:800 1rem/1.35 inherit;cursor:pointer}
.comparison-audio small{display:block;color:#657b88;font-weight:500;margin-top:5px}
.preview-banner{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin-top:20px;padding:18px 20px;border-radius:18px;background:#fff4cf;border:1px solid #ecd892;color:#4f4321}
.preview-banner strong{white-space:nowrap}.preview-banner p{margin:0!important;color:#4f4321!important;line-height:1.6}
.inline-audio{display:inline;border:0;background:transparent;color:#155f89;font:inherit;font-weight:800;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.audio-word-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.audio-word-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.word-audio-chip{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:15px 16px;border:1px solid #cfe0e8;border-radius:16px;background:#fff;color:#173b59;cursor:pointer;min-height:76px}
.word-audio-chip:hover,.word-audio-chip:focus-visible{border-color:#2e7ca4;box-shadow:0 9px 22px rgba(23,59,89,.1);outline:none}
.word-audio-chip strong{font-size:1rem}.word-audio-chip small{color:#637987;line-height:1.35}
.subject-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.subject-form-grid article{padding:23px;border:1px solid #d6e4eb;border-radius:22px;background:#fff}
.subject-form-grid h3{margin:13px 0 12px;color:#173b59}.subject-form-grid p{color:#607786;margin-bottom:0}
.subject-badge{display:inline-flex;padding:9px 13px;border-radius:999px;background:#e4f2f8;color:#1b6389;font-weight:900;letter-spacing:.04em}
.subject-badge.third{background:#fff0d4;color:#80570a}
.third-person-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.third-person-grid article{padding:22px;border:1px solid #d6e4eb;border-radius:22px;background:#fff}
.third-person-grid p{color:#5f7684;line-height:1.55}.ending-pill{font-weight:900;color:#173b59;margin-bottom:8px}
.audio-form-list{display:flex;flex-wrap:wrap;gap:9px}.audio-form-list button{border:1px solid #cfe0e8;border-radius:12px;background:#f8fbfd;color:#173b59;padding:10px 12px;font-weight:800;cursor:pointer}
.special-forms{margin-top:20px;padding:22px;border-radius:22px;background:#eef7fb;border:1px solid #d2e5ee}.special-forms h3{margin:0 0 14px;color:#173b59}.special-forms>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.assessment-prep-audio{margin:18px 0;padding:18px 20px;border:1px solid #d6e5ec;border-radius:20px;background:#f7fbfd}.assessment-prep-audio>div:first-child{display:flex;gap:8px;flex-wrap:wrap;color:#3f5d70}
.reading-audio-passage{display:block;width:100%;text-align:left;border:1px solid #d5e4eb;border-radius:16px;background:#f8fbfd;color:#173b59;padding:17px 18px;font:inherit;line-height:1.65;cursor:pointer}

@media(max-width:900px){
  .audio-word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .comparison-table>div{grid-template-columns:120px 1fr 1fr}
}
@media(max-width:760px){
  .comparison-table{overflow:visible;border:0;background:transparent;gap:12px}
  .comparison-table .comparison-head{display:none}
  .comparison-table>div{grid-template-columns:1fr;gap:8px;background:transparent;border:1px solid #d1e1e9;border-radius:18px;padding:12px}
  .comparison-table>div>*{border-radius:12px;padding:13px 14px}
  .comparison-table>div>span:first-child{background:#eaf4f8}
  .subject-form-grid,.third-person-grid{grid-template-columns:1fr}
  .special-forms>div{grid-template-columns:1fr}
  .audio-word-grid,.audio-word-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .preview-banner{grid-template-columns:1fr}
}
@media(max-width:420px){.audio-word-grid,.audio-word-grid.compact{grid-template-columns:1fr}}


/* Units 15–16: Present Continuous and tense comparison */
.now-gif-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.now-gif-grid article{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1.15fr);align-items:center;gap:22px;padding:22px;border:1px solid #d4e3ea;border-radius:26px;background:#fff}.now-gif-grid img{width:100%;max-height:300px;object-fit:contain;border-radius:20px;background:#fff}.now-gif-grid .bilingual-sentence{width:100%}.formula-banner{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:24px;border-radius:22px;background:linear-gradient(135deg,#eaf5fb,#fff6dd);border:1px solid #cee0e8}.formula-banner span{padding:12px 18px;border-radius:14px;background:#fff;color:#173b55;font-weight:800;box-shadow:0 8px 22px rgba(23,59,85,.08)}.formula-banner b{font-size:26px;color:#287aa4}.inversion-demo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px;border-radius:22px;background:#f4f9fb;border:1px solid #d7e5eb}.inversion-demo div{padding:18px;border-radius:18px;background:#fff;text-align:center}.inversion-demo small{display:block;letter-spacing:.12em;color:#6c8796;font-weight:800}.inversion-demo strong{display:block;margin-top:8px;font-size:24px;color:#173b55}.inversion-demo>span{font-size:34px;color:#287aa4}.short-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.short-answer-grid article{padding:20px;border-radius:20px;background:#f7fbfd;border:1px solid #d7e5eb}.short-answer-grid p{font-weight:800;color:#173b55}.short-answer-grid strong,.short-answer-grid small{display:block;margin-top:8px}.decision-path{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}.decision-path article{padding:24px;border-radius:24px;background:#fff;border:1px solid #d6e5ec}.decision-path article:first-child{box-shadow:inset 0 5px 0 #4b9bc2}.decision-path article:last-child{box-shadow:inset 0 5px 0 #df9b4a}.decision-path>span{align-self:center;font-weight:900;color:#78909d}.decision-path button{width:100%;margin-top:12px;padding:14px;border:0;border-radius:14px;background:#edf6fa;color:#173b55;font-weight:800;cursor:pointer}.tense-signal-table strong{display:block;font-weight:700}.unit15-progress .chapter-progress-track i{background:linear-gradient(90deg,#2f8db7,#f0a24c)}.unit16-progress .chapter-progress-track i{background:linear-gradient(90deg,#4d8fbe,#7d6bb0)}
.unit15-scene-grid article{grid-template-columns:1fr;align-items:stretch}.unit15-scene-grid img{display:block;width:auto;height:300px;max-width:72%;object-fit:contain;object-position:center;margin:0 auto;border-radius:18px;background:#eef5f8}.unit15-scene-copy{display:grid;align-content:start;gap:12px}.unit15-scene-copy .bilingual-sentence{min-height:150px}.unit15-scene-copy>p{margin:0;color:#506b7a;line-height:1.6}.scene-vocabulary{margin-top:12px;padding-top:20px;border-top:1px solid #d8e5eb}.scene-vocabulary h3{margin:0 0 14px;color:#173b55;font-size:18px}.scene-vocabulary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-vocabulary-grid .word-audio-chip{min-height:82px;padding:14px 16px;text-align:left}.scene-vocabulary-grid .word-audio-chip strong{font-size:16px}.scene-vocabulary-grid .word-audio-chip span{font-size:15px}.unit15-later-note{grid-template-columns:minmax(220px,.38fr) minmax(0,1fr)!important;align-items:start!important;gap:24px!important;margin-top:28px!important;padding:24px 26px!important}.unit15-later-note>strong{font-size:21px;line-height:1.25;color:#173b55}.unit15-later-note>p{font-size:16px!important;line-height:1.75!important}.unit15-vocab-heading{margin-top:44px;padding-top:30px;border-top:1px solid #d8e5eb}.unit15-vocab-heading .eyebrow{margin-top:0}
@media(max-width:820px){.now-gif-grid{grid-template-columns:1fr}.now-gif-grid article{grid-template-columns:1fr}.unit15-scene-grid img{width:auto;height:260px;max-width:88%}.scene-vocabulary-grid{grid-template-columns:1fr}.teacher-note:has(>strong){grid-template-columns:1fr;gap:10px}.unit15-later-note{grid-template-columns:1fr!important;gap:12px!important}.unit15-vocab-heading{margin-top:34px}.short-answer-grid{grid-template-columns:1fr}.decision-path{grid-template-columns:1fr}.decision-path>span{text-align:center}.inversion-demo{grid-template-columns:1fr}.inversion-demo>span{transform:rotate(90deg);text-align:center}.formula-banner{align-items:stretch}.formula-banner span{width:100%;text-align:center}.formula-banner b{text-align:center}}


/* Units 17–28: consistent A1 lesson system */
.unit-series-hero{position:relative;overflow:hidden}.unit-series-hero .lesson-scene{margin-left:auto;min-width:190px;display:flex;align-items:center;justify-content:center;font-size:4rem;letter-spacing:.15em;background:rgba(255,255,255,.72);border:1px solid rgba(31,91,126,.16);border-radius:26px;padding:24px;box-shadow:0 18px 36px rgba(20,57,79,.08)}
.teacher-explanation-card{margin-top:22px;padding:22px 24px;border-left:5px solid #2d7ba6;border-radius:0 18px 18px 0;background:#f2f9fd;font-size:1.03rem;line-height:1.7}.teacher-explanation-card strong{display:block;color:#173b55;margin-bottom:7px}
.humor-note{display:flex;gap:16px;align-items:center;margin:24px 0;padding:18px 22px;border:1px solid #ead7a5;border-radius:20px;background:#fff8df;color:#604d1b}.humor-note span{font-size:2rem}.humor-note p{margin:0;line-height:1.55}
.explanation-steps{display:grid;gap:14px}.explanation-steps article{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:18px 20px;border:1px solid #d8e7ef;border-radius:18px;background:#fff}.explanation-steps article>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#173b55;color:white;font-weight:800}.explanation-steps p{margin:4px 0 0;line-height:1.65}
.word-audio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.word-audio-chip{border:1px solid #cbdde7;border-radius:16px;padding:16px 18px;background:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}.word-audio-chip strong{color:#185b82;font-size:1.04rem}.word-audio-chip span{color:#687d89}.word-audio-chip:hover,.word-audio-chip:focus{background:#eef8fd;border-color:#4c99bf}
.pronunciation-tip{margin-top:14px;padding:15px 18px;background:#eef7fb;border-radius:14px;color:#345467}.dialogue-course-card{display:grid;gap:12px}.dialogue-line{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:stretch}.dialogue-line .speaker{display:grid;place-items:center;border-radius:15px;background:#e6f2f8;color:#145777;font-weight:900}.dialogue-line.male .speaker{background:#fff1d9;color:#82530b}.dialogue-audio{width:100%;text-align:left;border:1px solid #d7e5ec;border-radius:16px;padding:14px 18px;background:#fff;display:flex;flex-direction:column;gap:5px}.dialogue-audio .en{font-weight:750;color:#173b55}.dialogue-audio .sr{color:#6a7c87}.conversation-task{margin:24px 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#edf8fd,#fff8e6);border:1px solid #d5e6ee}.conversation-task h2{margin-top:0}.assessment-hero-blue{background:linear-gradient(135deg,#164c70,#2b80ab)!important;color:#fff!important}.assessment-hero-blue h1,.assessment-hero-blue p,.assessment-hero-blue .eyebrow{color:#fff!important;opacity:1!important;text-shadow:none!important}.assessment-hero-blue .tobe-hero-icon{background:#fff!important;color:#173b55!important}
@media(max-width:760px){.unit-series-hero{display:block}.unit-series-hero .lesson-scene{min-width:0;margin:18px 0 0;font-size:2.7rem;padding:18px}.dialogue-line{grid-template-columns:38px 1fr}.word-audio-grid{grid-template-columns:1fr}.explanation-steps article{grid-template-columns:36px 1fr}.explanation-steps article>span{width:34px;height:34px}.unit-page-list{display:grid}.unit-page-link{width:100%}}


/* Pedagogically expanded Units 15 and 17–28 */
.unit-series-hero-clean{grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}
.unit-series-hero-clean .lesson-scene{display:none!important}
.deep-explanation-block{border:1px solid #d5e5ee;background:linear-gradient(180deg,#ffffff,#fbfdfe)}
.person-form-card{margin:20px 0;padding:22px;border:1px solid #d6e5ed;border-radius:22px;background:#fff}
.person-form-card h3{margin:0 0 8px;color:#173b55;font-size:1.35rem}.person-form-note{margin:0 0 16px;color:#667b88;line-height:1.6}
.person-form-list{display:grid;gap:9px}.person-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:stretch}.person-pronoun{display:grid;place-items:center;border-radius:14px;background:#e6f3f9;color:#185a7d;font-weight:900;text-transform:uppercase}.person-row .bilingual-sentence{margin:0;width:100%}
.two-form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.two-form-columns .person-form-card{margin:0}
.deep-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.deep-rule-grid article{padding:22px;border:1px solid #d6e5ed;border-radius:20px;background:#fff}.deep-rule-grid h3{margin-top:0;color:#173b55}.deep-rule-grid p{line-height:1.65}.deep-rule-grid .bilingual-sentence{width:100%;margin-top:10px}
.stative-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stative-category-grid article{padding:18px;border-radius:18px;background:#f0f8fc;border:1px solid #d6e7ef}.stative-category-grid h3{margin:0 0 8px;color:#185a7d}.stative-category-grid p{margin:0;line-height:1.65}
.short-answer-panel,.reason-result-card,.directions-dialogue,.project-checklist{margin:22px 0;padding:22px;border-radius:20px;background:#eef7fb;border:1px solid #d4e6ef}.short-answer-panel h3,.reason-result-card h3,.directions-dialogue h3,.project-checklist h3{margin-top:0;color:#173b55}
.common-mistakes{margin:22px 0;padding:22px;border-left:5px solid #d4932e;border-radius:0 18px 18px 0;background:#fff8e8}.common-mistakes h3{margin-top:0;color:#6b4b11}.common-mistakes p{margin:8px 0;line-height:1.55}
.comparison-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.comparison-table.three{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-table>div{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #d3e4ed;border-radius:20px;background:#fff}.comparison-table strong{font-size:1.2rem;color:#185a7d}.comparison-table span{padding:8px 10px;border-radius:10px;background:#f2f8fb}
.four-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.four-rule-grid article{position:relative;padding:22px;border:1px solid #d5e5ed;border-radius:20px;background:#fff}.four-rule-grid article>span{position:absolute;right:16px;top:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#173b55;color:#fff;font-weight:900}.four-rule-grid h3{padding-right:44px;color:#173b55}.four-rule-grid .bilingual-sentence{width:100%;margin-top:9px}
.time-drawer-grid,.connector-grid,.movement-map-grid,.project-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.time-drawer-grid article,.connector-grid article,.movement-map-grid article,.project-step-grid article{padding:20px;border-radius:20px;background:#fff;border:1px solid #d5e5ed}.time-drawer-grid h3,.connector-grid strong,.movement-map-grid strong,.project-step-grid h3{color:#185a7d;font-size:1.15rem}.time-drawer-grid .bilingual-sentence,.connector-grid .bilingual-sentence,.movement-map-grid .bilingual-sentence,.project-step-grid .bilingual-sentence{width:100%;margin-top:10px}.project-step-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#173b55;color:#fff;font-weight:900}.meaning-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.meaning-scale article{padding:22px;border-radius:20px;border:1px solid #d5e5ed;background:#fff}.meaning-scale strong{display:block;font-size:1.3rem;color:#185a7d}.meaning-scale span{display:block;margin:5px 0 12px;color:#7a6a49;font-weight:800}
@media(max-width:900px){.stative-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-drawer-grid,.connector-grid,.movement-map-grid,.project-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table.three,.meaning-scale{grid-template-columns:1fr}}
@media(max-width:700px){.two-form-columns,.deep-rule-grid,.four-rule-grid,.comparison-table,.stative-category-grid,.time-drawer-grid,.connector-grid,.movement-map-grid,.project-step-grid{grid-template-columns:1fr}.person-row{grid-template-columns:54px minmax(0,1fr)}.person-form-card{padding:14px}.deep-explanation-block{padding-left:14px!important;padding-right:14px!important}}


/* ==========================================================
   Global explanation-card repair
   Prevents headings and body text from overlapping.
   ========================================================== */
.teacher-note.important{
  display:grid!important;
  grid-template-columns:minmax(210px,280px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:28px!important;
  padding:24px 28px!important;
  min-height:118px!important;
  background:linear-gradient(135deg,#fffaf0,#f8fbfd)!important;
  border:1px solid #e6d7b7!important;
  border-radius:24px!important;
}
.teacher-note.important>strong{
  display:block!important;
  margin:0!important;
  color:#173b55!important;
  font:800 clamp(20px,2vw,28px)/1.2 Georgia,serif!important;
  overflow-wrap:anywhere!important;
}
.teacher-note.important>p{
  display:block!important;
  margin:0!important;
  color:#5d5240!important;
  font-size:17px!important;
  line-height:1.72!important;
  min-width:0!important;
}
.teacher-explanation-card{align-items:start!important;gap:24px!important;padding:24px 28px!important}
.teacher-explanation-card>strong{font:800 clamp(19px,2vw,27px)/1.25 Georgia,serif;color:#173b55;min-width:180px}
.teacher-explanation-card>p{font-size:16px;line-height:1.7;min-width:0}
@media(max-width:760px){
 .teacher-note.important{grid-template-columns:1fr!important;gap:12px!important;padding:20px!important}
 .teacher-note.important>strong{font-size:23px!important}
 .teacher-note.important>p{font-size:16px!important}
 .teacher-explanation-card{grid-template-columns:1fr!important;padding:20px!important}
 .teacher-explanation-card>strong{min-width:0}
}

/* ==========================================================
   Little Explorers — course for ages 3 to 8
   ========================================================== */
.kids-level-card{background:linear-gradient(135deg,#fff4ce,#e8f7ff)!important;border-color:#e6c96d!important}
.kids-level-card .level-code,.kids-code{background:linear-gradient(145deg,#f3b629,#ef7d45)!important;color:#fff!important}
.kids-directory-summary{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:24px}
.kids-directory-summary p{margin:0;color:#5f7482;line-height:1.65}
.kids-course-page{padding:28px;overflow:hidden;background:linear-gradient(180deg,#f8fcff,#fffdf7)}
.kids-course-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center;padding:40px;border-radius:34px;background:linear-gradient(135deg,#153d5c 0%,#236f91 62%,#49a5b4 100%);color:#fff;box-shadow:0 24px 60px rgba(20,65,91,.18)}
.kids-course-hero h1{margin:6px 0 16px;color:#fff;font:800 clamp(42px,6vw,74px)/1.02 Georgia,serif}
.kids-course-hero p{max-width:900px;margin:0;color:#ecf8fb;font-size:18px;line-height:1.7}
.kids-course-hero .eyebrow{color:#cceef6}
.kids-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.kids-hero-points span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.13);font-weight:800}
.kids-hero-mascot{position:relative;display:grid;place-items:center;min-height:250px;border-radius:32px;background:rgba(255,255,255,.14)}
.kids-hero-mascot>span{font-size:130px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.16));animation:kidsFloat 3s ease-in-out infinite}
.kids-hero-mascot small{position:absolute;right:16px;top:18px;padding:13px 18px;border-radius:20px 20px 4px 20px;background:#fff;color:#17405e;font:900 22px/1.2 Georgia,serif}
@keyframes kidsFloat{50%{transform:translateY(-9px) rotate(2deg)}}
.kids-method-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
.kids-method-strip article{padding:20px;border-radius:22px;background:#fff;border:1px solid #d9e7ed;box-shadow:0 10px 25px rgba(27,67,91,.06)}
.kids-method-strip strong{display:block;margin-bottom:7px;color:#173b55;font-size:20px}
.kids-method-strip span{color:#637987;line-height:1.55}
.kids-age-picker,.kids-path-panel,.kids-lesson-viewer{margin:22px 0;padding:30px;border-radius:30px;background:#fff;border:1px solid #d7e6ed}
.kids-age-grid{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:14px}
.kids-age-card{display:grid;gap:7px;place-items:center;min-height:190px;padding:18px;border:2px solid #dbe9ef;border-radius:24px;background:linear-gradient(160deg,#fff,#f2faff);cursor:pointer;transition:.2s;color:#173b55}
.kids-age-card:hover,.kids-age-card.active{transform:translateY(-4px);border-color:#efaa2e;box-shadow:0 15px 30px rgba(34,89,118,.12)}
.kids-age-card>span{display:grid;place-items:center;width:74px;height:74px;border-radius:25px;background:linear-gradient(145deg,#f7c43b,#ef8147);color:#fff;font:900 36px/1 Arial,sans-serif;box-shadow:0 10px 20px rgba(231,130,49,.23)}
.kids-age-card strong{font-size:18px}.kids-age-card small{text-align:center;color:#6a7e8a;line-height:1.4}
.kids-path-heading{display:grid;grid-template-columns:1fr 150px;gap:25px;align-items:center}
.kids-path-heading h2{margin:4px 0 8px;font:800 clamp(32px,4vw,50px)/1.1 Georgia,serif;color:#173b55}
.kids-path-heading p{margin:0;color:#607785;font-size:17px;line-height:1.6}
.kids-path-progress{text-align:center;padding:18px;border-radius:22px;background:#eef7fb}
.kids-path-progress strong{display:block;color:#1a6388;font-size:32px}.kids-path-progress span{color:#6c818d}.kids-path-progress>div{height:9px;margin-top:10px;border-radius:99px;background:#d7e7ee;overflow:hidden}.kids-path-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2a91bb,#f0a52d);transition:.35s}
.kids-path-guidance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.kids-path-guidance span{padding:14px;border-radius:17px;background:#fff8e8;color:#6f5520;text-align:center;font-weight:800}
.kids-lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kids-lesson-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:230px;padding:22px;border:1px solid #d5e5ec;border-radius:24px;background:linear-gradient(145deg,#fbfdff,#fff);text-align:left;cursor:pointer;transition:.2s;color:#173b55}
.kids-lesson-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(23,65,90,.11)}
.kids-lesson-card.completed{border-color:#6bc28c;background:linear-gradient(145deg,#f1fcf5,#fff)}
.kids-lesson-card .kids-card-icon{font-size:54px}.kids-lesson-card h3{margin:0;font:800 23px/1.15 Georgia,serif}.kids-lesson-card p{margin:8px 0 0;color:#657b89;line-height:1.5}.kids-lesson-card small{color:#2b789d;font-weight:900}.kids-card-status{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf4f8;color:#2d7798;font-weight:900}.kids-lesson-card.completed .kids-card-status{background:#dff5e7;color:#147143}
.kids-lesson-header{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding-bottom:22px;border-bottom:1px solid #dbe7ed}
.kids-back-btn{padding:12px 16px;border:1px solid #c8dce6;border-radius:14px;background:#f3f9fc;color:#235e7c;font-weight:900;cursor:pointer}.kids-lesson-header h2{margin:4px 0;font:800 clamp(34px,4.5vw,58px)/1.06 Georgia,serif;color:#173b55}.kids-lesson-header p{margin:0;color:#647a88}.kids-lesson-number{display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:#173f5c;color:#fff;font:900 25px/1 Arial,sans-serif}
.kids-lesson-objective{margin:20px 0;padding:17px 20px;border-radius:18px;background:#fff4d7;color:#644c18;font-size:17px;font-weight:800}
.kids-scene{position:relative;min-height:340px;margin:20px 0;padding:24px;border-radius:30px;background:linear-gradient(145deg,#eaf7ff,#fff8dd);overflow:hidden}
.kids-scene-board{position:relative;min-height:310px;display:grid;place-items:center}.kids-scene-board svg{width:min(100%,820px);height:310px;overflow:visible}.kids-scene-title{position:absolute;left:18px;top:16px;padding:9px 14px;border-radius:14px;background:#fff;color:#173f5c;font-weight:900;box-shadow:0 8px 18px rgba(25,70,96,.1)}
.kids-hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:9px 12px;border:2px solid #fff;border-radius:999px;background:#173f5c;color:#fff;font-weight:900;box-shadow:0 9px 20px rgba(18,57,82,.23);cursor:pointer}.kids-hotspot:after{content:'🔊';font-size:14px}.kids-hotspot:hover{background:#ef8d36;transform:scale(1.04)}
.kids-picture-scene{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px;align-content:center;width:100%}.kids-picture-tile{display:grid;place-items:center;min-height:135px;border-radius:25px;background:#fff;border:1px solid #d4e5ec;box-shadow:0 10px 25px rgba(25,69,93,.08)}.kids-picture-tile span{font-size:64px;display:flex;align-items:center;justify-content:center}.kids-picture-tile span .kids-svg-icon{width:64px;height:64px}.kids-picture-tile strong{color:#173b55}
.kids-word-section,.kids-sentence-section{margin:22px 0;padding:26px;border-radius:28px;background:#f8fcfe;border:1px solid #d9e8ee}.kids-word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kids-word-card{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid #d5e4eb;border-radius:18px;background:#fff;color:#173b55;text-align:left;cursor:pointer}.kids-word-card .pic{font-size:40px;display:flex;align-items:center;justify-content:center}.kids-svg-icon{width:44px;height:44px;display:block}.kids-word-card strong{display:block;font-size:19px}.kids-word-card small{color:#6a7e89}.kids-word-card:hover{border-color:#ef9e35;box-shadow:0 8px 18px rgba(30,80,106,.09)}
.kids-sentence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.kids-sentence-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #d5e5ed;border-radius:18px;background:#fff;color:#173b55;text-align:left;cursor:pointer}.kids-sentence-card strong{font-size:19px}.kids-sentence-card span{color:#647a87}
.kids-mini-activity{margin:22px 0;padding:26px;border-radius:28px;background:linear-gradient(135deg,#173f5c,#287fa3);color:#fff}.kids-mini-activity h2{margin:0 0 8px;color:#fff;font:800 30px/1.15 Georgia,serif}.kids-mini-activity p{color:#e4f3f8}.kids-activity-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.kids-activity-options button{min-width:130px;padding:14px 18px;border:2px solid rgba(255,255,255,.3);border-radius:16px;background:#fff;color:#173b55;font-weight:900;cursor:pointer}.kids-activity-options button.correct{background:#dff7e7;border-color:#70d095;color:#126f3d}.kids-activity-options button.wrong{background:#ffe4e7;border-color:#e17883;color:#9b1f32}.kids-activity-input{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:18px}.kids-activity-input input{min-height:54px;padding:13px 16px;border:0;border-radius:15px;font:inherit}.kids-activity-input button{padding:13px 20px;border:0;border-radius:15px;background:#f2b83a;color:#173b55;font-weight:900}.kids-activity-feedback{min-height:24px;margin:14px 0 0;font-weight:900}.kids-parent-tip{display:flex;gap:16px;align-items:center;margin:22px 0;padding:20px;border-radius:22px;background:#fff7df;border:1px solid #ead8a3}.kids-parent-tip>span{font-size:42px}.kids-parent-tip strong{color:#644b14}.kids-parent-tip p{margin:5px 0 0;color:#6b5a34;line-height:1.55}.kids-lesson-actions{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.kids-lesson-actions .primary-btn{justify-self:center;min-width:280px}.kids-course-footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
@media(max-width:1150px){.kids-age-grid{grid-template-columns:repeat(3,1fr)}.kids-lesson-grid{grid-template-columns:repeat(3,1fr)}.kids-word-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.kids-course-hero{grid-template-columns:1fr}.kids-hero-mascot{min-height:190px}.kids-method-strip,.kids-path-guidance{grid-template-columns:1fr}.kids-lesson-grid{grid-template-columns:repeat(2,1fr)}.kids-word-grid{grid-template-columns:repeat(2,1fr)}.kids-path-heading{grid-template-columns:1fr}.kids-path-progress{max-width:220px}.kids-lesson-header{grid-template-columns:1fr auto}.kids-back-btn{grid-column:1/-1;justify-self:start}.kids-picture-scene{grid-template-columns:repeat(2,1fr)}.kids-directory-summary{grid-template-columns:1fr}.kids-directory-summary .primary-btn{justify-self:start}}
@media(max-width:600px){.kids-course-page{padding:12px}.kids-course-hero,.kids-age-picker,.kids-path-panel,.kids-lesson-viewer{padding:20px;border-radius:24px}.kids-course-hero h1{font-size:41px}.kids-age-grid{grid-template-columns:repeat(2,1fr)}.kids-age-card{min-height:155px}.kids-lesson-grid,.kids-word-grid,.kids-sentence-grid{grid-template-columns:1fr}.kids-scene{padding:10px;min-height:300px}.kids-scene-board svg{height:280px}.kids-hotspot{font-size:12px;padding:7px 9px}.kids-lesson-actions{grid-template-columns:1fr}.kids-lesson-actions button{width:100%;justify-self:stretch!important}.kids-course-footer{flex-direction:column}.kids-picture-scene{grid-template-columns:1fr 1fr}.kids-picture-tile{min-height:110px}.kids-picture-tile span{font-size:48px}}


.kids-parent-extra{display:block;margin-top:8px;color:#765e21;line-height:1.6;font-weight:700}.kids-body-arrows{opacity:.96}.kids-draw-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.kids-draw-btn{padding:12px 16px;border:0;border-radius:14px;background:#f2b83a;color:#173b55;font-weight:900;cursor:pointer}.kids-draw-btn.secondary{background:#eaf4f8}.kids-draw-canvas{display:block;width:100%;height:260px;margin-top:14px;border-radius:18px;border:2px dashed rgba(255,255,255,.45);background:#fff;touch-action:none}.kids-draw-canvas.compact{height:180px;border-color:#cfe1ea}.kids-colour-palette{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.kids-colour-swatch{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:2px solid rgba(255,255,255,.35);background:#fff;color:#173b55;font-weight:900;cursor:pointer}.kids-colour-swatch .swatch-dot{width:22px;height:22px;border-radius:50%;border:2px solid #173b55;display:inline-block}.kids-colour-swatch.active{box-shadow:0 0 0 3px rgba(255,255,255,.38) inset,0 0 0 3px rgba(242,184,58,.75);transform:translateY(-2px)}.kids-colour-help,.kids-body-task{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.12);color:#edf8fb}.kids-body-task{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.kids-mini-activity.is-colour-house .kids-activity-feedback,.kids-mini-activity.is-draw .kids-activity-feedback{color:#fff}.kids-bonus-card .kids-bonus-commands{display:grid;gap:8px}.kids-bonus-card small{display:block;color:#607987;margin-bottom:4px}.kids-draw-board-wrap{margin-top:12px}.kids-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.kids-draw-toolbar,.kids-body-task{flex-direction:column;align-items:stretch}.kids-draw-canvas{height:220px}.kids-task-grid{grid-template-columns:1fr}}


.kids-parent-overview{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:18px 0 24px;padding:20px;border:1px solid #d5e7ee;border-radius:22px;background:linear-gradient(135deg,#eef9ff,#fff8e3)}
.kids-parent-overview-icon{font-size:48px}.kids-parent-overview strong{display:block;color:#173b55;font-size:22px}.kids-parent-overview p{margin:7px 0;color:#5d7482;line-height:1.65}.kids-parent-overview small{color:#795c20;font-weight:800}
.kids-practice-pack{margin:22px 0;padding:26px;border-radius:28px;background:#f8fcfe;border:1px solid #d9e8ee}.kids-practice-pack .section-heading>p:last-child{color:#627987;line-height:1.6}
.kids-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kids-task-card{position:relative;padding:22px;border:1px solid #d4e5ec;border-radius:22px;background:#fff;box-shadow:0 10px 24px rgba(25,69,93,.06)}.kids-task-card h3{margin:0 0 10px;color:#173b55;font-size:21px}.kids-task-card p{color:#617885;line-height:1.55}.kids-task-card small{display:block;margin-top:10px;color:#617885}.kids-task-number{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#173f5c;color:#fff;font-weight:900}
.kids-task-audio{width:100%;margin:8px 0 14px;padding:13px;border:0;border-radius:14px;background:#1d6f93;color:#fff;font-weight:900;cursor:pointer}.kids-task-audio:hover{background:#ef8d36}
.kids-pack-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kids-pack-options button{display:grid;place-items:center;gap:4px;min-height:78px;padding:10px;border:1px solid #d4e5ec;border-radius:14px;background:#f8fcfe;color:#173b55;font-weight:800;cursor:pointer}.kids-pack-options button span{font-size:28px}.kids-pack-options.text-options{grid-template-columns:1fr}.kids-pack-options.text-options button{min-height:55px;text-align:left}.kids-pack-options button.correct{background:#dff7e7;border-color:#70d095;color:#126f3d}.kids-pack-options button.wrong{background:#ffe4e7;border-color:#e17883;color:#9b1f32}
.kids-pack-input{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.kids-pack-input input{min-width:0;padding:12px;border:1px solid #cadce5;border-radius:12px;font:inherit}.kids-pack-input button{padding:11px 14px;border:0;border-radius:12px;background:#f2b83a;color:#173b55;font-weight:900}.kids-pack-feedback{min-height:25px;margin:12px 0 0!important;font-weight:900!important}.kids-parent-move{background:linear-gradient(145deg,#fff8df,#fff)}
.kids-lesson-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kids-lesson-card{min-height:215px}.kids-lesson-card .kids-card-icon{font-size:45px}.kids-lesson-card h3{font-size:20px}
@media(max-width:1350px){.kids-lesson-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1050px){.kids-task-grid{grid-template-columns:1fr 1fr}.kids-lesson-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.kids-task-grid,.kids-lesson-grid{grid-template-columns:1fr 1fr}.kids-parent-overview{grid-template-columns:1fr}.kids-pack-input{grid-template-columns:1fr}}
@media(max-width:520px){.kids-task-grid,.kids-lesson-grid{grid-template-columns:1fr}.kids-pack-options{grid-template-columns:1fr}.kids-practice-pack{padding:18px}.kids-parent-overview{padding:17px}}


/* Drag-and-drop games for every children's age path */
.kids-drag-card{grid-column:1/-1;background:linear-gradient(145deg,#f8fcff,#fff9ea)}
.kids-drag-card>p{color:#536f80;line-height:1.55}.kids-drag-source{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.kids-drag-item{min-width:112px;min-height:66px;padding:12px;border:2px solid #cfe0e8;border-radius:17px;background:#fff;color:#173b55;font-weight:900;cursor:grab;box-shadow:0 6px 14px rgba(24,71,97,.08);touch-action:manipulation}.kids-drag-item:active{cursor:grabbing}.kids-drag-item.is-dragging{opacity:.45;transform:scale(.96)}.kids-drag-item.is-selected{border-color:#f2a12d;box-shadow:0 0 0 4px rgba(242,161,45,.22)}.kids-drag-item.is-matched{cursor:default;background:#e4f7eb;border-color:#49a96d}.kids-drag-item.is-used{opacity:.35}.kids-drag-item.picture-item{display:grid;place-items:center;gap:4px}.kids-drag-picture{display:flex;align-items:center;justify-content:center;min-height:48px}.kids-drag-picture .kids-svg-icon{width:52px;height:52px}.kids-drag-item.word-item{display:flex;align-items:center;gap:9px}.kids-mini-audio{width:38px;height:38px;border:0;border-radius:50%;background:#e8f4fa;cursor:pointer}.kids-drop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kids-drop-target{min-height:95px;padding:14px;border:3px dashed #a8c8d7;border-radius:18px;background:#f5fbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;transition:.18s ease}.kids-drop-target strong{font-size:20px;color:#173b55}.kids-drop-target span{font-size:12px;color:#718794}.kids-drop-target.is-drag-over,.kids-sentence-drop.is-drag-over,.kids-scene [data-part].is-drag-over{outline:5px solid rgba(242,161,45,.48);outline-offset:3px}.kids-drop-target.is-correct{border-style:solid;border-color:#49a96d;background:#eaf9f0}.kids-drop-target.is-wrong{border-color:#d75f5f;background:#fff0f0;animation:kidsShake .28s linear 2}.kids-drag-feedback{min-height:24px;margin:13px 0 0;color:#5c7381;font-weight:800}.kids-drag-feedback.is-correct{color:#18814b}.sentence-source{padding:12px;border-radius:17px;background:#eef7fb}.sentence-word{min-width:auto;min-height:48px}.kids-sentence-drop{min-height:85px;padding:14px;border:3px dashed #a8c8d7;border-radius:18px;background:#fff;display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:8px}.kids-sentence-drop>span{color:#899ba6}.kids-sentence-chip{padding:9px 12px;border:0;border-radius:12px;background:#173f5c;color:#fff;font-weight:850;cursor:pointer}.kids-sentence-drop.is-correct{border-color:#49a96d;background:#eaf9f0}.kids-drag-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.kids-drag-actions button{padding:11px 15px;border:0;border-radius:13px;background:#173f5c;color:#fff;font-weight:850;cursor:pointer}.kids-drag-actions button+button{background:#e9f3f8;color:#173f5c}.kids-colour-swatch[draggable=true]{cursor:grab}.kids-colour-swatch.is-dragging{opacity:.5;transform:scale(.94)}.kids-scene [data-part]{transition:outline .15s ease,filter .15s ease}.kids-scene [data-part].is-drag-over{filter:brightness(1.12)}
@keyframes kidsShake{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media(max-width:760px){.kids-drop-grid{grid-template-columns:1fr}.kids-drag-item{flex:1 1 42%}.kids-drag-card{grid-column:auto}.kids-drag-actions{flex-direction:column}.kids-drag-actions button{width:100%}}



/* A1 drag-and-drop practice — Units 1–28 */
.a1-dnd-section{margin-top:26px;border:2px solid #d6e6ee;background:linear-gradient(145deg,#fbfdff,#f5fbff);box-shadow:0 12px 30px rgba(25,72,98,.07)}
.a1-dnd-section .section-heading h2{color:#173b59}
.a1-dnd-tip{display:flex;gap:12px;align-items:flex-start;margin:14px 0 18px;padding:13px 15px;border-radius:16px;background:#fff7df;border:1px solid #ead7a1;color:#655126}
.a1-dnd-tip>span{font-size:25px}.a1-dnd-tip p{margin:0;line-height:1.5}
.a1-dnd-board{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.45fr);gap:20px;align-items:start}
.a1-dnd-bank{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;min-height:170px;padding:16px;border:2px dashed #9fc6da;border-radius:22px;background:#eef8fc}
.a1-dnd-token{display:flex;align-items:center;gap:7px;max-width:100%;padding:11px 10px 11px 14px;border:2px solid #b8d2df;border-radius:15px;background:#fff;color:#173b59;font-weight:800;cursor:grab;box-shadow:0 6px 12px rgba(23,59,85,.07);user-select:none;touch-action:manipulation}
.a1-dnd-token>span{overflow-wrap:anywhere}.a1-dnd-token:active{cursor:grabbing}.a1-dnd-token.dragging{opacity:.48;transform:scale(.97)}.a1-dnd-token.selected{outline:4px solid #f0b83d;outline-offset:2px;border-color:#cf8c14}.a1-dnd-token.correct{border-color:#58ad78;background:#e9f8ef;color:#175f38}.a1-dnd-token.wrong{border-color:#d56770;background:#fff0f1;color:#8f2430}
.a1-dnd-audio{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:0;border-radius:50%;background:#e6f2f8;color:#205f80;cursor:pointer;font-size:15px}
.a1-dnd-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.a1-dnd-zone{min-height:105px;padding:13px;border:2px dashed #bfd2dc;border-radius:18px;background:#fff;transition:.16s;cursor:pointer}.a1-dnd-zone>strong{display:block;margin-bottom:10px;color:#1d5d80;font-size:14px;letter-spacing:.02em}.a1-dnd-zone.drag-over{border-color:#e2a72d;background:#fff8e9;transform:translateY(-2px)}.a1-dnd-zone.correct{border-color:#7ac398;background:#f4fcf7}.a1-dnd-zone.wrong{border-color:#e19aa1;background:#fff8f8}
.a1-dnd-zone-items{display:flex;flex-wrap:wrap;gap:8px}.a1-dnd-zone .a1-dnd-token{cursor:grab;padding-top:9px;padding-bottom:9px}
.a1-dnd-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;flex-wrap:wrap}.a1-dnd-feedback{min-height:27px;margin:12px 0 0;font-weight:800}.a1-dnd-feedback.good{color:#167043}.a1-dnd-feedback.bad{color:#9b3140}
@media(max-width:800px){.a1-dnd-board{grid-template-columns:1fr}.a1-dnd-bank{min-height:auto}.a1-dnd-zones{grid-template-columns:1fr 1fr}.a1-dnd-token{font-size:14px}}
@media(max-width:540px){.a1-dnd-zones{grid-template-columns:1fr}.a1-dnd-section{padding:18px!important}.a1-dnd-actions{display:grid;grid-template-columns:1fr}.a1-dnd-actions button{width:100%}.a1-dnd-tip{font-size:13px}.a1-dnd-zone{min-height:88px}}


/* ============================================================
   A2 • Unit 1 • Past Simple Tense
   ============================================================ */
.a2-building-card{border-color:#8abbd3!important;box-shadow:0 13px 30px rgba(23,75,105,.13)!important}.a2-chip{background:#8b1f2c!important}.a2-past-page{--a2red:#8b1f2c;--a2blue:#173f72;--a2green:#2c7a56}.a2-past-hero{background:linear-gradient(135deg,#f7fbfd,#fff8ea);border:1px solid #d9e6ec}.a2-past-hero h1{color:#173b59}.a2-past-hero p{color:#526d7d}.a2-past-hero .eyebrow{color:#8b1f2c}.a2-past-hero .tobe-hero-icon{background:#fff;color:#8b1f2c;box-shadow:0 8px 20px rgba(78,41,41,.10);font-size:25px;font-weight:950;line-height:1.05}
.a2-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.a2-compare-card{padding:22px;border-radius:22px;border:1px solid #d6e4ea;background:#fff}.a2-compare-card.past{border-top:6px solid #8b1f2c}.a2-compare-card.perfect{border-top:6px solid #2c7a56}.a2-compare-card h3{margin:0 0 10px;color:#173b59}.a2-compare-card p{line-height:1.65;color:#506b7a}.a2-signal-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.a2-signal-row span{padding:7px 10px;border-radius:999px;background:#eef6fa;color:#235c7d;font-weight:800;font-size:12px}.a2-warning,.a2-teacher-note,.a2-rule-focus{margin-top:16px;padding:16px 18px;border-radius:17px;background:#fff8e7;border:1px solid #eed9a2;color:#654f21;line-height:1.6}.a2-teacher-note{background:#eef8f3;border-color:#c9e5d6;color:#285f45}.a2-rule-focus{background:#f4f8fb;border-color:#ccdde6;color:#35566b}.a2-rule-focus .a2-audio-example{margin-top:10px}
.tense-build-box{display:grid;gap:9px;margin:15px 0 17px;padding:15px;border-radius:16px;background:#f1f7fa;border:1px solid #d3e2e9;color:#294d63}.tense-build-box>span{font-size:.72rem;font-weight:950;letter-spacing:.12em;color:#5c7583}.tense-build-box>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tense-build-box>div strong{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #cddde5;color:#173b59}.tense-build-box>div b{color:#8b1f2c}.tense-build-box small{line-height:1.5;color:#506b7a}.a2-compare-card.perfect .tense-build-box{background:#eef8f3;border-color:#c9e5d6}.a2-compare-card.perfect .tense-build-box>div b{color:#28704f}
.a2-audio-example{width:100%;display:grid;gap:3px;padding:13px 15px;border:1px solid #cfe0e8;border-radius:15px;background:#fff;color:#173b59;text-align:left;cursor:pointer;margin:8px 0}.a2-audio-example strong{font-size:16px}.a2-audio-example span{color:#697e8a;font-size:13px}.a2-audio-example:hover{border-color:#6ea7c4;background:#f5fbfe}.a2-example-stack,.a2-example-grid{display:grid;gap:10px}.a2-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.a2-timeline{position:relative;min-height:150px;margin:12px 0 0;padding:38px 55px}.a2-line{position:absolute;left:9%;right:9%;top:72px;height:5px;border-radius:4px;background:#173f72}.a2-past-dot,.a2-now-dot{position:absolute;top:48px;display:grid;justify-items:center;gap:30px;color:#173b59}.a2-past-dot{left:28%}.a2-now-dot{right:10%}.a2-past-dot:after,.a2-now-dot:after{content:'';position:absolute;top:20px;width:20px;height:20px;border-radius:50%;background:#b7232f;border:4px solid #fff;box-shadow:0 0 0 2px #b7232f}.a2-now-dot:after{background:#2c7a56;box-shadow:0 0 0 2px #2c7a56}.a2-past-dot span,.a2-now-dot span{font-size:13px;color:#667b88;font-weight:750}
.a2-formula{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px 0;padding:15px;border-radius:16px;background:#edf6fa;color:#173b59}.a2-formula span{padding:9px 12px;border-radius:12px;background:#fff;border:1px solid #cfe0e8;font-weight:850}.a2-formula b{color:#8b1f2c;font-size:18px}.a2-table-wrap{overflow:auto;border:1px solid #cfdee6;border-radius:19px}.a2-grammar-table{width:100%;border-collapse:collapse;background:#fff;min-width:760px}.a2-grammar-table th{padding:13px;background:#173f72;color:#fff;text-align:left}.a2-grammar-table td{padding:11px 13px;border-top:1px solid #dce7ed;vertical-align:middle;color:#294b60}.a2-grammar-table tbody tr:nth-child(even){background:#f8fbfd}.a2-grammar-table td>button{border:0;background:transparent;color:#173b59;font:inherit;font-weight:750;cursor:pointer;text-align:left}.a2-grammar-table .a2-audio-example{min-width:280px;margin:0}.a2-memory-box{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding:15px;border-radius:16px;background:#eef8f3;color:#285f45}.a2-memory-box>strong{width:100%}.a2-memory-box span{padding:8px 11px;border-radius:10px;background:#fff;border:1px solid #c8e5d5}.a2-three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.a2-three-column article{padding:18px;border-radius:17px;border:1px solid #d7e4ea;background:#fff}.a2-three-column h3{margin-top:0;color:#8b1f2c}.a2-three-column button{border:0;background:#eef7fb;color:#173b59;padding:11px;border-radius:12px;font-weight:800;cursor:pointer}.a2-small-note{margin-top:14px;color:#5e7583;line-height:1.55}
.a2-irregular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.a2-irregular-grid button{display:grid;grid-template-columns:1fr auto 1fr auto;gap:7px;align-items:center;padding:12px;border:1px solid #d2e1e8;border-radius:14px;background:#fff;color:#173b59;cursor:pointer}.a2-irregular-grid button:hover{border-color:#80b5ce;background:#f5fbfe}.a2-irregular-grid b{color:#8b1f2c}.a2-irregular-grid i{font-style:normal}.a2-error-box{padding:18px;border-radius:18px;background:#fff6f3;border:1px solid #efcbc3}.a2-error-box p{margin:8px 0;color:#68423b}.a2-error-box button{border:0;background:transparent;color:#165a7d;cursor:pointer;font:inherit}
.a2-quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.a2-quiz-card{padding:18px;border:1px solid #d3e2e9;border-radius:18px;background:#fff}.a2-quiz-card>p:first-child{font-weight:800;color:#173b59;font-size:17px}.a2-quiz-card>div{display:flex;gap:9px;flex-wrap:wrap}.a2-quiz-card [data-a2-answer-choice],.a2-skill-options button{padding:10px 13px;border:1px solid #bed2de;border-radius:12px;background:#f7fbfd;color:#173b59;font-weight:750;cursor:pointer}.a2-quiz-card button.correct,.a2-skill-options button.correct{background:#e3f7ea;border-color:#4ca66d;color:#17633a}.a2-quiz-card button.wrong,.a2-skill-options button.wrong{background:#fff0f1;border-color:#d86a73;color:#8c2630}.a2-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.a2-input-grid label{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:14px;border-radius:15px;background:#f7fbfd;color:#173b59;font-weight:800}.a2-input-grid input,.a2-skill input{min-width:0;border:1px solid #bdcfda;border-radius:10px;padding:10px;font:inherit}.a2-input-grid button{border:0;border-radius:10px;padding:10px 12px;background:#173f72;color:#fff;font-weight:800;cursor:pointer}.a2-input-grid small{grid-column:2/4;color:#4e7184}.a2-input-grid input.correct,.a2-skill input.correct{border-color:#4ca66d;background:#f0fbf4}.a2-input-grid input.wrong,.a2-skill input.wrong{border-color:#d86a73;background:#fff4f4}
.a2-assessment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.a2-skill-options{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.a2-reading-text{padding:14px;border-radius:13px;background:#f3f8fb;color:#173b59;line-height:1.65;font-weight:650}.a2-skill input{width:100%;margin:10px 0}.a2-result-hero{background:linear-gradient(135deg,#1f5885,#328566)!important}.a2-result-hero h1{color:#fff!important;text-shadow:0 2px 4px rgba(5,28,47,.2)}.a2-result-hero p{color:#eefaff!important}.a2-result-hero .eyebrow{color:#d8f5ea!important}.a2-development-note{background:#eef8f3!important;border-color:#cce6d7!important;color:#285f45!important}
@media(max-width:900px){.a2-two-column,.a2-assessment-grid{grid-template-columns:1fr}.a2-irregular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a2-example-grid,.a2-quiz-grid,.a2-input-grid{grid-template-columns:1fr}.a2-three-column{grid-template-columns:1fr}}
@media(max-width:560px){.a2-past-page{padding:12px}.a2-past-hero{padding:20px}.a2-irregular-grid{grid-template-columns:1fr}.a2-timeline{padding-left:20px;padding-right:20px}.a2-table-wrap{margin-left:-4px;margin-right:-4px}.a2-formula{align-items:stretch;flex-direction:column}.a2-formula b{text-align:center}.a2-input-grid label{grid-template-columns:1fr}.a2-input-grid small{grid-column:auto}}

/* 2026-08-07: all-person grammar tables + A2 conversation layout correction */
.all-person-reference{margin-top:24px}.all-person-table-wrap{margin-top:14px}.all-person-table td:first-child{font-weight:850;white-space:nowrap;color:#173b59}.person-table-audio{width:100%;min-width:190px;display:grid;gap:3px;border:0;background:transparent;color:#173b59;text-align:left;cursor:pointer;font:inherit;padding:4px}.person-table-audio strong{font-size:14px;line-height:1.35}.person-table-audio small{display:block;color:#6c7f8b;font-size:12px;line-height:1.35;font-weight:500}.person-table-audio:hover strong{color:#9a2834}.conversation-card-large.dialogue-course-card{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:1180px}.conversation-card-large.dialogue-course-card .dialogue-line{width:100%;min-width:0}.conversation-card-large.dialogue-course-card .dialogue-audio{min-width:0;overflow-wrap:anywhere}.conversation-card-large.dialogue-course-card .dialogue-audio .en,.conversation-card-large.dialogue-course-card .dialogue-audio .sr{white-space:normal;overflow-wrap:anywhere}.a2-past-page .conversation-task .a2-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.all-person-table{min-width:700px}.conversation-card-large.dialogue-course-card .dialogue-line{grid-template-columns:42px minmax(0,1fr)}.a2-past-page .conversation-task .a2-example-grid{grid-template-columns:1fr}}

/* Tense usage guides: clear use cases immediately before practice */
.tense-usage-guide{margin-top:28px;background:linear-gradient(180deg,#fbfdff,#f5fafc);border:1px solid #d4e5ed}
.tense-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.tense-use-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #d7e5ec;border-radius:20px;background:#fff;box-shadow:0 8px 20px rgba(25,70,96,.06)}
.tense-use-number{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#173f5c;color:#fff;font-weight:900}
.tense-use-card h3{margin:2px 0 7px;color:#173b59;font-size:18px}
.tense-use-card p{margin:0 0 12px;color:#5d7483;line-height:1.55}
.tense-use-example{width:100%;text-align:left}
.tense-use-note{margin-top:18px}
@media(max-width:760px){.tense-use-grid{grid-template-columns:1fr}.tense-use-card{grid-template-columns:36px minmax(0,1fr);padding:15px}.tense-use-number{width:34px;height:34px}}


/* Tense comparison tables: keep headers and rows perfectly aligned. */
.comparison-table.tense-signal-table,.comparison-table.pc-use-contrast{display:grid!important;grid-template-columns:1fr!important;gap:1px!important;background:#d1e1e9!important;border:1px solid #d1e1e9!important;border-radius:22px!important;overflow:hidden!important;padding:0!important}
.comparison-table.tense-signal-table>div,.comparison-table.pc-use-contrast>div{display:grid!important;grid-template-columns:minmax(170px,.72fr) minmax(260px,1fr) minmax(260px,1fr)!important;gap:1px!important;background:#d1e1e9!important;padding:0!important;border:0!important;border-radius:0!important}
.comparison-table.tense-signal-table>div>*,.comparison-table.pc-use-contrast>div>*{margin:0!important;padding:17px 18px!important;background:#fff!important;border:0!important;border-radius:0!important;display:flex!important;align-items:center!important;min-height:68px!important}
.comparison-table.tense-signal-table .comparison-head>*,.comparison-table.pc-use-contrast .comparison-head>*{background:#173b59!important;color:#fff!important;font-weight:900!important;min-height:60px!important}
.comparison-table.tense-signal-table>div>span:first-child,.comparison-table.pc-use-contrast>div>span:first-child{font-weight:900!important;color:#173b59!important}
.comparison-table.tense-signal-table .comparison-head>span:first-child,.comparison-table.pc-use-contrast .comparison-head>span:first-child{color:#fff!important}
.extended-test-page{max-width:1500px;margin:0 auto}.large-quiz-shell{padding-bottom:30px}.large-quiz-progress{position:sticky;top:8px;z-index:8;display:flex;justify-content:space-between;gap:12px;margin:16px 0 22px;padding:13px 16px;border:1px solid #bfd7e3;border-radius:16px;background:rgba(248,252,254,.96);backdrop-filter:blur(10px);color:#173b59}.large-quiz-host{display:grid;gap:15px}.large-quiz-question{padding:20px;border:1px solid #d5e4ec;border-radius:20px;background:#fff;box-shadow:0 8px 20px rgba(25,70,96,.055)}.large-q-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start}.large-q-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#173f5c;color:#fff;font-weight:900}.large-q-head small{display:block;margin-bottom:5px;color:#5b8ca6;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.large-q-head h3{margin:0;color:#173b59;font-size:19px;line-height:1.45}.large-q-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0 8px}.large-q-options button{min-height:50px;padding:12px 14px;border:1px solid #c9dce6;border-radius:13px;background:#f8fcfe;color:#173b59;font-weight:800;cursor:pointer}.large-q-options button:hover{border-color:#75b2d1;background:#eef8fc}.large-q-options button.correct{background:#dff5e6;border-color:#58a977;color:#225f3d}.large-q-options button.wrong{background:#ffe8e8;border-color:#d87979;color:#8a3030}.large-q-options button:disabled{cursor:default;opacity:1}.large-q-feedback{min-height:24px;font-weight:800;color:#3e657b}.large-q-audio{margin-top:6px;padding:10px 13px;border:0;border-radius:12px;background:#eaf5fa;color:#174f70;font-weight:800;cursor:pointer}.large-quiz-final{margin-top:26px}.large-quiz-result{margin-top:20px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#173b59,#267b71);color:#fff}.large-result-score{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.large-result-score small{font-weight:900;letter-spacing:.12em}.large-result-score strong{font-size:42px}.large-result-score p{margin:0;color:#e8f5f4}.large-result-analysis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.large-result-analysis>div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.12)}.large-result-message{margin:16px 0 0;color:#fff;font-weight:700}.large-vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pc-three-uses{border-left:5px solid #5b9fbd}.pc-three-uses .bilingual-example-list{margin-top:16px}
@media(max-width:800px){.comparison-table.tense-signal-table,.comparison-table.pc-use-contrast{overflow:visible!important;border:0!important;background:transparent!important;gap:12px!important}.comparison-table.tense-signal-table .comparison-head,.comparison-table.pc-use-contrast .comparison-head{display:none!important}.comparison-table.tense-signal-table>div,.comparison-table.pc-use-contrast>div{grid-template-columns:1fr!important;gap:7px!important;background:transparent!important;padding:12px!important;border:1px solid #d1e1e9!important;border-radius:18px!important}.comparison-table.tense-signal-table>div>*,.comparison-table.pc-use-contrast>div>*{border-radius:11px!important;min-height:auto!important}.comparison-table.tense-signal-table>div>span:first-child,.comparison-table.pc-use-contrast>div>span:first-child{background:#eaf4f8!important}.large-q-options,.large-result-analysis,.large-vocab-grid{grid-template-columns:1fr}.large-quiz-progress{position:static;flex-direction:column}.large-q-head{grid-template-columns:34px minmax(0,1fr)}.large-q-head>span{width:32px;height:32px}.extended-test-page{padding-left:8px;padding-right:8px}}



/* A1 expanded practice + A2 Units 2–18 */
.upgraded-practice-hidden{display:block!important}
.a2-advanced-unit{max-width:1500px;margin-inline:auto}
.a2-advanced-hero .tobe-hero-icon{min-width:118px;text-align:center;font-weight:950;line-height:1.05}
.a2-advanced-explanation .a2-lead-copy{font-size:18px;line-height:1.75;color:#38566a;max-width:1200px}
.a2-advanced-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.a2-advanced-example{width:100%;min-height:92px;text-align:left}
.a2-advanced-table .person-table-audio{width:100%;text-align:left}
.expanded-practice-15{border:2px solid #b9dceb;background:linear-gradient(180deg,#f8fcfe,#fff)}
.expanded-practice-15 .section-heading h2{color:#173f5c}
@media(max-width:800px){.a2-advanced-example-grid{grid-template-columns:1fr}.a2-advanced-table{min-width:760px}.a2-table-wrap{overflow-x:auto}.a2-advanced-hero .tobe-hero-icon{min-width:82px}}


/* Deep grammar enrichment 2026-08-07 */
.teacher-walkthrough{background:linear-gradient(135deg,#fffdf7,#f4f9fc);border:1px solid #d9e7ed}.teacher-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.teacher-step-card{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px;border:1px solid #d7e5eb;border-radius:19px;background:#fff}.teacher-step-card>span{display:flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#173f5c;color:#fff;font-weight:900}.teacher-step-card h3{margin:1px 0 8px;color:#173f5c}.teacher-step-card p{margin:0 0 12px;color:#506b7a;line-height:1.6}.teacher-humour{margin-top:17px;padding:15px 18px;border-radius:17px;background:#fff4cf;border:1px solid #eed58a;color:#604b1d;line-height:1.55}
.compare-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-two-cards>article{padding:19px;border:1px solid #d6e5ec;border-radius:20px;background:#fff}.compare-two-cards h3{margin-top:0;color:#173f5c}.past-continuous-compare{background:#f4f9fc}.tea-grammar-grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr);gap:22px;align-items:center}.tea-grammar-grid img{width:100%;max-height:530px;object-fit:contain;border-radius:26px;background:#fff}.grammar-formula-big{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.grammar-formula-big strong{padding:10px 13px;border-radius:12px;background:#173f5c;color:#fff}.teacher-note-inline{padding:14px 16px;border-radius:15px;background:#eff7fb;color:#385769;line-height:1.55}.story-grid{grid-template-columns:1fr}.comparison-parallel-table td{vertical-align:top}.comparison-rules-page{background:#fbfdfe}.mini-conversation-layout{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(360px,1.45fr);gap:20px;align-items:start}.mini-conversation-illustration{width:100%;height:auto}.closing-mini-conversation{margin-top:24px}.conversation-mini-lesson{margin:14px 0;border:1px solid #d4e3ea;border-radius:20px;background:#fff;overflow:hidden}.conversation-mini-lesson summary{display:flex;gap:13px;align-items:center;padding:15px 18px;cursor:pointer;background:#f7fbfd;color:#173f5c}.conversation-mini-lesson summary>span{display:flex;width:35px;height:35px;border-radius:50%;align-items:center;justify-content:center;background:#173f5c;color:#fff;font-weight:900}.conversation-mini-lesson summary div{display:grid;gap:2px}.conversation-mini-lesson summary small{color:#6c8390}.conversation-mini-lesson>.mini-conversation-section{margin:0;border:0;border-top:1px solid #e0eaef;border-radius:0}.five-conversation-set{background:linear-gradient(135deg,#f5fbfe,#fffaf0)}
@media(max-width:760px){.teacher-step-grid,.compare-two-cards,.tea-grammar-grid,.mini-conversation-layout{grid-template-columns:1fr}.teacher-step-card{grid-template-columns:36px 1fr}.tea-grammar-grid img{max-height:390px}.comparison-parallel-table{min-width:760px}}

/* A2 dedicated conversation sequences */
.a2-tense-conversation-page .a2-conversation-scene-block{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.65fr);gap:22px;align-items:start}.a2-conv-scene{position:sticky;top:18px;padding:14px;border-radius:24px;background:linear-gradient(145deg,#f7fbfd,#fff8ec);border:1px solid #d8e7ee}.a2-conv-scene svg{display:block;width:100%;height:auto}.a2-conv-vocab{margin:22px 0}.a2-tense-conversation-page .conversation-task{margin-top:22px}.a2-conversation-directory-group{border-color:#b8d7e7}.a2-conversation-directory-group .unit-number{background:#e7f4fb;color:#1d678e}@media(max-width:850px){.a2-tense-conversation-page .a2-conversation-scene-block{grid-template-columns:1fr}.a2-conv-scene{position:static;max-width:520px;margin:0 auto}}


/* 2026-08-07 — A2 future units + conversation readability */
.mini-conversation-layout .conversation-card.conversation-card-large{
  display:grid!important;grid-template-columns:1fr!important;gap:12px!important;min-width:0;width:100%;max-width:none;margin:0;
}
.mini-conversation-layout .conversation-card.conversation-card-large>.dialogue-line{
  display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;width:100%;min-width:0;align-items:stretch;
}
.mini-conversation-layout .dialogue-audio{width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}
.mini-conversation-layout .dialogue-audio .en,.mini-conversation-layout .dialogue-audio .sr{white-space:normal;overflow-wrap:anywhere}
.a2-tense-conversation-page .a2-conversation-scene-block{grid-template-columns:1fr!important;gap:18px!important}
.a2-tense-conversation-page .a2-conv-scene{position:static!important;max-width:560px;margin:0 auto;width:100%}
.a2-tense-conversation-page .conversation-card-large.dialogue-course-card{width:100%;max-width:1100px;margin:0 auto}
.a2-tense-conversation-page .dialogue-line{grid-template-columns:46px minmax(0,1fr)!important;min-width:0}
.a2-tense-conversation-page .dialogue-audio{min-width:0;width:100%}
.future-teaching-hero strong{color:#fff}.future-deep-explain .future-teacher-copy{display:grid;gap:11px;line-height:1.7;color:#3c5969}.future-formula{background:linear-gradient(135deg,#eef7fb,#fff7e9);border:1px solid #d6e6ed}.future-formula b{color:#9d2738;font-size:22px}.future-all-forms-table th{min-width:150px}.future-all-forms-table td{vertical-align:top}.future-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.future-use-grid .tense-use-card{min-width:0}.inline-audio-chip{border:0;border-radius:999px;padding:7px 11px;background:#fff;color:#173f5c;font-weight:800;cursor:pointer}.future-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.future-visual-grid>article{padding:18px;border:1px solid #d7e5ec;border-radius:22px;background:#fff}.future-visual-grid svg{display:block;width:100%;height:auto;max-height:240px;margin-bottom:12px}.future-contrast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.future-contrast-grid>article{position:relative;padding:18px;border:1px solid #d7e5ec;border-radius:22px;background:#fff;min-width:0}.future-contrast-grid svg{display:block;width:100%;height:auto;max-height:190px}.future-label{display:inline-flex;margin-bottom:9px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.08em}.future-label.will{background:#fff0d8;color:#8b5207}.future-label.going{background:#e7f4fb;color:#1e668a}.future-modal-cards{align-items:stretch}.three-way-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.future-mini-check .mini-quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.mini-conversation-layout{grid-template-columns:1fr!important}.mini-conversation-layout>div:first-child{max-width:560px;margin:0 auto}.future-use-grid,.future-visual-grid,.future-contrast-grid,.three-way-cards{grid-template-columns:1fr}.future-mini-check .mini-quiz-grid{grid-template-columns:1fr}.future-all-forms-table{min-width:980px}}
@media(max-width:600px){.mini-conversation-layout .conversation-card.conversation-card-large>.dialogue-line,.a2-tense-conversation-page .dialogue-line{grid-template-columns:38px minmax(0,1fr)!important}.future-visual-grid>article,.future-contrast-grid>article{padding:12px}}


/* A2 Present Perfect + visibility/mobile hardening */
.future-teaching-hero strong,.a2-past-hero strong,.a2-past-hero em{color:#173b59!important}
.a2-past-hero .scene-badge{color:#fff!important}
.pp-page{--pp-blue:#173b59;--pp-green:#2e805c;--pp-red:#922837;--pp-gold:#d49b24;max-width:1500px;margin-inline:auto}
.pp-hero{background:linear-gradient(135deg,#f4fafc 0%,#fff8e8 100%)!important;border:1px solid #d9e6ec!important;color:#173b59!important}
.pp-hero h1,.pp-hero p{color:#173b59!important}.pp-hero .eyebrow{color:#922837!important}.pp-hero .tobe-hero-icon{background:#fff!important;color:#922837!important;box-shadow:0 8px 22px rgba(60,45,45,.10);font-size:25px!important;font-weight:950;line-height:1.05;text-align:center}
.pp-formula{background:linear-gradient(135deg,#eaf6fb,#fff7e7);border:1px solid #d4e5ed}.pp-formula b{color:#922837}
.pp-person-table .bilingual-sentence{padding:10px 12px;min-width:210px}.pp-person-table .bilingual-sentence .en{font-size:14px}.pp-person-table .bilingual-sentence .sr{display:none}
.pp-irregular-wrap{max-height:690px;overflow:auto;border-radius:18px}.pp-irregular-table{min-width:780px}.pp-irregular-table thead{position:sticky;top:0;z-index:2}.pp-verb-audio{width:100%;border:0;background:transparent;text-align:left;padding:7px 5px;color:#173b59;font:inherit;cursor:pointer}.pp-verb-audio:hover{color:#922837;text-decoration:underline}
.pp-three-notes,.pp-signal-grid,.pp-result-contrast,.pp-three-tense,.pp-hospital-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pp-three-notes article,.pp-signal-grid article,.pp-result-contrast article,.pp-three-tense article,.pp-hospital-grid article{padding:18px;border:1px solid #d8e6ed;border-radius:20px;background:#fff;min-width:0}.pp-three-notes article h3,.pp-signal-grid article h3{margin-top:0;color:#173b59}.pp-result-contrast{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-result-icon{font-size:48px;margin-bottom:10px}.pp-dialogue-demo{display:grid;gap:11px;max-width:1000px}.pp-dialogue-demo .dialogue-line{grid-template-columns:46px minmax(0,1fr)}.pp-dialogue-demo .pp-example{width:100%;min-width:0}
.pp-correct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pp-correct-grid article{position:relative;padding:18px;border-radius:20px;background:#fff;border:1px solid #d8e6ed}.pp-correct-grid article>b{position:absolute;right:14px;top:10px;font-size:24px}.pp-correct-grid .correct>b{color:#2e805c}.pp-correct-grid .wrong>b{color:#b52c43}
.pp-contrast-table{display:grid;gap:12px}.pp-contrast-head,.pp-contrast-table>div:not(.pp-meaning-pair){display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-contrast-head span{padding:12px 16px;border-radius:13px;background:#173b59;color:#fff;font-weight:900;text-align:center}.pp-meaning-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-meaning-pair p{margin:0;padding:14px;border-radius:14px;background:#f3f8fb}.pp-hospital-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-hospital-grid svg{display:block;width:100%;height:auto}.pp-hospital-grid h3{text-align:center;color:#173b59}
.pp-example-stack{display:grid;gap:10px}.pp-example-stack>p{margin:0 0 12px;padding:0 6px;color:#4d6878}.pp-for-since-map{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pp-for-since-map article{padding:22px;border-radius:22px;background:#fff;border:1px solid #d9e6ed}.pp-for-since-map article>strong{display:block;font-size:30px;color:#922837}.pp-for-since-map span{display:inline-flex;margin:5px;padding:8px 11px;border-radius:999px;background:#eef6fa;color:#173b59;font-weight:800}.pp-three-tense article>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef6fa;color:#173b59;font-size:11px;font-weight:900;letter-spacing:.06em}.pp-test-hero{background:linear-gradient(135deg,#eaf6fb,#fff8e7)!important}.pp-test-hero h1,.pp-test-hero p,.pp-test-hero .eyebrow{color:#173b59!important}
.pp-conversation-page .dialogue-audio{max-width:100%;min-width:0;overflow-wrap:anywhere}.pp-conversation-page .dialogue-audio .en,.pp-conversation-page .dialogue-audio .sr{white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:900px){.pp-three-notes,.pp-signal-grid,.pp-result-contrast,.pp-three-tense{grid-template-columns:1fr 1fr}.pp-person-table{min-width:880px}.pp-correct-grid{grid-template-columns:1fr}.pp-contrast-head,.pp-contrast-table>div:not(.pp-meaning-pair),.pp-meaning-pair{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.tobe-page.pp-page,.pp-conversation-page{padding:12px!important}.pp-hero{grid-template-columns:1fr!important;padding:20px!important}.pp-hero .tobe-hero-icon{width:auto!important;max-width:120px}.pp-three-notes,.pp-signal-grid,.pp-result-contrast,.pp-three-tense,.pp-hospital-grid,.pp-for-since-map{grid-template-columns:1fr}.pp-contrast-head,.pp-contrast-table>div:not(.pp-meaning-pair),.pp-meaning-pair{grid-template-columns:1fr}.pp-contrast-head span:nth-child(2){display:none}.pp-dialogue-demo .dialogue-line,.pp-conversation-page .dialogue-line{grid-template-columns:38px minmax(0,1fr)!important}.a2-tense-conversation-page .a2-conversation-scene-block{display:grid!important;grid-template-columns:1fr!important}.a2-tense-conversation-page .a2-conv-scene{position:static!important;width:100%!important;max-width:520px!important;margin:0 auto!important}.a2-tense-conversation-page .conversation-card-large.dialogue-course-card{width:100%!important;max-width:100%!important;min-width:0!important}.dialogue-audio{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important}.a2-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.pp-irregular-wrap{max-height:none}.large-quiz-question{padding:15px!important}.large-q-options{grid-template-columns:1fr!important}}
/* Present Perfect complete five-part guide */
.pp-use-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pp-use-summary-grid article{min-width:0;padding:18px;border:1px solid #d8e6ed;border-radius:20px;background:#fff}
.pp-use-summary-grid h3{margin:0 0 10px;color:#173b59;font-size:17px}
.pp-use-summary-grid .bilingual-sentence{width:100%;min-width:0;text-align:left}
.pp-page .lesson-block>p{line-height:1.72}
.pp-page .teacher-note-inline{line-height:1.65}
@media(max-width:700px){
  .pp-use-summary-grid{grid-template-columns:1fr}
  .pp-page .section-heading h2{font-size:28px;line-height:1.12}
  .pp-page .bilingual-sentence{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .pp-page .a2-advanced-table{font-size:14px}
}


/* ============================================================
   CONDITIONALS — A2 / B1 / B2
   ============================================================ */
.conditional-page{--cond-red:#8b171f;--cond-green:#176d3f;--cond-navy:#173f5c}.cond-chip{background:#8b171f!important;color:#fff!important}.b1-chip{background:#6d3f86!important}.b2-chip{background:#224f7a!important}.cond-hero{background:linear-gradient(135deg,#fff,#f8f4e9);border:1px solid #dbe5ea}.cond-hero .tobe-hero-icon{background:#fff;color:#8b171f;font-size:30px;font-weight:950}.cond-hero h1{color:#173f5c}.cond-hero p{color:#536f80}.cond-table-wrap{overflow-x:auto;margin:18px 0;border-radius:18px;border:1px solid #d3e1e8}.cond-table{width:100%;border-collapse:collapse;background:#fff;min-width:680px}.cond-table th{padding:14px;background:#173f5c;color:#fff;text-align:left;font-size:16px}.cond-table th:first-child{background:#861818}.cond-table th:nth-child(2){background:#176d3f}.cond-table td{padding:15px;border-top:1px solid #dce6eb;vertical-align:top;color:#294a5f;line-height:1.5}.cond-table td:first-child{background:#fff7f5}.cond-table td:nth-child(2){background:#f4fbf6}.cond-example{margin:8px 0}.conditional-question-list{display:grid;gap:13px;margin-top:18px}.conditional-question{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px;border:1px solid #d6e3e9;border-radius:18px;background:#fff}.conditional-qno{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#173f5c;color:#fff;font-weight:900}.conditional-question p{margin:3px 0 11px;color:#173f5c;font-weight:700}.conditional-options{display:flex;flex-wrap:wrap;gap:9px}.conditional-choice{padding:10px 13px;border:1px solid #bfd3de;border-radius:12px;background:#f8fbfd;color:#173f5c;font-weight:700;cursor:pointer}.conditional-choice:hover{border-color:#5f9fbd}.conditional-choice.correct{background:#e2f6e8;border-color:#55a96f;color:#1c6840}.conditional-choice.wrong{background:#ffe7e7;border-color:#d76b6b;color:#8a2222}.conditional-feedback{font-weight:600!important;color:#5d7482!important}.conditional-test-score{margin-top:22px;padding:20px;border-radius:20px;background:#173f5c;color:#fff;display:grid;gap:10px}.conditional-test-score strong{font-size:24px}.conditional-test-score p{color:#e6f3f9}.cond-dnd{padding:18px;border-radius:20px;background:#f3f8fb}.cond-dnd-bank,.cond-dnd-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cond-dnd-bank{margin-bottom:16px}.cond-dnd-token{padding:13px;border:1px solid #9dc3d5;border-radius:13px;background:#fff;color:#173f5c;font-weight:800;cursor:grab}.cond-dnd-token.selected{box-shadow:0 0 0 3px #f0bd54}.cond-dnd-token.matched{cursor:default;background:#eefaf2}.cond-dnd-zone{min-height:95px;padding:14px;border:2px dashed #a9c7d6;border-radius:15px;background:#fff;display:grid;gap:6px;align-content:center}.cond-dnd-zone span{font-size:12px;color:#758b97}.cond-dnd-zone.correct{border-color:#4ca46a;background:#ecf9f0}.cond-dnd-zone.wrong{border-color:#d66868;background:#fff0f0}.cond-dnd-zone.drag-over{background:#eaf6fb;border-style:solid}.cond-dnd-feedback{font-weight:800;color:#173f5c}.conditional-scene{background:#fff}.cond-conv-illustration svg{display:block;width:min(100%,640px);height:auto;margin:auto}.conditional-directory-group .unit-group-heading em{background:#e4f6ea!important;color:#236b43!important}.b1-conditional-page .cond-hero{background:linear-gradient(135deg,#fff,#f6f0fa)}.b2-conditional-page .cond-hero{background:linear-gradient(135deg,#fff,#edf5fb)}
@media(max-width:700px){.cond-table{min-width:610px}.conditional-question{grid-template-columns:36px 1fr;padding:12px}.conditional-qno{width:32px;height:32px}.conditional-options{display:grid;grid-template-columns:1fr}.conditional-choice{text-align:left;width:100%}.cond-dnd-bank,.cond-dnd-zones{grid-template-columns:1fr}.cond-hero{padding:22px!important}.cond-hero h1{font-size:38px!important;line-height:1.06!important}.conditional-page .lesson-block{padding:20px!important}.dialogue-course-card .dialogue-line{grid-template-columns:42px minmax(0,1fr)!important}.dialogue-course-card .dialogue-audio{min-width:0!important;width:100%!important;overflow-wrap:anywhere!important}.dialogue-course-card .en,.dialogue-course-card .sr{white-space:normal!important;overflow-wrap:anywhere!important}.cond-table-wrap{-webkit-overflow-scrolling:touch}}

/* A2 Units 28–32 */
.a2-final-unit{max-width:1500px;margin-inline:auto}.a2-final-unit .a2-mini-conversation{overflow:hidden}.a2-final-conv-scene{max-width:720px;margin:0 auto 18px}.a2-final-conv-scene svg{width:100%;height:auto;display:block}.a2-project-steps{display:grid;gap:12px;padding-left:24px}.a2-project-steps li{padding:12px 14px;border-radius:14px;background:#f5fafc;color:#294e65;line-height:1.6}.a2-review-project .tense-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.a2-final-unit{padding-inline:8px}.a2-final-unit .tobe-hero{grid-template-columns:1fr!important}.a2-final-unit .tobe-hero-icon{justify-self:start;min-width:80px}.a2-final-unit .dialogue-line{grid-template-columns:42px minmax(0,1fr)!important}.a2-final-unit .dialogue-audio{min-width:0!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere}.a2-final-unit .a2-grammar-table{min-width:720px}.a2-final-unit .a2-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.a2-review-project .tense-use-grid{grid-template-columns:1fr}.a2-final-conv-scene{max-width:100%}}

/* A2 Units 24–25 + relative-clause hero visual correction */
.relative-hero-fixed{grid-template-columns:140px minmax(0,1fr)!important;column-gap:32px!important}.relative-hero-fixed .tobe-hero-icon{width:118px!important;min-width:118px!important;font-size:38px!important;white-space:nowrap}.relative-hero-fixed h1{font-size:clamp(38px,5vw,68px)!important;overflow-wrap:normal;word-break:normal}.compact-word-hero{grid-template-columns:126px minmax(0,1fr)!important}.compact-word-hero .tobe-hero-icon{width:108px!important;min-width:108px!important;height:92px!important;font:950 24px/1.05 Arial,sans-serif!important;text-align:center}.a2-gerund-page .formula-card,.a2-purpose-page .formula-card{background:linear-gradient(135deg,#eef7fb,#fff8e8)}
@media(max-width:900px){.relative-hero-fixed,.compact-word-hero{grid-template-columns:1fr!important}.relative-hero-fixed .tobe-hero-icon,.compact-word-hero .tobe-hero-icon{justify-self:start;margin:0!important}.relative-hero-fixed h1{font-size:clamp(34px,8vw,48px)!important}}
@media(max-width:600px){.a2-gerund-page,.a2-purpose-page{padding:10px!important}.a2-gerund-page .lesson-block,.a2-purpose-page .lesson-block{padding:18px!important}.relative-hero-fixed h1,.compact-word-hero h1{font-size:clamp(30px,10vw,40px)!important}.relative-hero-fixed .tobe-hero-icon{width:92px!important;min-width:92px!important;font-size:30px!important}.a2-gerund-page .teacher-step-grid,.a2-purpose-page .teacher-step-grid,.a2-purpose-page .future-contrast-grid{grid-template-columns:1fr!important}}

/* B1 Units 1–4 */
.b1-chip{background:#5f2448!important;color:#fff!important}.b1-unit-page{--b1-ink:#173b59;--b1-wine:#8f2435}.b1-hero{background:linear-gradient(135deg,#f8fbfd,#fff8ef);border:1px solid #d7e5ec}.b1-hero h1{color:#173b59}.b1-hero .tobe-hero-icon{background:#fff;color:#8f2435;box-shadow:0 12px 30px rgba(50,78,94,.12);font-weight:950;min-width:120px;text-align:center}.b1-teacher-block{background:linear-gradient(135deg,#fff9e8,#fff);border-left:5px solid #e4ac35}.b1-lead{font-size:20px;line-height:1.72;color:#2a4c61}.b1-tense-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.b1-tense-map article{padding:20px;border:1px solid #d8e5eb;border-radius:20px;background:#fff}.b1-tense-map article:last-child{grid-column:1/-1}.b1-tense-map h3{margin-top:0;color:#173b59}.b1-contrast-table td{vertical-align:top}.b1-decision-tree ol{display:grid;gap:10px;padding-left:22px}.b1-decision-tree li{padding:12px 14px;background:#f4f9fc;border-radius:14px;color:#294d63;line-height:1.55}.b1-story-panels,.b1-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.b1-story-panels article,.b1-signal-grid article{padding:20px;border-radius:20px;border:1px solid #d7e5ec;background:#fff}.b1-story-panels article>strong{display:inline-block;margin-bottom:10px;color:#8f2435}.b1-story-builder p{margin:10px 0}.b1-formula{background:linear-gradient(135deg,#173b59,#2b789d)!important;color:#fff!important}.b1-wide-table{overflow-x:auto}.b1-wide-table table{min-width:1120px}.b1-time-line{height:7px;background:#173b59;flex:1;min-width:90px;border-radius:999px}.b1-timeline{display:flex;align-items:center;gap:15px;margin:28px 0;padding:18px;border-radius:22px;background:#f2f8fb}.b1-time-event{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;min-width:230px}.b1-time-event strong{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff}.b1-time-event.earlier strong{background:#8f2435}.b1-time-event.later strong{background:#2872a0}.b1-time-event span{font-weight:900;color:#173b59}.b1-time-event small{color:#6c8290}.b1-svg-timeline,.b1-house-plan{margin-top:20px;padding:15px;border-radius:22px;background:#f5fafc;overflow:hidden}.b1-svg-timeline svg,.b1-house-plan svg{width:100%;height:auto;display:block}.b1-conversation-hero{background:linear-gradient(135deg,#fff,#fff8ee);border:1px solid #d7e5ec}.b1-conversation-hero h1{color:#173b59}.b1-conversation-hero .tobe-hero-icon{background:#fff;color:#173b59}.b1-scene-people{max-width:760px;margin:0 auto 18px}.b1-scene-people svg{width:100%;height:auto}.b1-speak-yourself{background:#f4f9fc}.b1-example{width:100%;margin:7px 0}.b1-past-perfect-page .lesson-block p{line-height:1.68}.wrong-right-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.wrong-right-grid article{padding:15px;border-radius:15px;font-weight:800}.wrong-right-grid .wrong{background:#fff1f1;color:#a52b35}.wrong-right-grid .right{background:#eef9f2;color:#287049}.b1-building-card{border-color:#b5d3df!important;background:linear-gradient(135deg,#fff,#f5fbfd)!important}
@media(max-width:760px){.b1-tense-map,.b1-story-panels,.b1-signal-grid,.wrong-right-grid{grid-template-columns:1fr}.b1-tense-map article:last-child{grid-column:auto}.b1-timeline{align-items:stretch;flex-direction:column}.b1-time-line{width:7px;height:45px;min-width:0;align-self:center}.b1-time-event{min-width:0;width:100%}.b1-hero .tobe-hero-icon{min-width:88px}.b1-wide-table{margin-left:-6px;margin-right:-6px}.b1-unit-page .tobe-hero{grid-template-columns:1fr!important}.b1-unit-page .tobe-hero-icon{justify-self:start}.b1-unit-page .dialogue-line{grid-template-columns:40px minmax(0,1fr)!important}.b1-unit-page .dialogue-audio{min-width:0!important;width:100%!important}.b1-unit-page .dialogue-audio .en,.b1-unit-page .dialogue-audio .sr{white-space:normal!important;overflow-wrap:anywhere}.b1-unit-page .a2-grammar-table{font-size:14px}.b1-svg-timeline svg{min-width:650px}.b1-svg-timeline{overflow-x:auto}}

/* B1 readability and responsive hero fix */
.b1-unit-page .b1-hero{grid-template-columns:112px minmax(0,1fr)!important;gap:26px!important;overflow:hidden!important}
.b1-unit-page .b1-hero h1{color:#173b59!important;opacity:1!important;text-shadow:none!important;position:relative;z-index:2}
.b1-unit-page .b1-hero p:not(.eyebrow){color:#496778!important;opacity:1!important;text-shadow:none!important}
.b1-unit-page .b1-hero .eyebrow{color:#8f2435!important;opacity:1!important;text-shadow:none!important}
.b1-unit-page .b1-hero .tobe-hero-icon{width:106px!important;min-width:0!important;height:106px!important;font-size:34px!important;line-height:1!important;overflow:hidden!important;position:relative;z-index:1}
.b1-unit-page .b1-conversation-hero .eyebrow{color:#8f2435!important}.b1-unit-page .b1-conversation-hero p{color:#526d7d!important}
.b1-decision-list{display:grid;gap:10px;padding-left:23px}.b1-decision-list li{padding:12px 14px;border-radius:14px;background:#f4f9fc;color:#294d63;line-height:1.55}
@media(max-width:760px){.b1-unit-page .b1-hero{grid-template-columns:1fr!important;padding:22px!important}.b1-unit-page .b1-hero .tobe-hero-icon{width:82px!important;height:82px!important;font-size:27px!important}.b1-unit-page .b1-hero h1{font-size:clamp(32px,10vw,46px)!important;overflow-wrap:anywhere}.b1-unit-page .lesson-topline{align-items:flex-start;gap:10px}.b1-unit-page .lesson-counter{white-space:normal;text-align:right}.b1-unit-page .a2-table-wrap{overflow-x:auto}.b1-unit-page .a2-grammar-table{min-width:720px}.b1-unit-page .large-vocab-grid{grid-template-columns:1fr!important}}

/* B1 Units 11/12/14 additions */
.b1-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}.b1-compare-grid>article{padding:18px;border:1px solid #d6e4eb;border-radius:18px;background:#fff}.b1-compare-grid h3{margin-top:0;color:#173b59}.b1-error-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.b1-error-grid article{padding:16px;border-radius:16px;background:#f7fbfd;border:1px solid #d5e4eb}.b1-error-grid strong{font-size:24px;color:#267a56}.b1-error-grid p{margin:.35rem 0 0}.b1-unit-page .a2-grammar-table .bilingual-sentence{width:100%;min-width:0}.b1-unit-page .a2-grammar-table td{vertical-align:top}.b1-unit-page .a2-table-wrap{overflow-x:auto}.b1-unit-page .tobe-hero h1{overflow-wrap:anywhere}.b1-unit-page .tobe-hero p{max-width:1100px}@media(max-width:700px){.b1-error-grid{grid-template-columns:1fr}.b1-unit-page .tobe-hero{grid-template-columns:1fr!important}.b1-unit-page .tobe-hero-icon{position:static!important;width:max-content;max-width:100%;margin-bottom:8px}.b1-unit-page .tobe-hero h1{font-size:clamp(34px,10vw,58px)!important;line-height:1.02!important}.b1-unit-page .a2-grammar-table{min-width:720px}.b1-compare-grid{grid-template-columns:1fr}}

/* B1 readability fixes: formula text and pale hero copy must never disappear */
.b1-formula span{color:#173b59!important;background:#fff!important;font-weight:900!important}
.b1-formula b{color:#d51f40!important;font-weight:950!important}
.b1-hero p{color:#4f6d80!important;opacity:1!important}
.b1-hero .eyebrow{color:#6f91a6!important;opacity:1!important}
.b1-hero strong{color:#173b59!important}
.b1-passive-table td,.b1-passive-table th,.b1-report-table td,.b1-report-table th{white-space:normal;vertical-align:top}
.b1-passive-table .bilingual-sentence,.b1-report-table .bilingual-sentence{min-width:250px}
.b1-rule-callout{padding:18px 20px;border-radius:18px;background:#fff4cf;border-left:5px solid #e4ac35;margin:16px 0;line-height:1.65}
.b1-system-note{padding:14px 16px;border-radius:15px;background:#eef7fb;color:#294d63;margin:15px 0}
@media(max-width:760px){.b1-hero{grid-template-columns:1fr!important}.b1-hero .tobe-hero-icon{width:86px!important;min-width:86px!important;height:76px!important}.b1-hero h1{font-size:clamp(34px,10vw,52px)!important}.b1-formula{display:grid!important;grid-template-columns:1fr!important}.b1-formula b{text-align:center}.b1-wide-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.b1-wide-table table{min-width:900px}.dialogue-course-card{min-width:0!important}.dialogue-line{grid-template-columns:38px minmax(0,1fr)!important}.dialogue-audio{min-width:0!important;overflow-wrap:anywhere}.b1-passive-table .bilingual-sentence,.b1-report-table .bilingual-sentence{min-width:210px}}

/* B1 Units 19–23 */
.b1-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.b1-rule-grid article{padding:18px;border:1px solid #d8e6ec;border-radius:18px;background:#fff}.b1-rule-grid h3{margin:0 0 8px;color:#173b59}.b1-relative-table,.b1-verb-table{width:100%;border-collapse:collapse;min-width:760px}.b1-relative-table th,.b1-relative-table td,.b1-verb-table th,.b1-verb-table td{padding:13px 14px;border:1px solid #d7e5eb;vertical-align:top}.b1-relative-table th,.b1-verb-table th{background:#173f5c;color:#fff}.b1-relative-table td:first-child,.b1-verb-table td:first-child{font-weight:900;color:#173b59}.b1-contrast-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.b1-contrast-box article{padding:18px;border-radius:18px;background:#f6fbfd;border:1px solid #d6e7ee}.b1-contrast-box article.warning{background:#fff8e8;border-color:#f1d58e}.b1-comma-example{font-size:1.05rem;line-height:1.7}.b1-comma-example mark{background:#fff0b8;padding:2px 5px;border-radius:5px}.b1-meaning-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.b1-meaning-pair article{padding:16px;border-radius:16px;background:#fff;border:1px solid #d8e5ea}.b1-meaning-pair h3{color:#8e2437;margin-top:0}.b1-memory-tip{padding:16px 18px;border-radius:16px;background:#eef7fb;border-left:5px solid #55a4c8;line-height:1.65}.b1-reported-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0}.b1-reported-flow>div{padding:16px;border-radius:16px;background:#fff;border:1px solid #d8e6ec}.b1-reported-flow>b{font-size:28px;color:#a4293d}
@media(max-width:760px){.b1-rule-grid,.b1-contrast-box,.b1-meaning-pair{grid-template-columns:1fr}.b1-reported-flow{grid-template-columns:1fr}.b1-reported-flow>b{text-align:center;transform:rotate(90deg)}.b1-wide-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.b1-relative-table,.b1-verb-table{min-width:720px}}

/* B1 Units 24–28 */
.b1-note-blue{padding:18px 20px;border-radius:18px;background:#eef8fc;border-left:5px solid #4e9fc3;line-height:1.7}.b1-note-gold{padding:18px 20px;border-radius:18px;background:#fff8e6;border-left:5px solid #e4ac35;line-height:1.7}.b1-note-rose{padding:18px 20px;border-radius:18px;background:#fff2f3;border-left:5px solid #a5283d;line-height:1.7}.b1-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.b1-three-grid article{padding:18px;border-radius:18px;background:#fff;border:1px solid #d8e6ec}.b1-three-grid h3{margin:0 0 8px;color:#173b59}.b1-pattern-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 18px;border-radius:16px;background:#17435f;color:#fff;font-weight:900;font-size:1.05rem;margin:14px 0}.b1-pattern-line span{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.12)}.b1-pattern-line b{color:#f7c64c}.b1-example-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.b1-example-pair article{padding:18px;border-radius:18px;background:#fff;border:1px solid #d9e6ec}.b1-example-pair h3{margin-top:0;color:#8f2639}.b1-mini-rule{margin:12px 0;padding:14px 16px;border-radius:14px;background:#f7fbfd;border:1px solid #d8e8ef}.b1-mini-rule strong{color:#173b59}.b1-inline-warn{color:#8d2637;font-weight:900}.b1-question-tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.b1-question-tag-grid article{padding:16px;border-radius:16px;background:#fff;border:1px solid #d8e5ec}.b1-choice-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.b1-choice-map article{padding:18px;border-radius:18px;border:1px solid #d8e5ec;background:#fff}.b1-choice-map h3{margin-top:0;color:#173b59}@media(max-width:760px){.b1-three-grid,.b1-example-pair,.b1-question-tag-grid,.b1-choice-map{grid-template-columns:1fr}.b1-pattern-line{font-size:.95rem}.b1-wide-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* B1 single-conversation additions */
.b1-single-conversation-page .conversation-card-large{max-width:1180px;margin:22px auto}.b1-single-conversation-page .conversation-task{max-width:1180px;margin:22px auto}.b1-conversation-hero h1{overflow-wrap:anywhere}@media(max-width:700px){.b1-single-conversation-page .dialogue-line{grid-template-columns:42px minmax(0,1fr)!important}.b1-single-conversation-page .dialogue-audio{min-width:0;width:100%}.b1-single-conversation-page .dialogue-audio .en,.b1-single-conversation-page .dialogue-audio .sr{white-space:normal;overflow-wrap:anywhere}.b1-conversation-hero .scene-badge{position:static;margin-top:12px;display:inline-flex}.topbar .mini-field select{max-width:170px;width:100%}}

/* B1 Units 29–34 */
.b1-safe-hero-icon{font-size:54px!important;line-height:1!important;min-width:112px!important;width:112px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.b1-numbered-explanation{margin:14px 0 0;padding-left:26px;display:grid;gap:12px;color:#355365;line-height:1.65}
.b1-numbered-explanation li strong{color:#173b55}
.b1-project-template{display:grid;gap:9px;margin-top:16px;padding:18px;border-radius:18px;background:#f4f9fb;border:1px solid #d6e6ed}.b1-project-template strong{color:#8d2134;font-size:18px}.b1-project-template span{padding:9px 12px;border-radius:12px;background:#fff;color:#21445b;font-weight:700}
.table-audio{width:100%;border:0;background:transparent;text-align:left;color:#173b55;cursor:pointer}.table-audio strong,.table-audio small{display:block}.table-audio small{margin-top:4px;color:#667c88;font-weight:500}
@media(max-width:700px){.b1-safe-hero-icon{width:72px!important;min-width:72px!important;font-size:38px!important}.b1-hero{grid-template-columns:auto 1fr!important}.b1-hero h1{font-size:clamp(32px,9vw,50px)!important;line-height:1.02!important;overflow-wrap:anywhere}.b1-wide-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.b1-verb-table{min-width:680px}.lesson-topline{gap:10px;flex-wrap:wrap}.lesson-counter{max-width:100%;white-space:normal}.conversation-card-large{max-width:100%;overflow:hidden}.dialogue-line{min-width:0}.dialogue-audio{min-width:0;overflow-wrap:anywhere}.unit-page-link span{overflow-wrap:anywhere}}


/* B1 detailed explanations + live language translation */
.b1-teacher-explanation>p,.b1-unit-page .lesson-block>p{line-height:1.72}
.b1-rule-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.b1-rule-cards article{padding:18px;border:1px solid #d9e6ec;border-radius:18px;background:#f8fcfe;color:#173b55}
.b1-rule-cards article strong{display:block;margin-bottom:8px;font-size:1.04rem}.b1-rule-cards article p{margin:0;line-height:1.55}
.inline-audio{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;margin-right:8px;text-align:left}.inline-audio:hover{text-decoration:underline}
.tb-translating{cursor:progress}.tb-translating .sr{opacity:.72;transition:opacity .2s ease}
@media(max-width:760px){.b1-rule-cards{grid-template-columns:1fr}.b1-wide-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.b1-verb-table{min-width:720px}.b1-unit-page .tobe-hero h1{font-size:clamp(2rem,9vw,3.6rem);line-height:1.02;overflow-wrap:anywhere}.b1-unit-page .tobe-hero-icon{max-width:150px;font-size:clamp(1.2rem,7vw,2.5rem);overflow:hidden}.b1-example-pair{grid-template-columns:1fr!important}}

/* B2 Units 1–4 */
.b2-unit-page{--b2:#243b68;--b2b:#8b3158}.b2-unit-page .lesson-topline{border-bottom-color:#d9e2ef}.b2-chip{background:#5b234c!important;color:#fff!important}.b2-hero{background:linear-gradient(135deg,#f8fbff,#fff9f0)!important;border:1px solid #d9e2e8!important}.b2-hero h1{color:#173b55!important;opacity:1!important;text-shadow:none!important}.b2-hero p{color:#4f6877!important;opacity:1!important}.b2-hero .eyebrow{color:#8b3158!important;opacity:1!important}.b2-safe-hero-icon{background:#fff!important;color:#8b3158!important;border:1px solid #e4e8ed;box-shadow:0 10px 24px rgba(30,62,85,.08);min-width:132px}.b2-example{margin:10px 0}.b2-formula{padding:18px 22px;margin:18px 0;border-radius:18px;background:#173b55;color:#fff;font-size:clamp(22px,3vw,36px);text-align:center;letter-spacing:.02em}.b2-table td,.b2-table th{vertical-align:top}.b2-decision-list{display:grid;gap:12px;padding-left:24px;font-size:18px;line-height:1.6}.b2-warning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.b2-warning-grid article{padding:18px;border:1px solid #d7e3e9;border-radius:18px;background:#fff}.b2-quiz-list{display:grid;gap:16px}.b2-question{padding:20px;border:1px solid #d5e4eb;border-radius:20px;background:#fff}.b2-question h3{margin:0 0 14px;color:#173b55;font-size:19px}.b2-options{display:flex;flex-wrap:wrap;gap:10px}.b2-options button{padding:11px 14px;border-radius:14px;border:1px solid #cbdde6;background:#f7fbfd;color:#173b55;font-weight:800;cursor:pointer}.b2-options button.correct{background:#e5f7eb;border-color:#4b9d67}.b2-options button.wrong{background:#fde9e9;border-color:#c76060}.b2-question-feedback{margin:10px 0 0;min-height:24px}.b2-question-feedback.good{color:#287744}.b2-question-feedback.bad{color:#a13f3f}.b2-result-box{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding:18px;border-radius:18px;background:#f3f7fa}.b2-result-box strong{font-size:22px;color:#173b55}.b2-result-box p{flex-basis:100%;margin:0}.b2-drag-bank{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.b2-drag-card{padding:12px 16px;border:2px solid #9bbdce;border-radius:16px;background:#fff;color:#173b55;font-weight:900;cursor:grab}.b2-drag-card.selected{outline:3px solid #f0b844}.b2-drag-card.matched{opacity:.4}.b2-drop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.b2-drop-zone{min-height:100px;padding:16px;border:2px dashed #b8ccd6;border-radius:18px;background:#f8fbfd;cursor:pointer}.b2-drop-zone strong{display:block;color:#173b55;margin-bottom:8px}.b2-drop-zone span{color:#67808e}.b2-drop-zone.correct{background:#e9f8ee;border-color:#4e9d67}.b2-drop-zone.wrong{background:#fff0f0;border-color:#c76b6b}.b2-drag-feedback{min-height:26px;font-weight:800;color:#31596d}.b2-mini-conversation{border-left:5px solid #8b3158}.b2-unit-page .conversation-card-large{overflow:visible}.b2-unit-page .dialogue-line{min-width:0}.b2-unit-page .dialogue-audio{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.b2-unit-page .dialogue-audio .en,.b2-unit-page .dialogue-audio .sr{white-space:normal;overflow-wrap:anywhere}.level-card[data-level="B2"] b{color:#8b3158}
@media(max-width:760px){.b2-hero{display:grid!important;grid-template-columns:1fr!important;padding:22px!important}.b2-safe-hero-icon{min-width:0!important;width:88px;height:72px;font-size:32px!important}.b2-hero h1{font-size:clamp(34px,11vw,58px)!important;line-height:1.03!important}.b2-warning-grid,.b2-drop-grid{grid-template-columns:1fr}.b2-table-wrap{overflow-x:auto}.b2-table{min-width:690px}.b2-options{display:grid;grid-template-columns:1fr}.b2-options button{width:100%;text-align:left}.b2-result-box{display:grid}.b2-unit-page .lesson-topline{gap:8px;align-items:flex-start}.b2-unit-page .lesson-counter{font-size:12px}.b2-unit-page .dialogue-line{grid-template-columns:42px minmax(0,1fr)!important}.b2-unit-page .dialogue-audio{padding:14px!important}}

/* B2 Units 6–10 refinements */
.b2-unit-page .b2-table-wrap{overflow-x:auto;margin:18px 0;border:1px solid #d7e3ea;border-radius:18px;background:#fff}.b2-unit-page .b2-table{width:100%;min-width:760px;border-collapse:collapse}.b2-unit-page .b2-table th{padding:14px 16px;background:#173b55;color:#fff;text-align:left}.b2-unit-page .b2-table td{padding:14px 16px;border-top:1px solid #dce7ec;line-height:1.55;color:#294a5f}.b2-unit-page .b2-table .table-audio{width:100%;text-align:left;white-space:normal}.b2-unit-page .teacher-humour{margin-top:16px;padding:15px 18px;border-radius:16px;background:#fff3cf;color:#5b4a1a}.b2-unit-page .conversation-task{margin:22px 0;padding:22px;border-radius:22px;background:#f3f8fb;border:1px solid #d8e6ed}.b2-unit-page .b1-note-gold,.b2-unit-page .b1-note-blue{margin:16px 0}.b2-unit-page .b2-formula{overflow-wrap:anywhere}.b2-unit6-directory-group .unit-group-heading em,.b2-unit7-directory-group .unit-group-heading em,.b2-unit8-directory-group .unit-group-heading em,.b2-unit9-directory-group .unit-group-heading em,.b2-unit10-directory-group .unit-group-heading em{background:#e4f6ea!important;color:#236b43!important}
@media(max-width:760px){.b2-unit-page .b2-table{min-width:650px}.b2-unit-page .b2-formula{font-size:22px!important;padding:15px!important}.b2-unit-page .conversation-card-large{width:100%;max-width:100%}.b2-unit-page .dialogue-line{width:100%;max-width:100%;}.b2-unit-page .dialogue-audio{max-width:100%;}}

/* B2 Units 11–15 refinements */
.b2-number-list{display:grid;gap:18px;margin:18px 0;padding-left:28px}.b2-number-list li{padding:14px 16px;border-radius:16px;background:#f7fbfd;line-height:1.65}.b2-number-list .bilingual-sentence{margin-top:10px}.b2-formula{overflow-wrap:anywhere}.b2-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.b2-table{min-width:760px}.b2-unit-page .tobe-hero h1{overflow-wrap:anywhere}.b2-unit-page .lesson-block p{line-height:1.72}@media(max-width:700px){.b2-unit-page .tobe-hero{grid-template-columns:1fr!important}.b2-unit-page .tobe-hero-icon{justify-self:start}.b2-unit-page .tobe-hero h1{font-size:clamp(34px,10vw,54px);line-height:1.02}.b2-table{min-width:680px}.b2-unit-page .conversation-card-large{min-width:0}.b2-unit-page .dialogue-line{grid-template-columns:42px minmax(0,1fr)!important}.b2-unit-page .dialogue-audio{min-width:0;max-width:100%;white-space:normal}}

/* B2 Units 21–25: readable tables, audio examples and mobile safety */
.b2-unit-page .inline-audio-example{display:grid;gap:4px;width:100%;padding:8px 10px;border:0;border-radius:12px;background:#f5f9fb;color:#173b55;text-align:left;cursor:pointer;font:inherit}.b2-unit-page .inline-audio-example strong{display:block;color:#173b55}.b2-unit-page .inline-audio-example small{display:block;color:#607987;line-height:1.45}.b2-unit21-directory-group .unit-group-heading em,.b2-unit22-directory-group .unit-group-heading em,.b2-unit23-directory-group .unit-group-heading em,.b2-unit24-directory-group .unit-group-heading em,.b2-unit25-directory-group .unit-group-heading em{background:#e4f6ea!important;color:#236b43!important}@media(max-width:760px){.b2-unit-page .b2-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.b2-unit-page .b2-table{min-width:680px}.b2-unit-page .lesson-block{max-width:100%;overflow-wrap:anywhere}.b2-unit-page .example-audio-grid{grid-template-columns:1fr!important}.b2-unit-page .inline-audio-example{min-width:0}}

/* B2 Units 31–34 — final level block */
.b2-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.b2-review-grid>div{margin:0}.b2-checklist{display:grid;gap:10px;padding-left:1.4rem}.b2-checklist li{padding:.25rem 0;line-height:1.55}.b2-project-box{margin:20px 0;padding:22px;border-radius:20px;background:linear-gradient(135deg,#f5f8ff,#fffaf1);border:1px solid rgba(30,55,92,.12)}.b2-project-box h3{margin:8px 0}.b2-project-box p{margin:6px 0 16px;line-height:1.65}.b2-unit31-directory-group,.b2-unit32-directory-group,.b2-unit33-directory-group,.b2-unit34-directory-group{scroll-margin-top:90px}@media(max-width:760px){.b2-review-grid{grid-template-columns:1fr}.b2-project-box{padding:16px}.b2-table{min-width:640px}.b2-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.b2-hero h1{overflow-wrap:anywhere}.dialogue-audio .en,.dialogue-audio .sr{white-space:normal}}


/* Talking Book 20-language translation status */
.tb-language-status{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;border:1px solid rgba(22,66,91,.18);background:rgba(255,255,255,.78);color:#163f59;font-size:12px;font-weight:800;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.tb-language-status.working{animation:tbLangPulse 1.15s ease-in-out infinite;cursor:progress}
.tb-language-status.warning{border-color:rgba(176,104,21,.32);background:#fff8e9;color:#805211}
@keyframes tbLangPulse{0%,100%{opacity:1}50%{opacity:.58}}
html[dir="rtl"] .en,html[dir="rtl"] [data-speak],html[dir="rtl"] .lesson-topic{direction:ltr;text-align:left}
html[dir="rtl"] .dialogue-line{direction:ltr}
.tb-translating{cursor:progress}.tb-translating .sr{opacity:.72;transition:opacity .2s ease}
@media(max-width:760px){.tb-language-status{grid-column:1/-1;justify-self:start;max-width:100%;font-size:11px;padding:6px 9px}.top-actions .mini-field{min-width:0}.top-actions #appLanguage{width:100%;max-width:none}}

/* A1 Unit 1 — Greetings and Introductions */
.a1-greetings-page{--greet-navy:#173b55;--greet-green:#2f8665;--greet-gold:#e5b547}
.a1-greetings-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);align-items:center;gap:28px;margin:22px 0 30px;padding:34px 38px;border:1px solid #d7e7e4;border-radius:30px;background:linear-gradient(135deg,#f4fbf8 0%,#fffaf0 100%);overflow:hidden}
.a1-greetings-hero-copy h1{margin:8px 0 14px;color:var(--greet-navy);font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:1.02}
.a1-greetings-lead{max-width:720px;color:#526c79;font-size:19px;line-height:1.7}
.a1-greetings-hero-image{align-self:end;min-height:310px;display:flex;align-items:flex-end;justify-content:center}
.a1-greetings-hero-image img{display:block;width:min(100%,470px);max-height:430px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(24,55,72,.12))}
.a1-greeting-phrase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}
.a1-greeting-phrase-grid .bilingual-sentence{min-height:96px;width:100%;padding:16px 18px;text-align:left}
.a1-greeting-phrase-grid .en{font-size:18px;font-weight:900;color:var(--greet-navy)}
.a1-greeting-phrase-grid .sr{margin-top:6px;color:#607986}
.a1-your-turn{margin-top:18px;padding:16px 18px;border-radius:16px;background:#eef8f3;border-left:5px solid var(--greet-green);color:#294e43}
.a1-your-turn p{margin:6px 0 0}
.a1-simple-vocab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.a1-simple-vocab-grid .vocab-audio-card{display:grid;gap:6px;min-height:88px;padding:16px;border:1px solid #d6e6ec;border-radius:17px;background:#fff;color:var(--greet-navy);text-align:left;cursor:pointer}
.a1-simple-vocab-grid .vocab-audio-card strong{font-size:18px}.a1-simple-vocab-grid .vocab-audio-card small{color:#637b87;font-size:14px}
.a1-greetings-practice{margin-top:24px}.a1-greetings-finish{border-left:6px solid var(--greet-green);background:#effaf4}

.a1-added-mini .conversation-card-large{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%;max-width:1180px}
.a1-added-mini .dialogue-line{grid-template-columns:48px minmax(0,1fr)!important;width:100%;min-width:0}
.a1-added-mini .dialogue-audio{width:100%;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:850px){.a1-greetings-hero{grid-template-columns:1fr;padding:24px}.a1-greetings-hero-image{min-height:220px}.a1-greetings-hero-image img{max-height:340px}.a1-greeting-phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a1-simple-vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.a1-greetings-hero{padding:20px}.a1-greetings-hero-copy h1{font-size:clamp(38px,13vw,58px)}.a1-greetings-lead{font-size:17px}.a1-greeting-phrase-grid,.a1-simple-vocab-grid{grid-template-columns:1fr}.a1-greetings-hero-image{min-height:180px}.a1-greetings-hero-image img{max-height:280px}.a1-added-mini .dialogue-line{grid-template-columns:38px minmax(0,1fr)!important}}

/* Pronoun Focus — A2, B1 and B2 */
.pronoun-focus-page{--pronoun-blue:#173b55;--pronoun-green:#2d7b5b;--pronoun-soft:#f3f8fb}
.pronoun-focus-directory-group{border-color:#bcd8cf!important;background:linear-gradient(135deg,#f1faf6,#fff)!important}
.pronoun-focus-table .table-audio{display:grid;gap:5px;width:100%;min-width:250px;padding:11px 13px;border:0;border-radius:12px;background:#edf6fa;color:var(--pronoun-blue);font-weight:800;text-align:left;cursor:pointer}
.pronoun-focus-table .table-audio small{font-weight:500;color:#627b89;line-height:1.45}
.pronoun-focus-page .teacher-explanation-card{margin-top:18px;padding:18px 20px;border-left:5px solid #e2b246;border-radius:15px;background:#fff8e7;color:#5a4e2c;line-height:1.65}
.pronoun-focus-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pronoun-focus-question{padding:20px;border:1px solid #d6e4ea;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(36,72,91,.06)}
.pronoun-focus-question h3{margin:0 0 15px;color:var(--pronoun-blue);font-size:18px;line-height:1.45}
.pronoun-focus-question>div{display:flex;flex-wrap:wrap;gap:9px}
.pronoun-focus-question button{padding:10px 15px;border:1px solid #c9dbe3;border-radius:999px;background:#f5fafc;color:var(--pronoun-blue);font-weight:800;cursor:pointer}
.pronoun-focus-question button.correct{border-color:#2e8a61;background:#e7f7ef;color:#226b4b}
.pronoun-focus-question button.wrong{border-color:#c84f5a;background:#fff0f1;color:#9d2f3a}
.pronoun-focus-question .quiz-feedback{min-height:24px;margin:13px 0 0;line-height:1.45}
@media(max-width:760px){.pronoun-focus-question-grid{grid-template-columns:1fr}.pronoun-focus-table .table-audio{min-width:210px}}

/* V16 — Talking Book početna strana: profesor, vežbanje i praćenje napretka */
.talking-book-home-v15{
  --home-navy:#153d58;
  --home-blue:#2c789b;
  --home-green:#2c805e;
  --home-gold:#efbd4d;
  background:
    radial-gradient(circle at 9% 13%,rgba(248,198,86,.23),transparent 24%),
    radial-gradient(circle at 91% 18%,rgba(94,181,206,.19),transparent 27%),
    linear-gradient(145deg,#f7fcff 0%,#fffaf0 54%,#f4fbf7 100%);
}
.talking-book-home-v15::before{width:520px;height:520px;right:-175px;top:-215px;background:rgba(64,151,178,.10)}
.talking-book-home-v15::after{content:"";position:absolute;left:-140px;top:340px;width:330px;height:330px;border-radius:50%;background:rgba(242,189,73,.08);pointer-events:none}
.talking-book-home-v15 .platform-hero{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:clamp(28px,4vw,66px);align-items:stretch;padding-bottom:44px}
.talking-book-home-v15 .platform-copy{position:relative;z-index:3}
.talking-book-home-v15 .platform-badge{background:linear-gradient(100deg,var(--home-navy),#286d89);box-shadow:0 10px 25px rgba(21,61,88,.14)}
.talking-book-home-v15 .platform-copy h1{max-width:830px;margin:17px 0 15px;color:var(--home-navy);font-size:clamp(39px,4.7vw,68px);line-height:1.01}
.talking-book-home-v15 .platform-copy>.platform-power-lead{max-width:870px;color:#455f6f;font-size:clamp(16px,1.35vw,19px);line-height:1.68}
.platform-story-more{max-width:870px;margin:18px 0 2px}
.platform-story-more summary{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(100%,410px);min-height:54px;padding:11px 13px 11px 18px;border:1px solid rgba(29,96,126,.24);border-radius:17px;background:linear-gradient(105deg,#174665,#2e829d);color:#fff;font-size:14px;font-weight:900;box-shadow:0 12px 28px rgba(23,70,101,.2);cursor:pointer;list-style:none;transition:transform .2s ease,box-shadow .2s ease}
.platform-story-more summary::-webkit-details-marker{display:none}
.platform-story-more summary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,70,101,.27)}
.platform-story-more summary b{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#ffe08a;color:#173f5d;font-size:20px;line-height:1;transition:transform .25s ease}
.platform-story-more[open] summary b{transform:rotate(45deg)}
.platform-story-details{display:grid;gap:12px;margin-top:12px;padding:18px;border:1px solid rgba(42,116,145,.18);border-radius:19px;background:rgba(255,255,255,.84);box-shadow:0 14px 32px rgba(22,63,83,.08)}
.platform-story-details p{margin:0;color:#455f6f;font-size:13px;line-height:1.58}
.platform-story-details p strong{color:#173f5d}
.platform-learning-flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px!important;padding:13px 14px;border-left:5px solid #efbd4d;border-radius:13px;background:#fff8e4;color:#173f5d!important}
.platform-learning-flow i{color:#cb4c4f;font-style:normal;font-weight:950}
.platform-story-signature{padding-top:4px;color:#173f5d!important}
.platform-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.platform-capability-grid>span{display:grid;gap:4px;min-width:0;padding:13px 14px;border:1px solid rgba(43,107,136,.16);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(25,65,87,.055);transition:transform .2s ease,box-shadow .2s ease}
.platform-capability-grid>span:hover{transform:translateY(-3px);box-shadow:0 13px 27px rgba(25,65,87,.10)}
.platform-capability-grid b{color:var(--home-navy);font-size:14px}.platform-capability-grid small{color:#607985;font-size:12px;line-height:1.4}
.talking-book-home-v15 .platform-trust-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.talking-book-home-v15 .platform-trust-points span{display:flex;align-items:center;min-height:48px;border-color:rgba(44,128,94,.22);background:#f2fbf6;color:#205f48;font-size:12px;line-height:1.35}
.platform-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:17px}
.platform-actions button{min-height:50px;padding:12px 19px;border-radius:16px;font-weight:900}
.platform-level-test{background:linear-gradient(100deg,#2c805e,#3d9975);box-shadow:0 12px 26px rgba(44,128,94,.22)}
.platform-learning-test{border:1px solid rgba(21,61,88,.2);background:rgba(255,255,255,.9);color:var(--home-navy)}
.platform-test-notice{max-width:720px;margin:13px 0 0;padding:13px 15px;border-left:5px solid var(--home-gold);border-radius:13px;background:#fff8e4;color:#65501c;font-size:13px;line-height:1.5}
.platform-thea{position:relative;z-index:2;min-height:clamp(520px,46vw,690px);overflow:hidden;align-self:stretch;border:1px solid rgba(48,120,148,.18);border-radius:38px;background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(225,244,248,.72) 55%,rgba(255,241,207,.74));box-shadow:0 25px 60px rgba(21,61,88,.13)}
.platform-thea::before{content:"HELLO  •  LISTEN  •  SPEAK  •  LEARN";position:absolute;left:20px;right:20px;top:22px;color:rgba(21,61,88,.17);font-size:clamp(12px,1vw,16px);font-weight:900;letter-spacing:.18em;text-align:center;white-space:nowrap}
.platform-thea-orbit{position:absolute;inset:9% 5% 16%;border:1px dashed rgba(45,122,155,.23);border-radius:50%;animation:homeOrbit 18s linear infinite}
.platform-thea-orbit::before,.platform-thea-orbit::after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--home-gold);box-shadow:0 0 0 7px rgba(239,189,77,.14)}
.platform-thea-orbit::before{left:7%;top:18%}.platform-thea-orbit::after{right:5%;bottom:25%;background:#55a98a;box-shadow:0 0 0 7px rgba(85,169,138,.14)}
.platform-thea img{position:absolute;z-index:2;left:50%;bottom:-2px;transform:translateX(-50%);width:min(114%,650px);height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 26px rgba(20,57,77,.16));animation:homeTheaFloat 5.5s ease-in-out infinite}
.platform-presenter img{top:62px;bottom:auto;width:min(98%,620px);height:auto;max-height:calc(100% - 76px);object-position:center top}
.platform-thea-card{position:absolute;z-index:4;left:22px;right:22px;bottom:20px;display:grid;gap:3px;padding:15px 18px;border:1px solid rgba(255,255,255,.82);border-radius:19px;background:rgba(255,255,255,.91);box-shadow:0 14px 34px rgba(22,61,82,.16);backdrop-filter:blur(9px)}
.platform-thea-card strong{color:var(--home-navy);font:700 19px/1.2 Georgia,serif}.platform-thea-card small{color:#5d7481;line-height:1.4}
.talking-book-home-v15 .levels-heading-centered{display:flex;justify-content:center;align-items:center;margin:54px auto 26px;text-align:center}
.talking-book-home-v15 .levels-heading-centered>div{width:min(1100px,100%)}
.talking-book-home-v15 .levels-heading-centered .levels-kicker{margin:0 0 10px;color:var(--home-blue);font-size:clamp(28px,3.7vw,50px);font-weight:1000;letter-spacing:.14em;line-height:1.05}
.talking-book-home-v15 .levels-heading-centered h2{margin:0;color:var(--home-navy);font-size:clamp(28px,3vw,44px);line-height:1.18;text-wrap:balance}
@keyframes homeTheaFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}
@keyframes homeOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.talking-book-home-v15 .platform-hero{grid-template-columns:1fr}.platform-thea{min-height:540px;max-width:620px;width:100%;justify-self:center}.talking-book-home-v15 .platform-copy h1{max-width:900px}.talking-book-home-v15 .platform-trust-points{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.talking-book-home-v15{padding:18px!important}.talking-book-home-v15 .platform-hero{gap:24px}.talking-book-home-v15 .platform-copy h1{font-size:clamp(36px,11vw,54px)}.platform-capability-grid,.talking-book-home-v15 .platform-trust-points{grid-template-columns:1fr}.platform-actions{display:grid;grid-template-columns:1fr}.platform-actions button{width:100%}.platform-thea{min-height:430px;border-radius:27px}.platform-thea img{width:118%;height:90%}.platform-presenter img{top:48px;width:100%;height:auto;max-height:calc(100% - 58px)}.platform-thea-card{left:13px;right:13px;bottom:13px}.platform-thea::before{font-size:10px;letter-spacing:.09em}.talking-book-home-v15 .levels-heading-centered{margin-top:40px}.talking-book-home-v15 .levels-heading-centered .levels-kicker{font-size:clamp(27px,9vw,40px);letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.platform-thea img,.platform-thea-orbit{animation:none!important}}

/* V16 — sadržaj svakog nivoa na njegovoj uvodnoj strani */
.a1-solo-content .level-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;width:100%}
.a1-solo-content .level-intro-actions button{margin:0;white-space:nowrap}
.a1-solo-content .level-intro-actions .level-contents-toggle{border-color:rgba(20,73,101,.24);background:linear-gradient(118deg,#173f5d 0%,#287b99 52%,#173f5d 100%);background-size:220% 100%;color:#fff;box-shadow:0 15px 34px rgba(21,63,93,.3),0 0 0 7px rgba(71,179,211,.1);animation:levelContentsGlow 2.2s ease-in-out infinite,levelContentsSweep 5s linear infinite}
.a1-solo-content .level-intro-actions .level-contents-toggle b{background:linear-gradient(145deg,#ffdc74,#efad38);color:#173f5d;box-shadow:0 6px 15px rgba(130,89,14,.24)}
.a1-solo-content .level-intro-actions .level-contents-toggle::after{border-color:rgba(37,130,164,.35)}
.level-intro-contents{position:relative;z-index:20;width:min(1540px,94%);margin:880px auto 42px;padding:0;border:1px solid rgba(28,84,111,.2);border-radius:30px;background:rgba(255,255,255,.98);box-shadow:0 30px 75px rgba(23,67,90,.22);overflow:hidden}
.level-start-page.contents-open{min-height:auto!important;overflow:visible!important;padding-bottom:1px!important}
.level-intro-contents-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:25px 28px;border-bottom:1px solid #dce8ed;background:linear-gradient(120deg,#f2fbff,#fff9e9)}
.level-intro-contents-head small{display:block;color:#2d7c98;font-weight:950;letter-spacing:.14em}
.level-intro-contents-head h2{margin:5px 0;color:#173f5d;font:700 clamp(30px,3.2vw,50px)/1.1 Georgia,serif}
.level-intro-contents-head p{margin:0;color:#627986;font-size:15px}
.level-intro-contents-head>button{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;padding:0;border:1px solid #cbdde5;border-radius:50%;background:#fff;color:#173f5d;font-size:31px;line-height:1;cursor:pointer}
.level-intro-contents-scroll{max-height:68vh;padding:24px 28px 32px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#7da9ba #eef5f7}
.level-intro-contents-scroll .level-unit-list{display:grid;gap:18px}
.level-intro-contents-scroll .level-unit-group,.level-intro-contents-scroll .level-unit-row{box-shadow:0 8px 24px rgba(34,78,98,.06)}
.level-intro-empty{margin:0;padding:30px;border-radius:18px;background:#f3f8fa;color:#526f7d;text-align:center}
@keyframes levelContentsGlow{0%,100%{box-shadow:0 15px 34px rgba(21,63,93,.27),0 0 0 6px rgba(71,179,211,.08)}50%{box-shadow:0 18px 42px rgba(21,63,93,.38),0 0 0 11px rgba(71,179,211,.15)}}
@keyframes levelContentsSweep{to{background-position:-220% 0}}
@media(max-width:1120px){.level-intro-contents{margin-top:910px}}
@media(max-width:780px){.a1-solo-content .level-intro-actions{display:grid;grid-template-columns:1fr}.a1-solo-content .level-intro-actions button{width:100%;justify-content:space-between}.level-intro-contents{width:96%;margin-top:920px;border-radius:24px}.level-intro-contents-head{padding:21px 19px}.level-intro-contents-scroll{padding:18px 14px 24px}.level-intro-contents-scroll .unit-page-list{grid-template-columns:1fr}}
@media(max-width:520px){.level-intro-contents{margin-top:900px}.level-intro-contents-head{gap:12px}.level-intro-contents-head h2{font-size:29px}.level-intro-contents-head>button{width:42px;height:42px}.a1-solo-content .level-intro-actions button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.a1-solo-content .level-intro-actions .level-contents-toggle{animation:none!important}}

/* V17 — direktan kontakt sa profesorom na početnoj strani */
.talking-book-home-v15 .platform-presenter{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:58px 18px 18px}
.platform-presenter .platform-thea-orbit{inset:7% 5% 43%}
.platform-presenter-visual{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:0}
.platform-presenter .platform-presenter-visual img{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:block;width:min(100%,590px);height:auto;max-height:none;transform:none;object-fit:contain;object-position:center top;filter:drop-shadow(0 22px 26px rgba(20,57,77,.16));animation:professorPortraitFloat 5.5s ease-in-out infinite}
.platform-presenter .platform-thea-card{position:relative;z-index:5;left:auto;right:auto;bottom:auto;display:grid;gap:8px;width:100%;margin:-5px 0 0;padding:19px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 17px 38px rgba(22,61,82,.15);backdrop-filter:blur(10px)}
.platform-presenter .platform-thea-card strong{font-size:clamp(20px,1.6vw,25px);line-height:1.16}
.platform-presenter .platform-thea-card small{font-size:14px;line-height:1.45}
.platform-presenter .platform-thea-card p{margin:3px 0 0;color:#395a6b;font-size:13px;line-height:1.5}
.platform-presenter .platform-thea-card em{color:#6a775f;font-size:11px;font-style:normal;line-height:1.4}
.professor-contact-open{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%;min-height:58px;margin-top:3px;padding:11px 12px 11px 17px;border:1px solid rgba(139,19,29,.34);border-radius:17px;background:linear-gradient(105deg,#b51f2b,#e54c52);color:#fff;text-align:left;font:850 14px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 13px 29px rgba(183,31,43,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.professor-contact-open b{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#fff;color:#bd2530;font-size:20px}
.professor-contact-open:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 17px 36px rgba(183,31,43,.4)}
.talking-book-home-v15 .levels-heading-centered h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(17px,1.55vw,24px);font-weight:750;line-height:1.35;letter-spacing:.01em}
@keyframes professorPortraitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.professor-contact-modal{position:fixed;inset:0;z-index:3200;display:grid;place-items:center;padding:20px}
.professor-contact-modal.hidden{display:none}
.professor-contact-backdrop{position:absolute;inset:0;background:rgba(10,27,41,.75);backdrop-filter:blur(7px);cursor:pointer}
.professor-contact-dialog{position:relative;z-index:2;width:min(960px,96vw);max-height:92vh;padding:31px;border:1px solid rgba(255,255,255,.75);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f5fbfd 62%,#fff9eb 100%);box-shadow:0 34px 100px rgba(0,0,0,.34);overflow:auto;overscroll-behavior:contain}
.professor-contact-close{position:sticky;z-index:5;top:0;float:right;display:grid;place-items:center;width:44px;height:44px;margin:-9px -8px 0 14px;padding:0;border:1px solid #d6e3e9;border-radius:50%;background:#fff;color:#173f5d;font-size:30px;line-height:1;box-shadow:0 8px 20px rgba(24,65,88,.12);cursor:pointer}
.professor-contact-head{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-right:40px}
.professor-contact-head>span{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#e9f8f2,#fff7dd);font-size:34px;box-shadow:0 10px 24px rgba(31,93,75,.11)}
.professor-contact-head .eyebrow{margin:2px 0 7px;color:#2e8a66;font-size:11px;font-weight:950;letter-spacing:.14em}
.professor-contact-head h2{margin:0;color:#173f5d;font:700 clamp(28px,3vw,42px)/1.08 Georgia,serif}
.professor-contact-head p:last-child{max-width:760px;margin:9px 0 0;color:#5b7482;line-height:1.55}
.professor-contact-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.professor-contact-benefits span{padding:9px 12px;border:1px solid #cce6dc;border-radius:999px;background:#effaf5;color:#21694f;font-size:12px;font-weight:800}
.professor-contact-form{display:grid;gap:19px}
.professor-honey{display:none!important}
.professor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.professor-contact-form label>span,.professor-duration legend{display:block;margin-bottom:7px;color:#234b62;font-size:13px;font-weight:850}
.professor-contact-form input[type="text"],.professor-contact-form input[type="email"],.professor-contact-form input[type="tel"],.professor-contact-form select,.professor-contact-form textarea{width:100%;padding:13px 14px;border:2px solid #cfdee5;border-radius:14px;background:#fff;color:#173f5d;font:inherit;transition:border-color .18s ease,box-shadow .18s ease}
.professor-contact-form textarea{min-height:124px;resize:vertical;line-height:1.5}
.professor-contact-form input:focus,.professor-contact-form select:focus,.professor-contact-form textarea:focus{outline:none;border-color:#3c9673;box-shadow:0 0 0 4px rgba(60,150,115,.13)}
.professor-duration{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
.professor-duration legend{grid-column:1/-1;margin:0 0 2px}
.professor-duration label{position:relative;cursor:pointer}
.professor-duration label>input{position:absolute;opacity:0;pointer-events:none}
.professor-duration label>span{display:grid;gap:4px;min-height:86px;margin:0;padding:14px;border:2px solid #d2e1e7;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(28,71,93,.045);transition:.18s ease}
.professor-duration label>span b{color:#173f5d;font-size:17px}.professor-duration label>span small{color:#6b808b;font-size:11px;line-height:1.35}
.professor-duration label>input:focus-visible+span{outline:3px solid rgba(60,150,115,.22);outline-offset:2px}
.professor-duration label>input:checked+span{border-color:#358d6c;background:#ecf9f3;box-shadow:0 9px 23px rgba(53,141,108,.16)}
.professor-duration label>input:checked+span::before{content:"✓ Izabrano";color:#287b5d;font-size:10px;font-weight:950;letter-spacing:.06em}
.professor-duration .general-consultation{grid-column:1/-1}
.professor-duration .general-consultation>span{min-height:72px}
.professor-message{display:block}
.professor-consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:13px 14px;border:1px solid #d7e4e9;border-radius:15px;background:#f7fbfd;cursor:pointer}
.professor-consent input{width:19px;height:19px;margin:1px 0 0;accent-color:#318666}
.professor-consent span{margin:0!important;color:#526e7c!important;font-size:12px!important;font-weight:650!important;line-height:1.45}
.professor-payment-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #ead9a8;border-radius:16px;background:#fff8e3;color:#675524}
.professor-payment-note>span{font-size:22px}.professor-payment-note p{margin:0;font-size:13px;line-height:1.5}.professor-payment-note strong{color:#4f411e}
.professor-submit{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:58px;padding:13px 21px;border:0;border-radius:17px;background:linear-gradient(105deg,#173f5d,#24789a);color:#fff;font:900 16px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 14px 30px rgba(23,63,93,.25);cursor:pointer}
.professor-submit b{font-size:22px}.professor-submit:hover{filter:brightness(1.06)}
.professor-form-status{margin:-5px 0 0;color:#70838d;font-size:11px;line-height:1.45;text-align:center}
body.professor-contact-opened{overflow:hidden}

@media(max-width:1100px){.talking-book-home-v15 .platform-presenter{max-width:650px;min-height:0}.platform-presenter .platform-thea-card{margin-top:-7px}.talking-book-home-v15 .levels-heading-centered h2{font-size:20px}}
@media(max-width:720px){.talking-book-home-v15 .platform-presenter{min-height:0;padding:50px 12px 12px;border-radius:27px}.platform-presenter .platform-presenter-visual img{width:100%}.platform-presenter .platform-thea-card{margin-top:-3px;padding:16px}.professor-contact-open{font-size:13px}.professor-contact-dialog{padding:20px 15px;border-radius:22px}.professor-contact-head{grid-template-columns:1fr;padding-right:36px}.professor-contact-head>span{width:52px;height:52px}.professor-form-grid,.professor-duration{grid-template-columns:1fr}.professor-duration legend,.professor-duration .general-consultation{grid-column:1}.professor-duration label>span{min-height:70px}.professor-contact-benefits{display:grid}.professor-contact-benefits span{border-radius:13px}.talking-book-home-v15 .levels-heading-centered h2{font-size:16px}.talking-book-home-v15 .levels-heading-centered{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.platform-presenter .platform-presenter-visual img{animation:none!important}.professor-contact-open{transition:none!important}}

/* V65 — a separate Page 1 for learners aged 13–18. */
.teen-home-page{--teen-ink:#16213c;--teen-purple:#6c4dd3;--teen-cyan:#25b8d2;--teen-lime:#b7e54a;--teen-pink:#ef5e8c;margin-top:24px;padding:clamp(22px,3.4vw,48px);background:radial-gradient(circle at 8% 2%,rgba(37,184,210,.2),transparent 24%),radial-gradient(circle at 95% 12%,rgba(239,94,140,.18),transparent 27%),linear-gradient(145deg,#f8fbff 0%,#f7f2ff 47%,#fff9ed 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.teen-home-page:before{content:"";position:absolute;right:-90px;top:-95px;width:360px;height:360px;border:48px solid rgba(108,77,211,.07);border-radius:50%}
.teen-home-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:clamp(25px,4vw,60px);align-items:stretch;padding-bottom:42px;border-bottom:2px solid rgba(108,77,211,.12)}
.teen-home-copy{position:relative;z-index:2}.teen-home-badge{display:inline-flex;padding:9px 15px;border-radius:999px;background:linear-gradient(105deg,var(--teen-purple),#855be7);color:#fff;font-size:11px;font-weight:950;letter-spacing:.13em;box-shadow:0 10px 24px rgba(108,77,211,.23)}
.teen-home-kicker{margin:20px 0 7px!important;color:#1689a0!important;font-size:12px!important;font-weight:950;letter-spacing:.16em}
.teen-home-copy h1{max-width:760px;margin:0 0 16px;color:var(--teen-ink);font:900 clamp(45px,5.4vw,76px)/.96 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.055em}
.teen-home-copy>.teen-home-lead{max-width:830px;margin:0;color:#495a70;font-size:clamp(16px,1.35vw,19px);line-height:1.68}
.teen-story-more{max-width:850px;margin-top:18px;border:1px solid rgba(108,77,211,.2);border-radius:18px;background:rgba(255,255,255,.75);overflow:hidden}.teen-story-more summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;color:#3e3280;font-weight:900;cursor:pointer}.teen-story-more summary::-webkit-details-marker{display:none}.teen-story-more summary b{font-size:22px}.teen-story-more[open] summary b{transform:rotate(45deg)}.teen-story-more>div{padding:0 17px 15px;color:#536377;line-height:1.6}.teen-story-more p{margin:10px 0 0}
.teen-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.teen-skill-grid>span{display:grid;gap:4px;padding:13px 14px;border:1px solid rgba(108,77,211,.15);border-radius:17px;background:rgba(255,255,255,.82);box-shadow:0 8px 20px rgba(37,49,82,.055)}.teen-skill-grid b{color:#222c4d;font-size:14px}.teen-skill-grid small{color:#68768a;font-size:12px;line-height:1.4}
.teen-home-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.teen-home-points span{padding:9px 10px;border:1px solid rgba(37,184,210,.25);border-radius:13px;background:#f0fcff;color:#267080;font-size:11px;font-weight:850;text-align:center}
.teen-home-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:17px}.teen-primary-btn,.teen-secondary-btn{min-height:51px;padding:12px 19px;border-radius:16px;font-weight:950;cursor:pointer}.teen-primary-btn{display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;background:linear-gradient(105deg,var(--teen-purple),#855be7);color:#fff;box-shadow:0 12px 28px rgba(108,77,211,.26)}.teen-secondary-btn{border:1px solid rgba(108,77,211,.3);background:#fff;color:#493997}
.teen-tea-stage{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:28px 20px 18px;border:1px solid rgba(108,77,211,.18);border-radius:38px;background:linear-gradient(165deg,#202a52 0%,#35417a 54%,#6d4fc2 100%);box-shadow:0 28px 65px rgba(34,39,83,.22);overflow:hidden}.teen-tea-stage:before{content:"TEEN  •  ENGLISH  •  YOUR  WAY";position:absolute;top:19px;left:16px;right:16px;color:rgba(255,255,255,.17);font-size:12px;font-weight:950;letter-spacing:.17em;text-align:center}.teen-tea-stage:after{content:"";position:absolute;left:50%;top:74px;width:390px;height:390px;border:1px dashed rgba(183,229,74,.36);border-radius:50%;transform:translateX(-50%)}
.teen-tea-photo{position:relative;z-index:2;display:flex;justify-content:center;min-height:570px;margin:14px -20px 0;overflow:hidden}.teen-tea-photo img{width:min(100%,490px);height:590px;object-fit:cover;object-position:center 18%;border-radius:30px 30px 0 0;filter:drop-shadow(0 24px 30px rgba(8,12,32,.28))}
.teen-deco{position:absolute;z-index:4;padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:rgba(20,27,61,.78);color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em;backdrop-filter:blur(5px)}.teen-deco-one{left:16px;top:105px;transform:rotate(-5deg);color:var(--teen-lime)}.teen-deco-two{right:16px;top:180px;transform:rotate(5deg);color:#8eeaff}.teen-deco-three{left:20px;top:360px;transform:rotate(3deg);color:#ff91b4}
.teen-tea-card{position:relative;z-index:5;display:grid;gap:7px;margin:-40px 0 0;padding:19px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 18px 40px rgba(9,15,42,.27);backdrop-filter:blur(10px)}.teen-tea-card>strong{color:#20294d;font-size:25px;line-height:1.1}.teen-tea-card>small{color:#5e6d80;line-height:1.45}.teen-tea-card h3{margin:5px 0 -2px;color:#5236ac;font-size:17px}.teen-tea-card p{margin:0;color:#4f6074;font-size:13px;line-height:1.48}.teen-tea-card .teen-professor-note{margin:3px 0;padding:9px 11px;border-left:4px solid #6c4dd3;border-radius:10px;background:#f2efff;color:#4c3c86;font-size:11px}.teen-tea-card .teen-professor-note strong{color:#db3f70}.teen-professor-btn{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%;min-height:49px;margin-top:4px;padding:9px 9px 9px 15px;border:0;border-radius:15px;background:linear-gradient(105deg,#e74476,#f06a91);color:#fff;font-weight:950;cursor:pointer}.teen-professor-btn b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:#d83e6c;font-size:18px}
.teen-levels-section{position:relative;z-index:1;margin-top:34px}.teen-levels-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:end;margin-bottom:18px}.teen-levels-heading p{grid-column:1/-1;margin:0;color:#6c4dd3;font-size:11px;font-weight:950;letter-spacing:.16em}.teen-levels-heading h2{margin:0;color:#1e294a;font:850 clamp(28px,3.6vw,45px)/1.07 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em}.teen-levels-heading span{max-width:250px;color:#6b7889;font-size:12px;font-weight:800;text-align:right}.teen-level-catalogue .level-card{border-color:rgba(108,77,211,.18);border-radius:22px;background:rgba(255,255,255,.88)}.teen-level-catalogue .level-card:hover{border-color:#876add;box-shadow:0 17px 34px rgba(86,61,159,.13)}.teen-level-catalogue .level-owned{background:linear-gradient(135deg,#f5f2ff,#fff)}.teen-level-catalogue .level-owned .level-code{background:linear-gradient(145deg,#5e43bd,#8263dd)}.teen-level-catalogue .level-card h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:850}.teen-level-catalogue .level-card b{color:#5b40b4}
@media(max-width:1100px){.teen-home-hero{grid-template-columns:1fr}.teen-tea-stage{max-width:650px;width:100%;justify-self:center}.teen-tea-photo{min-height:530px}.teen-tea-photo img{height:550px}}
@media(max-width:720px){.teen-home-page{padding:17px}.teen-home-copy h1{font-size:clamp(40px,12vw,58px)}.teen-skill-grid,.teen-home-points{grid-template-columns:1fr}.teen-home-actions{display:grid}.teen-home-actions button{width:100%}.teen-tea-stage{padding:24px 12px 12px;border-radius:27px}.teen-tea-photo{min-height:450px;margin:14px -12px 0}.teen-tea-photo img{height:470px;width:100%;border-radius:24px 24px 0 0}.teen-tea-card{margin-top:-27px;padding:16px}.teen-levels-heading{grid-template-columns:1fr}.teen-levels-heading span{text-align:left}.teen-deco-three{top:310px}}
@media(prefers-reduced-motion:reduce){.teen-primary-btn,.teen-secondary-btn,.teen-professor-btn{transition:none!important}}

/* V18 — jasniji kontakt i profesionalni Level Test */
.platform-presenter .platform-thea-card .professor-live-title{margin:5px 0 -2px;color:#173f5d;font:800 17px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.platform-presenter .platform-thea-card .professor-monthly-highlight{margin:3px 0;padding:12px 13px;border-left:5px solid #c42f3a;border-radius:13px;background:#fff0f1;color:#7e1e27;font-size:13px;font-weight:900;line-height:1.48}
.professor-monthly-copy{display:grid;gap:8px;padding:1px 0 2px}
.platform-presenter .platform-thea-card .professor-monthly-copy p{margin:0;color:#395a6b;font-size:12px;line-height:1.48}
.platform-presenter .platform-thea-card .professor-monthly-copy p strong{color:#173f5d;font:800 12px/1.48 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.platform-presenter .platform-thea-card .professor-monthly-slogan{display:block;padding:10px 12px;border:1px solid #cce6dc;border-radius:13px;background:#eef9f4;color:#1e6a50;font:900 12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.professor-duration-hint{grid-column:1/-1;margin:1px 0 0;color:#607985;font-size:11px;line-height:1.4}
.professor-duration.is-advice{padding:13px 14px;border:1px solid #cce5db;border-radius:16px;background:#f0faf6}
.professor-duration.is-advice label{display:none}
.professor-duration.is-advice legend{color:#236e54}
.professor-duration.is-advice .professor-duration-hint{margin:0;color:#236e54;font-size:13px;font-weight:750}

.level-test-modal{position:fixed;inset:0;z-index:3250;display:grid;place-items:center;padding:18px}
.level-test-modal.hidden{display:none}
.level-test-backdrop{position:absolute;inset:0;background:rgba(8,25,40,.82);backdrop-filter:blur(8px);cursor:pointer}
.level-test-dialog{position:relative;z-index:2;width:min(940px,97vw);max-height:94vh;padding:30px;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f4fbfd 58%,#fff8e8 100%);box-shadow:0 38px 110px rgba(0,0,0,.4);overflow:auto;overscroll-behavior:contain}
.level-test-close{position:sticky;z-index:5;top:0;float:right;display:grid;place-items:center;width:44px;height:44px;margin:-8px -7px 0 14px;padding:0;border:1px solid #d3e2e8;border-radius:50%;background:#fff;color:#173f5d;font-size:30px;line-height:1;box-shadow:0 8px 20px rgba(24,65,88,.13);cursor:pointer}
.level-test-head{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding-right:45px}
.level-test-head .eyebrow{margin:0 0 8px;color:#34826a;font-size:11px;font-weight:950;letter-spacing:.15em}
.level-test-head h2{margin:0;color:#173f5d;font:700 clamp(30px,3.6vw,48px)/1.04 Georgia,serif}
.level-test-head p:last-child{max-width:720px;margin:11px 0 0;color:#5d7582;line-height:1.55}
.level-test-seal{display:grid;place-items:center;width:86px;height:86px;border:1px solid #cde1e7;border-radius:26px;background:linear-gradient(145deg,#e8f8f3,#fff2c8);color:#1f6d58;font:900 20px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 12px 28px rgba(33,105,83,.12);text-align:center}.level-test-seal b{color:#de5c56;font-size:18px}
.level-test-intro{display:grid;gap:21px;margin-top:24px;padding:24px;border:1px solid #d5e5ea;border-radius:24px;background:rgba(255,255,255,.82)}
.level-test-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.level-test-facts span{display:grid;gap:3px;padding:15px;border-radius:17px;background:#eef7f8;text-align:center}.level-test-facts b{color:#173f5d;font-size:25px}.level-test-facts small{color:#617985;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.level-test-intro ul{display:grid;gap:8px;margin:0;padding-left:22px;color:#435f6e;line-height:1.5}
.level-test-start,.level-test-course{display:flex;align-items:center;justify-content:center;gap:15px;min-height:58px;padding:13px 22px;border:0;border-radius:17px;background:linear-gradient(105deg,#1c7658,#43a67e);color:#fff;font:900 16px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 14px 30px rgba(28,118,88,.24);cursor:pointer}.level-test-start span,.level-test-course span{font-size:21px}
.level-test-form{display:grid;gap:17px;margin-top:24px}.level-test-form.hidden,.level-test-result.hidden{display:none}
.level-test-progress-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#446372;font-size:13px;font-weight:850}.level-test-progress-row strong{padding:6px 12px;border-radius:999px;background:#e8f6f1;color:#247256;font-size:12px;letter-spacing:.08em}
.level-test-progress{height:10px;border-radius:999px;background:#dfecef;overflow:hidden}.level-test-progress i{display:block;width:2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2e8b67,#f1be52);transition:width .3s ease}
.level-test-question{display:grid;gap:14px;margin:0;padding:25px;border:1px solid #d2e3e9;border-radius:23px;background:#fff;box-shadow:0 12px 30px rgba(26,69,90,.07)}
.level-test-question legend{width:100%;margin:0 0 3px;color:#173f5d;font:700 clamp(21px,2.3vw,29px)/1.3 Georgia,serif}
.level-test-category{display:inline-flex;justify-self:start;margin-bottom:2px;padding:6px 10px;border-radius:999px;background:#eef6fa;color:#2b6d89;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.level-test-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.level-test-option{position:relative;cursor:pointer}.level-test-option input{position:absolute;opacity:0;pointer-events:none}.level-test-option span{display:flex;align-items:center;gap:11px;min-height:64px;padding:13px 15px;border:2px solid #d6e3e8;border-radius:16px;background:#fbfdfe;color:#284b5e;font-weight:720;line-height:1.35;transition:border-color .18s ease,background .18s ease,transform .18s ease}.level-test-option span::before{content:attr(data-letter);display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:10px;background:#e9f2f5;color:#2b6077;font-size:12px;font-weight:950}.level-test-option:hover span{transform:translateY(-1px);border-color:#97bdca}.level-test-option input:focus-visible+span{outline:3px solid rgba(47,140,103,.22);outline-offset:2px}.level-test-option input:checked+span{border-color:#318b68;background:#edf9f4;box-shadow:0 8px 20px rgba(49,139,104,.13)}.level-test-option input:checked+span::before{content:"✓";background:#318b68;color:#fff}
.level-test-warning{min-height:20px;margin:-4px 0;color:#a64545;font-size:12px;font-weight:750;text-align:center}
.level-test-controls{display:flex;justify-content:space-between;gap:12px}.level-test-controls button{min-height:50px;padding:11px 18px;border-radius:14px;font-weight:850;cursor:pointer}.level-test-prev{border:1px solid #c9dae1;background:#fff;color:#31596d}.level-test-prev:disabled{opacity:.4;cursor:not-allowed}.level-test-next{border:0;background:#173f5d;color:#fff;box-shadow:0 10px 22px rgba(23,63,93,.18)}
.level-test-result{display:grid;gap:18px;margin-top:24px}.level-test-result-hero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:21px;border-radius:23px;background:linear-gradient(115deg,#173f5d,#2b7792);color:#fff}.level-test-result-hero>span{display:grid;place-items:center;width:95px;height:95px;border-radius:25px;background:#ffe394;color:#173f5d;font:900 37px/1 Georgia,serif;box-shadow:inset 0 -6px 0 rgba(206,153,47,.22)}.level-test-result-hero .eyebrow{margin:0;color:#bfe5ef;font-size:10px;font-weight:950;letter-spacing:.13em}.level-test-result-hero h3{margin:5px 0;color:#fff;font:700 clamp(26px,3vw,39px)/1.08 Georgia,serif}.level-test-result-hero p:last-child{margin:7px 0 0;color:#e4f1f4;line-height:1.5}
.level-test-score{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level-test-score>div{display:grid;gap:4px;padding:15px;border:1px solid #d5e4e9;border-radius:17px;background:#fff;text-align:center}.level-test-score b{color:#173f5d;font-size:23px}.level-test-score small{color:#667d87;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.level-test-analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.level-test-analysis article{padding:18px;border:1px solid #d7e5ea;border-radius:19px;background:#fff}.level-test-analysis h4,.level-test-recommendation h4{margin:0 0 9px;color:#173f5d;font-size:16px}.level-test-analysis ul{display:grid;gap:7px;margin:0;padding-left:18px;color:#476473;font-size:13px;line-height:1.45}.level-test-analysis article:first-child{border-color:#cae5da;background:#f2faf6}.level-test-analysis article:last-child{border-color:#ebdab2;background:#fff9e9}
.level-test-recommendation{padding:18px 19px;border-radius:19px;background:#eef7fa;color:#3d5c6b}.level-test-recommendation p{margin:0;line-height:1.55}
.level-test-result-actions{display:grid;grid-template-columns:1fr auto;gap:11px}.level-test-restart{padding:12px 19px;border:1px solid #cbdce2;border-radius:16px;background:#fff;color:#315a6e;font-weight:850;cursor:pointer}
body.level-test-opened{overflow:hidden}

@media(max-width:720px){.level-test-modal{padding:8px}.level-test-dialog{max-height:97vh;padding:20px 14px;border-radius:23px}.level-test-head{grid-template-columns:1fr;padding-right:34px}.level-test-seal{display:none}.level-test-head h2{font-size:30px}.level-test-intro,.level-test-question{padding:17px}.level-test-options,.level-test-analysis{grid-template-columns:1fr}.level-test-result-hero{grid-template-columns:1fr;text-align:center}.level-test-result-hero>span{margin:auto}.level-test-score{grid-template-columns:1fr}.level-test-result-actions{grid-template-columns:1fr}.level-test-controls button{padding:10px 12px;font-size:12px}.professor-duration-hint{grid-column:1}}
@media(prefers-reduced-motion:reduce){.level-test-progress i,.level-test-option span{transition:none!important}}

/* V24 — marketinški izbor uzrasta i načina učenja */
.age-marketing-panel{width:min(1380px,100%);padding:0;border:1px solid rgba(168,201,214,.78);border-radius:38px;background:linear-gradient(135deg,#f8fcff 0%,#fffdf7 52%,#fff7e7 100%);box-shadow:0 32px 86px rgba(23,63,93,.16);text-align:left;isolation:isolate}
.age-marketing-panel:before{z-index:-1;width:560px;height:560px;right:-190px;top:-225px;background:radial-gradient(circle,rgba(110,204,220,.25),rgba(110,204,220,0) 68%)}
.age-marketing-panel:after{content:"";position:absolute;z-index:-1;left:-160px;bottom:-230px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,119,.27),rgba(255,215,119,0) 68%)}
.age-marketing-hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);align-items:center;min-height:430px;padding:48px 52px 0;border-bottom:1px solid rgba(182,210,220,.72);background:linear-gradient(115deg,rgba(255,255,255,.78),rgba(235,249,251,.52));overflow:hidden}
.age-marketing-hero .age-heading{align-self:center;max-width:760px;padding:0 0 46px;text-align:left}
.age-marketing-hero .age-heading .eyebrow{margin:0 0 13px;color:#d44b4d;font-size:12px;font-weight:950;letter-spacing:.18em}
.age-marketing-hero .age-heading h3{max-width:760px;margin:0;color:#153d59;font:700 clamp(40px,4.4vw,64px)/1.02 Georgia,serif;letter-spacing:-.035em}
.age-marketing-hero .age-heading p{max-width:710px;margin:20px 0 0;color:#4c6b7c;font-size:clamp(17px,1.45vw,21px);line-height:1.62}
.age-hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.age-hero-points span{padding:8px 12px;border:1px solid #cbe2dc;border-radius:999px;background:rgba(239,250,246,.88);color:#246e57;font-size:12px;font-weight:850;box-shadow:0 6px 14px rgba(31,105,80,.06)}
.age-tea-visual{position:relative;align-self:end;justify-self:stretch;min-height:430px;pointer-events:none}
.age-tea-visual:after{content:"";position:absolute;right:6%;bottom:8px;width:75%;height:34px;border-radius:50%;background:rgba(23,63,93,.13);filter:blur(17px)}
.age-tea-halo{position:absolute;right:0;bottom:22px;width:390px;height:390px;border:1px solid rgba(70,154,178,.22);border-radius:50%;background:radial-gradient(circle at 50% 44%,rgba(255,237,171,.88),rgba(226,247,250,.58) 48%,rgba(226,247,250,0) 70%);box-shadow:0 0 0 24px rgba(255,255,255,.22)}
.age-tea-visual img{position:absolute;z-index:2;right:1%;bottom:0;width:min(100%,420px);height:420px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 26px rgba(23,63,93,.17));animation:ageTeaFloat 5.6s ease-in-out infinite}
.age-tea-word{position:absolute;z-index:3;padding:9px 14px;border:1px solid #b9d9e5;border-radius:18px;background:#fff;color:#20536d;font-size:12px;font-weight:950;letter-spacing:.02em;box-shadow:0 10px 24px rgba(23,63,93,.12)}
.age-tea-word:after{content:"";position:absolute;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid #b9d9e5;border-bottom:1px solid #b9d9e5;transform:rotate(45deg)}
.age-tea-word-one{top:16%;left:3%;transform:rotate(-4deg)}.age-tea-word-one:after{left:28px}
.age-tea-word-two{top:35%;right:0;transform:rotate(3deg)}.age-tea-word-two:after{right:25px}
@keyframes ageTeaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.age-marketing-grid{position:relative;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:34px 44px 0}
.age-marketing-grid .age-card{min-height:158px;padding:21px;border-color:#d4e4ea;border-radius:23px;background:rgba(255,255,255,.92);box-shadow:0 12px 29px rgba(23,63,93,.075);text-align:center}
.age-marketing-grid .age-card:hover{transform:translateY(-6px);border-color:#77abc0;box-shadow:0 20px 42px rgba(23,63,93,.14)}
.age-marketing-grid .age-card:focus-visible,.age-professor-help-btn:focus-visible{outline:4px solid rgba(56,145,174,.26);outline-offset:4px}
.age-marketing-grid .age-card>span{font-size:35px}.age-marketing-grid .age-card strong{color:#173f5d;font:700 22px/1.16 Georgia,serif}.age-marketing-grid .age-card small{max-width:290px;color:#66808d;font-size:12px;line-height:1.5}
.age-marketing-grid .age-card-kids{position:relative;grid-column:span 2;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"badge badge" "icon title" "icon copy" "icon link";column-gap:17px;justify-items:start;align-content:center;overflow:hidden;text-align:left;background:linear-gradient(118deg,#123f65 0%,#1d6d91 58%,#2b91a3 100%);border-color:rgba(255,255,255,.45);box-shadow:0 18px 38px rgba(18,63,101,.2)}
.age-marketing-grid .age-card-kids:after{content:"";position:absolute;right:-40px;top:-45px;width:180px;height:180px;border:32px solid rgba(255,255,255,.08);border-radius:50%}
.age-card-kids em{grid-area:badge;padding:5px 9px;border-radius:999px;background:#ffe69a;color:#6e5010;font:950 9px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em;font-style:normal}
.age-marketing-grid .age-card-kids>span{grid-area:icon;align-self:center;font-size:48px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18))}
.age-marketing-grid .age-card-kids strong{grid-area:title;margin-top:9px;color:#fff;font-size:28px}.age-marketing-grid .age-card-kids small{grid-area:copy;max-width:none;color:#d9eff5;font-size:13px}
.age-card-kids i{grid-area:link;margin-top:6px;color:#ffe69a;font-size:11px;font-weight:900;font-style:normal;letter-spacing:.04em}.age-card-kids i b{font-size:15px}
.age-marketing-grid .age-card-kids:hover{border-color:#ffe69a;box-shadow:0 24px 50px rgba(18,63,101,.3)}
.age-professor-help{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:23px 44px 0;padding:18px 20px 18px 24px;border-radius:22px;background:linear-gradient(112deg,#183f5b,#275d76);box-shadow:0 17px 35px rgba(23,63,93,.19);color:#fff}
.age-professor-help>div{display:grid;gap:5px}.age-professor-help>div strong{font:700 20px/1.2 Georgia,serif}.age-professor-help>div small{color:#d8e9ef;font-size:12px;line-height:1.45}
.age-professor-help-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:286px;min-height:58px;padding:8px 9px 8px 20px;border:1px solid rgba(255,255,255,.38);border-radius:17px;background:linear-gradient(105deg,#d63643,#ef5960);color:#fff;font:900 14px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 12px 28px rgba(122,22,33,.3);cursor:pointer;transition:transform .2s ease,filter .2s ease}
.age-professor-help-btn b{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:#fff;color:#c92f3b;font-size:20px}.age-professor-help-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.age-marketing-panel .age-back-btn{position:relative;z-index:2;display:block;margin:17px auto 29px;color:#537181}
@media(max-width:980px){.age-marketing-hero{grid-template-columns:1fr minmax(260px,.64fr);padding:39px 34px 0}.age-marketing-hero .age-heading h3{font-size:44px}.age-tea-visual{min-height:380px}.age-tea-halo{width:330px;height:330px}.age-tea-visual img{height:365px}.age-marketing-grid{padding-left:28px;padding-right:28px}.age-professor-help{margin-left:28px;margin-right:28px}}
@media(max-width:760px){.age-marketing-panel{border-radius:28px}.age-marketing-hero{grid-template-columns:1fr;min-height:0;padding:33px 23px 0;text-align:center}.age-marketing-hero .age-heading{max-width:none;padding-bottom:8px;text-align:center}.age-marketing-hero .age-heading h3{font-size:clamp(36px,10vw,49px)}.age-marketing-hero .age-heading p{margin-left:auto;margin-right:auto;font-size:16px}.age-hero-points{justify-content:center}.age-tea-visual{justify-self:center;width:min(100%,430px);min-height:350px}.age-tea-halo{right:50%;width:320px;height:320px;transform:translateX(50%)}.age-tea-visual img{right:50%;height:345px;transform:translateX(50%);animation:none}.age-tea-word-one{top:18%;left:1%}.age-tea-word-two{top:38%;right:1%}.age-marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:26px 20px 0}.age-marketing-grid .age-card-kids{grid-column:1/-1}.age-professor-help{align-items:stretch;flex-direction:column;margin:20px 20px 0;text-align:center}.age-professor-help-btn{width:100%;min-width:0}}
@media(max-width:520px){.age-marketing-hero{padding-left:16px;padding-right:16px}.age-marketing-hero .age-heading h3{font-size:35px}.age-tea-visual{min-height:305px}.age-tea-halo{width:275px;height:275px}.age-tea-visual img{height:300px}.age-tea-word{font-size:10px}.age-marketing-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.age-marketing-grid .age-card,.age-marketing-grid .age-card-kids{grid-column:1;min-height:145px}.age-professor-help{margin-left:14px;margin-right:14px;padding:17px 14px}.age-professor-help>div strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.age-tea-visual img{animation:none!important}.age-marketing-grid .age-card,.age-professor-help-btn{transition:none!important}}

/* V25 — čist izbor programa sa Teom u centru */
.age-selector-panel{width:min(1320px,100%);padding:34px 42px 26px;overflow:hidden;text-align:center;background:linear-gradient(145deg,#f8fcff 0%,#fff 48%,#fff9ec 100%)}
.age-selector-panel:before{right:-180px;top:-210px;width:510px;height:510px;background:radial-gradient(circle,rgba(105,190,211,.2),rgba(105,190,211,0) 68%)}
.age-selector-panel:after{left:-170px;bottom:-260px;width:490px;height:490px;background:radial-gradient(circle,rgba(255,217,126,.25),rgba(255,217,126,0) 69%)}
.age-selector-heading{position:relative;z-index:3;display:grid;justify-items:center;gap:7px;margin-bottom:17px}
.age-selector-heading .age-book-title{margin:0;color:#173f5d;font:750 clamp(43px,5vw,68px)/.95 Georgia,serif;letter-spacing:.035em;text-shadow:0 4px 0 rgba(244,190,75,.28)}
.age-selector-heading h3{max-width:900px;margin:0;color:#35637a;font:750 clamp(22px,2.2vw,30px)/1.15 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.018em}
.age-selector-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(270px,1fr) minmax(330px,.9fr) minmax(270px,1fr);grid-template-areas:"adults center kids";gap:24px;align-items:center;max-width:1210px;margin:0 auto}
.age-selector-column{display:grid;gap:15px;align-self:center}.age-selector-adults{grid-area:adults}.age-selector-kids{grid-area:kids}.age-selector-center{grid-area:center;display:grid;align-self:stretch;align-content:end;min-width:0}
.age-selector-panel .age-orbit-card{--orbit-x:0px;position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr;grid-template-areas:"icon title" "icon text";column-gap:14px;align-content:center;justify-items:start;min-height:132px;padding:19px 22px;border:1px solid #d4e4ea;background:rgba(255,255,255,.94);box-shadow:0 13px 30px rgba(23,63,93,.08);text-align:left;transform:translateX(var(--orbit-x));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.age-selector-adults .age-orbit-card{border-radius:30px 13px 13px 30px}.age-selector-kids .age-orbit-card{border-radius:13px 30px 30px 13px}
.age-selector-adults .age-orbit-card:nth-child(1),.age-selector-adults .age-orbit-card:nth-child(3){--orbit-x:28px}.age-selector-kids .age-orbit-card:nth-child(1),.age-selector-kids .age-orbit-card:nth-child(3){--orbit-x:-28px}
.age-selector-panel .age-orbit-card:hover{transform:translateX(var(--orbit-x)) translateY(-5px);border-color:#74abc0;box-shadow:0 20px 40px rgba(23,63,93,.14)}
.age-selector-panel .age-orbit-card>span{grid-area:icon;align-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#eff7fa;font-size:30px;box-shadow:inset 0 -3px 0 rgba(26,78,103,.06)}
.age-selector-panel .age-kid-card>span{background:#fff5cf}.age-selector-panel .age-orbit-card strong{grid-area:title;align-self:end;color:#173f5d;font:700 clamp(19px,1.65vw,24px)/1.15 Georgia,serif}.age-selector-panel .age-orbit-card small{grid-area:text;align-self:start;max-width:260px;color:#687f8c;font-size:12px;line-height:1.42}
.age-selector-panel .age-orbit-card small>span,.age-selector-panel .age-orbit-card small>em{display:block;font-style:normal}
.age-selector-panel .age-orbit-card small>em{margin-top:5px;color:#28755f;font-size:.92em;font-weight:900;letter-spacing:.025em}
.age-selector-panel .age-teen-card>span{background:linear-gradient(145deg,#e7f3ff,#fff2c9);font-size:28px}
.age-selector-tea{position:relative;min-height:475px;pointer-events:none}
.age-selector-tea:after{content:"";position:absolute;z-index:1;left:13%;right:13%;bottom:4px;height:28px;border-radius:50%;background:rgba(22,67,92,.14);filter:blur(14px)}
.age-selector-halo{position:absolute;left:50%;bottom:17px;width:385px;height:385px;border:1px solid rgba(84,169,191,.22);border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff5c8 0%,#e7f8fb 49%,rgba(231,248,251,0) 72%);box-shadow:0 0 0 23px rgba(255,255,255,.42);transform:translateX(-50%)}
.age-selector-tea img{position:absolute;z-index:2;left:50%;bottom:0;width:440px;height:470px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 27px rgba(23,63,93,.16));transform:translateX(-50%);animation:ageSelectorTeaFloat 5.8s ease-in-out infinite}
@keyframes ageSelectorTeaFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}
.age-selector-actions{position:relative;z-index:4;display:grid;gap:9px;margin:-5px auto 0;width:min(100%,390px)}
.age-selector-actions .age-professor-help-btn,.age-level-test-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:57px;padding:8px 9px 8px 18px;border:0;border-radius:17px;color:#fff;font:900 13px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:transform .2s ease,filter .2s ease;box-shadow:0 13px 29px rgba(23,63,93,.18)}
.age-selector-actions .age-professor-help-btn{background:linear-gradient(105deg,#c92938,#ec5159);box-shadow:0 13px 29px rgba(157,29,42,.26)}
.age-level-test-btn{background:linear-gradient(105deg,#1b6c55,#3b9c78)}
.age-selector-actions .age-professor-help-btn b,.age-level-test-btn b{display:grid;place-items:center;flex:0 0 auto;width:41px;height:41px;border-radius:13px;background:#fff;color:#c92d3a;font-size:18px}
.age-level-test-btn b{color:#24785d;font-size:12px;font-weight:950}
.age-selector-actions .age-professor-help-btn:hover,.age-level-test-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.age-selector-actions .age-professor-help-btn:focus-visible,.age-level-test-btn:focus-visible,.age-selector-panel .age-orbit-card:focus-visible{outline:4px solid rgba(49,139,168,.25);outline-offset:3px}
.age-selector-panel .age-back-btn{position:relative;z-index:3;display:block;margin:18px auto 0;color:#537181}
@media(max-width:1050px){.age-selector-panel{padding-left:25px;padding-right:25px}.age-selector-stage{grid-template-columns:minmax(235px,1fr) minmax(300px,.85fr) minmax(235px,1fr);gap:15px}.age-selector-panel .age-orbit-card{grid-template-columns:45px 1fr;min-height:125px;padding:16px}.age-selector-panel .age-orbit-card>span{width:45px;height:45px;font-size:26px}.age-selector-tea{min-height:430px}.age-selector-tea img{width:390px;height:425px}.age-selector-halo{width:345px;height:345px}.age-selector-adults .age-orbit-card:nth-child(1),.age-selector-adults .age-orbit-card:nth-child(3){--orbit-x:15px}.age-selector-kids .age-orbit-card:nth-child(1),.age-selector-kids .age-orbit-card:nth-child(3){--orbit-x:-15px}}
@media(max-width:820px){.age-selector-panel{padding:29px 20px 24px;border-radius:28px}.age-selector-heading{margin-bottom:8px}.age-selector-heading .age-book-title{font-size:52px}.age-selector-heading h3{font-size:25px}.age-selector-stage{grid-template-columns:1fr;grid-template-areas:"center" "adults" "kids";gap:18px}.age-selector-center{justify-self:center;width:min(100%,440px)}.age-selector-tea{min-height:390px}.age-selector-tea img{height:390px}.age-selector-halo{width:330px;height:330px}.age-selector-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.age-selector-panel .age-orbit-card{--orbit-x:0px!important;grid-template-columns:1fr;grid-template-areas:"icon" "title" "text";justify-items:center;min-height:165px;padding:16px 11px;border-radius:22px;text-align:center;transform:none}.age-selector-panel .age-orbit-card:hover{transform:translateY(-4px)}.age-selector-panel .age-orbit-card small{max-width:190px}}
@media(max-width:560px){.age-selector-panel{padding-left:13px;padding-right:13px}.age-selector-heading .age-book-title{font-size:43px}.age-selector-heading h3{font-size:22px}.age-selector-tea{min-height:325px}.age-selector-tea img{width:330px;height:325px}.age-selector-halo{width:275px;height:275px}.age-selector-actions{width:100%}.age-selector-column{grid-template-columns:1fr}.age-selector-panel .age-orbit-card{grid-template-columns:48px 1fr;grid-template-areas:"icon title" "icon text";justify-items:start;min-height:112px;padding:15px 17px;text-align:left}.age-selector-panel .age-orbit-card small{max-width:none}.age-selector-stage{gap:14px}}
@media(prefers-reduced-motion:reduce){.age-selector-tea img{animation:none!important}.age-selector-panel .age-orbit-card,.age-selector-actions button{transition:none!important}}

/* V26 — harmoničan izbor sa većom Teom, većim karticama i jednim test dugmetom */
.age-selector-panel{width:min(1510px,100%);padding:18px 48px 14px;min-height:min(850px,calc(100vh - 32px));display:grid;align-content:center}
.age-selector-stage{grid-template-columns:minmax(330px,1fr) minmax(440px,.96fr) minmax(330px,1fr);gap:30px;max-width:1400px;width:100%;align-items:center}
.age-selector-column{gap:20px}
.age-selector-panel .age-orbit-card{grid-template-columns:64px 1fr;column-gap:17px;min-height:158px;padding:24px 27px;border-width:1.5px;box-shadow:0 18px 38px rgba(23,63,93,.105)}
.age-selector-panel .age-orbit-card>span{width:64px;height:64px;border-radius:20px;font-size:36px}
.age-selector-panel .age-orbit-card strong{font-size:clamp(23px,1.75vw,28px)}
.age-selector-panel .age-orbit-card small{max-width:300px;font-size:14px;line-height:1.45}
.age-selector-adults .age-orbit-card:nth-child(1),.age-selector-adults .age-orbit-card:nth-child(3){--orbit-x:36px}
.age-selector-kids .age-orbit-card:nth-child(1),.age-selector-kids .age-orbit-card:nth-child(3){--orbit-x:-36px}
.age-selector-center{align-self:center;align-content:center}
.age-selector-tea{min-height:605px;margin-top:-30px}
.age-selector-halo{bottom:18px;width:480px;height:480px;box-shadow:0 0 0 31px rgba(255,255,255,.45)}
.age-selector-tea img{width:555px;height:600px}
.age-selector-actions{gap:8px;margin:-9px auto 0;width:min(100%,390px);justify-items:center}
.age-level-question{margin:0;color:#173f5d;font:800 15px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}
.age-selector-actions .age-level-test-btn{width:min(100%,280px);min-height:46px;padding:6px 7px 6px 15px;border-radius:14px;font-size:12px;box-shadow:0 10px 22px rgba(30,108,82,.2)}
.age-selector-actions .age-level-test-btn b{width:34px;height:34px;border-radius:10px;font-size:11px}
.age-selector-panel .age-back-btn{margin:9px auto 0;padding:4px 9px;border:0;background:transparent;box-shadow:none;color:#77909d;font-size:11px;line-height:1.2}
@media(max-width:1180px){.age-selector-panel{padding-left:28px;padding-right:28px}.age-selector-stage{grid-template-columns:minmax(265px,1fr) minmax(365px,.92fr) minmax(265px,1fr);gap:20px}.age-selector-panel .age-orbit-card{grid-template-columns:54px 1fr;min-height:145px;padding:20px}.age-selector-panel .age-orbit-card>span{width:54px;height:54px;font-size:31px}.age-selector-panel .age-orbit-card strong{font-size:23px}.age-selector-tea{min-height:535px}.age-selector-tea img{width:480px;height:530px}.age-selector-halo{width:420px;height:420px}.age-selector-adults .age-orbit-card:nth-child(1),.age-selector-adults .age-orbit-card:nth-child(3){--orbit-x:18px}.age-selector-kids .age-orbit-card:nth-child(1),.age-selector-kids .age-orbit-card:nth-child(3){--orbit-x:-18px}}
@media(max-width:820px){.age-selector-panel{min-height:auto;padding-top:14px}.age-selector-stage{grid-template-columns:1fr;grid-template-areas:"center" "adults" "kids"}.age-selector-tea{min-height:470px;margin-top:0}.age-selector-tea img{width:440px;height:465px}.age-selector-halo{width:385px;height:385px}.age-selector-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.age-selector-panel .age-orbit-card{--orbit-x:0px!important;grid-template-columns:1fr;grid-template-areas:"icon" "title" "text";justify-items:center;min-height:185px;padding:18px 13px;border-radius:24px;text-align:center}.age-selector-panel .age-orbit-card small{font-size:13px}.age-selector-actions{margin-top:-4px}}
@media(max-width:560px){.age-selector-panel{padding:8px 13px 13px}.age-selector-tea{min-height:385px}.age-selector-tea img{width:390px;height:380px}.age-selector-halo{width:325px;height:325px}.age-selector-column{grid-template-columns:1fr}.age-selector-panel .age-orbit-card{grid-template-columns:58px 1fr;grid-template-areas:"icon title" "icon text";justify-items:start;min-height:128px;padding:18px;text-align:left}.age-selector-panel .age-orbit-card small{max-width:none}.age-level-question{font-size:14px}}

/* V27 — naslov samo iznad Tee */
.age-center-title{position:relative;z-index:5;max-width:470px;margin:0 auto 4px;color:#173f5d;font:900 clamp(22px,2vw,28px)/1.14 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.035em;text-align:center;text-wrap:balance}
.age-selector-tea{margin-top:0}
.age-selector-actions{margin-top:-9px}
@media(max-width:820px){.age-center-title{max-width:520px;font-size:25px;margin-bottom:2px}}
@media(max-width:560px){.age-center-title{max-width:350px;font-size:21px;line-height:1.18;margin-bottom:0}}

/* V28 — Tea više i lebdeće engleske poruke */
.age-selector-tea{transform:translateY(-72px)}
.age-selector-halo{bottom:72px}
.age-selector-tea img{bottom:64px}
.age-selector-actions{margin-top:-145px}
.age-floating-word{position:absolute;z-index:4;display:block;padding:9px 15px;border:1px solid rgba(60,135,163,.23);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(23,63,93,.14);color:#1d5e7b;font:900 14px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;white-space:nowrap;animation:ageWordFloat 4.8s ease-in-out infinite}
.age-floating-word:after{content:"";position:absolute;left:23px;bottom:-7px;width:13px;height:13px;border-right:1px solid rgba(60,135,163,.2);border-bottom:1px solid rgba(60,135,163,.2);background:#fff;transform:rotate(45deg)}
.age-word-hello{left:1%;top:118px;color:#c73443;animation-delay:-.8s}
.age-word-how{right:-3%;top:180px;color:#21765e;animation-delay:-2.3s}
.age-word-welcome{left:-2%;bottom:188px;color:#7251a3;animation-delay:-3.6s}
@keyframes ageWordFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1deg)}}
@media(max-width:1180px){.age-selector-tea{transform:translateY(-54px)}.age-selector-halo{bottom:57px}.age-selector-tea img{bottom:50px}.age-selector-actions{margin-top:-112px}.age-word-hello{left:0;top:96px}.age-word-how{right:-1%;top:154px}.age-word-welcome{left:-1%;bottom:168px}}
@media(max-width:820px){.age-selector-tea{transform:translateY(-38px)}.age-selector-halo{bottom:45px}.age-selector-tea img{bottom:38px}.age-selector-actions{margin-top:-78px}.age-word-hello{left:4%;top:84px}.age-word-how{right:3%;top:142px}.age-word-welcome{left:4%;bottom:138px}}
@media(max-width:560px){.age-selector-tea{transform:translateY(-28px)}.age-selector-halo{bottom:34px}.age-selector-tea img{bottom:29px}.age-selector-actions{margin-top:-58px}.age-floating-word{padding:7px 11px;font-size:11px}.age-word-hello{left:4%;top:72px}.age-word-how{right:4%;top:122px}.age-word-welcome{left:5%;bottom:116px}}
@media(prefers-reduced-motion:reduce){.age-floating-word{animation:none!important}}

/* V29 — tanak Level Test ispod Tee i kontakt sa profesorom u sadržaju svakog nivoa */
.age-selector-actions{
  align-self:start;
  justify-self:center;
  display:block;
  width:min(100%,460px);
  height:44px;
  min-height:44px;
  max-height:44px;
}
.age-selector-actions .age-level-test-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  height:44px;
  min-height:44px;
  max-height:44px;
  padding:5px 6px 5px 17px;
  border-radius:14px;
  font-size:12px;
  line-height:1.15;
}
.age-selector-actions .age-level-test-btn b{
  width:34px;
  height:34px;
  border-radius:10px;
}
.level-intro-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex:0 0 auto;
}
.level-intro-professor-btn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:min(235px,25vw);
  min-height:42px;
  padding:6px 7px 6px 12px;
  border:1px solid rgba(139,19,29,.34);
  border-radius:16px;
  background:linear-gradient(105deg,#b51f2b,#e54c52);
  color:#fff;
  text-align:left;
  font:850 10.5px/1.22 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 9px 21px rgba(183,31,43,.25);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.level-intro-professor-btn b{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  color:#bd2530;
  font-size:15px;
}
.level-intro-professor-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 12px 27px rgba(183,31,43,.36);
}
.level-intro-professor-btn:focus-visible,.level-intro-contents-close:focus-visible{
  outline:4px solid rgba(201,47,59,.22);
  outline-offset:3px;
}
.level-intro-contents-close{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid #cbdde5;
  border-radius:50%;
  background:#fff;
  color:#173f5d;
  font-size:31px;
  line-height:1;
  cursor:pointer;
}
@media(max-width:780px){
  .level-intro-contents-head{display:grid}
  .level-intro-head-actions{justify-content:space-between;width:100%}
  .level-intro-professor-btn{justify-self:end;width:min(100%,235px)}
}
@media(max-width:560px){
  .age-selector-actions{width:min(100%,360px);height:42px;min-height:42px;max-height:42px}
  .age-selector-actions .age-level-test-btn{height:42px;min-height:42px;max-height:42px;padding-left:14px;font-size:11px}
  .age-selector-actions .age-level-test-btn b{width:32px;height:32px}
  .level-intro-head-actions{align-items:stretch;flex-direction:column}
  .level-intro-professor-btn{align-self:flex-end;width:min(100%,235px);min-height:42px}
  .level-intro-contents-close{align-self:flex-end;width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.level-intro-professor-btn{transition:none!important}}


/* ============================================================
   Reading & Speaking Lab — A1 Conversation Lessons
   Added 2026-08-12. Scoped to .reading-speaking-conversation.
   ============================================================ */
.reading-speaking-conversation{padding-bottom:24px}
.reading-speaking-conversation .lesson-topline{margin-bottom:16px}
.reading-speaking-conversation .lesson-counter{background:#fff3cf;border:1px solid #eed59b;color:#936600;padding:10px 18px;border-radius:999px;font-weight:900;box-shadow:0 6px 16px rgba(214,168,51,.08)}
.rs-lab-shell{display:grid;grid-template-columns:minmax(260px,31%) minmax(0,1fr);min-height:760px;border:1px solid rgba(255,255,255,.85);border-radius:36px;overflow:hidden;background:linear-gradient(135deg,#aee7fa 0%,#c6eef8 35%,#e6f4d2 72%,#bdeaf4 100%);box-shadow:0 24px 70px rgba(18,61,88,.16);position:relative}
.rs-teacher-panel{position:relative;min-height:760px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));isolation:isolate}
.rs-teacher-panel:after{content:"";position:absolute;inset:auto -40px 0 0;height:38%;z-index:-2;background:linear-gradient(180deg,transparent,rgba(255,255,255,.38))}
.rs-cloud{position:absolute;width:135px;height:46px;border-radius:50px;background:rgba(255,255,255,.72);filter:drop-shadow(0 7px 12px rgba(255,255,255,.22));z-index:-1}.rs-cloud:before,.rs-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.rs-cloud:before{width:62px;height:62px;left:20px;bottom:14px}.rs-cloud:after{width:78px;height:78px;right:15px;bottom:9px}.rs-cloud-one{left:28px;top:85px}.rs-cloud-two{right:-25px;top:250px;transform:scale(.72)}
.rs-teacher-image{position:absolute;left:-8%;bottom:95px;width:102%;max-width:560px;height:auto;z-index:2;filter:drop-shadow(0 18px 25px rgba(19,54,70,.18))}
.rs-teacher-bubble{position:absolute;right:18px;top:86px;z-index:3;width:205px;padding:17px 20px;border-radius:28px;background:rgba(255,255,255,.93);box-shadow:0 12px 28px rgba(16,66,91,.11);color:#123b5c}.rs-teacher-bubble:after{content:"";position:absolute;left:30px;bottom:-15px;border:10px solid transparent;border-top-color:rgba(255,255,255,.93);transform:rotate(18deg)}.rs-teacher-bubble strong{display:block;font-size:18px;margin-bottom:5px}.rs-teacher-bubble span{display:block;font-size:14px;line-height:1.45}
.rs-cityline{position:absolute;left:0;right:0;bottom:0;height:145px;display:flex;align-items:flex-end;justify-content:space-evenly;color:rgba(42,122,164,.20);font-size:98px;letter-spacing:-24px;z-index:0;overflow:hidden}
.rs-main-card{margin:22px 22px 22px 0;padding:28px 30px 24px;border-radius:30px;background:rgba(255,255,255,.95);box-shadow:0 16px 48px rgba(28,72,96,.15);min-width:0;align-self:stretch}
.rs-title-row{display:flex;align-items:flex-start;gap:18px;justify-content:space-between}.rs-kicker{margin:0 0 8px;color:#1976d2;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.rs-title-row h1{margin:0;color:#113b5a;font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3vw,46px);line-height:1.05}.rs-level-pill{flex:0 0 auto;padding:10px 17px;border-radius:999px;background:#fff2d6;color:#b66d00;font-weight:900;border:1px solid #ffe0a1;box-shadow:0 5px 15px rgba(212,149,33,.08)}
.rs-instructions{margin:16px 0 18px;color:#234b68;font-size:15px;line-height:1.55;max-width:1020px}.rs-instructions strong{color:#123b5c}
.rs-controls{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:16px}.rs-btn,.rs-speed button,.rs-review-btn,.rs-stop-audio{appearance:none;border:0;font:inherit;font-weight:850;cursor:pointer;transition:.18s ease}.rs-btn{min-height:46px;padding:0 18px;border-radius:16px;box-shadow:0 6px 13px rgba(31,83,110,.12)}.rs-btn:hover:not(:disabled),.rs-speed button:hover,.rs-review-btn:hover:not(:disabled){transform:translateY(-1px)}.rs-btn:disabled,.rs-review-btn:disabled{opacity:.52;cursor:not-allowed}.rs-btn-listen{background:linear-gradient(180deg,#2e8de5,#0871cc);color:#fff}.rs-btn-record{background:linear-gradient(180deg,#ffe68f,#ffd063);color:#163d58}.rs-btn-record.recording{background:linear-gradient(180deg,#ff8a82,#f4574f);color:#fff;animation:rs-record-pulse 1.5s infinite}.rs-btn-pause{background:#f5f7f9;color:#163d58;border:1px solid #dfe6eb;box-shadow:none}.rs-btn-pause.active{background:#eaf4ff;color:#086dca;border-color:#9fcfff}.rs-speed{margin-left:auto;display:flex;align-items:center;border:1px solid #dde6ec;background:#fff;border-radius:17px;padding:3px}.rs-speed button{min-width:65px;height:38px;border-radius:13px;background:transparent;color:#183f5b}.rs-speed button.active{background:#eef7ff;color:#0871cc;box-shadow:inset 0 0 0 1px #4ca4f1}
.rs-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:stretch}.rs-teleprompter-wrap{border:1px solid #f0dcc3;border-radius:20px;background:#fffaf2;overflow:hidden;min-width:0}.rs-teleprompter{height:390px;overflow:auto;scroll-behavior:smooth;padding:0 20px;scrollbar-width:thin;scrollbar-color:#a8b2ba #f3f0eb;mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)}.rs-scroll-pad{height:105px}.rs-scroll-pad-bottom{height:175px}.rs-dialogue-line{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:start;padding:12px 8px;border-radius:14px;transition:.2s ease;cursor:pointer}.rs-dialogue-line.active{background:#edf7ff;box-shadow:inset 4px 0 #2f95e8}.rs-speaker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;font-weight:900;font-size:13px;margin-top:2px}.rs-speaker-a{background:#e86f91}.rs-speaker-b{background:#367fc9}.rs-en{margin:0;color:#133d5c;font-size:18px;font-weight:850;line-height:1.35}.rs-en .rs-word{display:inline;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;padding:1px 2px;border-radius:5px;cursor:pointer}.rs-en .rs-word:hover,.rs-en .rs-word:focus{background:#dcefff;color:#005ea9;outline:none}.rs-sr{margin:3px 0 0;color:#6e7f8c;font-size:12.8px;line-height:1.35;font-weight:520}.rs-reading-progress{display:grid;grid-template-columns:auto minmax(100px,1fr) 42px;align-items:center;gap:10px;padding:11px 16px 13px;background:rgba(255,255,255,.86);color:#1677c9;font-size:12px;font-weight:800}.rs-reading-progress>div{height:7px;border-radius:999px;background:#e5e7e9;overflow:hidden}.rs-reading-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#2f94e5;transition:width .15s linear}.rs-reading-progress strong{text-align:right;color:#173e5a}
.rs-audio-side{display:flex;flex-direction:column;gap:12px}.rs-wave-card,.rs-tip-card,.rs-live-transcript{border:1px solid #dfe8ee;border-radius:20px;background:#fff;padding:17px;box-shadow:0 8px 20px rgba(23,71,96,.05)}.rs-wave-head{display:flex;gap:10px;align-items:center;color:#193f59}.rs-wave-head>span{font-size:22px}.rs-wave-head small,.rs-wave-head strong{display:block}.rs-wave-head small{font-weight:800;margin-bottom:4px}.rs-wave-head strong{font-size:13px}.rs-waveform{height:73px;display:flex;gap:3px;align-items:center;justify-content:center;margin:10px 0}.rs-waveform i{width:4px;height:var(--h);max-height:60px;border-radius:5px;background:#2793ed;opacity:.75;transform-origin:center;transition:.15s}.rs-waveform.playing i{animation:rs-wave .75s ease-in-out infinite alternate}.rs-waveform.playing i:nth-child(3n){animation-delay:.18s}.rs-waveform.playing i:nth-child(4n){animation-delay:.31s}.rs-stop-audio{width:100%;height:34px;border-radius:10px;background:#f0f5f8;color:#294b61}.rs-tip-card{display:flex;gap:10px;align-items:flex-start;background:#edf7ff;color:#244b67;font-size:13px;line-height:1.4}.rs-live-transcript{background:#fbfcfd;min-height:118px}.rs-live-transcript small{display:block;color:#758694;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.rs-live-transcript strong{display:block;color:#163f5b;margin:4px 0 7px}.rs-live-transcript span{display:block;color:#71808b;font-size:12px;line-height:1.4;max-height:54px;overflow:auto}
.rs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding:10px;border:1px solid #f0e8db;border-radius:19px;background:#fffdf9}.rs-metric{display:flex;gap:10px;align-items:center;padding:7px 10px;min-width:0;border-right:1px solid #edf0f2}.rs-metric:last-child{border-right:0}.rs-metric-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:50%;color:#fff;font-weight:900}.rs-metric-icon.green{background:#59cc84}.rs-metric-icon.blue{background:#469eea}.rs-metric-icon.gold{background:#ffbd44}.rs-metric-icon.red{background:#ef6559}.rs-metric small{display:block;color:#34536a;font-size:11px;font-weight:800}.rs-metric strong{display:block;color:#173e59;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-metric strong.good{color:#2aa460}.rs-metric strong.warn{color:#d88700}.rs-metric strong.bad{color:#e35148}
.rs-review-row{display:grid;grid-template-columns:auto auto minmax(220px,1fr);gap:12px;align-items:center;margin-top:12px}.rs-review-btn{min-height:45px;padding:0 20px;border-radius:15px;background:#f7f9fa;color:#173f5b;border:1px solid #dce3e8}.rs-review-btn.primary{background:#fff;border:1.5px solid #3f98e4;color:#116dbb}.rs-encourage{justify-self:stretch;display:flex;gap:11px;align-items:center;min-height:45px;padding:8px 14px;border-radius:15px;background:#fff7df;color:#9a6415;font-size:22px}.rs-encourage span{display:block;font-size:12px}.rs-encourage strong,.rs-encourage small{display:block}.rs-encourage small{margin-top:2px;color:#b0813b}.rs-after-lab{margin-top:20px}
@keyframes rs-wave{from{transform:scaleY(.55);opacity:.55}to{transform:scaleY(1.18);opacity:1}}@keyframes rs-record-pulse{0%,100%{box-shadow:0 6px 13px rgba(244,87,79,.20)}50%{box-shadow:0 0 0 8px rgba(244,87,79,.12)}}
@media(max-width:1100px){.rs-lab-shell{grid-template-columns:230px minmax(0,1fr)}.rs-teacher-bubble{right:7px;width:175px}.rs-main-card{padding:24px 22px}.rs-workspace{grid-template-columns:minmax(0,1fr) 220px}.rs-metrics{grid-template-columns:repeat(2,1fr)}.rs-metric:nth-child(2){border-right:0}.rs-review-row{grid-template-columns:1fr 1fr}.rs-encourage{grid-column:1/-1}.rs-speed{margin-left:0}.rs-teacher-image{left:-10%;bottom:78px;width:106%;max-width:490px}}
@media(max-width:820px){.rs-lab-shell{display:block;border-radius:24px}.rs-teacher-panel{min-height:320px}.rs-teacher-image{width:60%;left:1%;bottom:-10px}.rs-teacher-bubble{top:36px;right:8%;width:190px}.rs-main-card{margin:0 12px 12px;padding:20px 16px;border-radius:22px}.rs-title-row h1{font-size:31px}.rs-workspace{grid-template-columns:1fr}.rs-audio-side{display:grid;grid-template-columns:1fr 1fr}.rs-live-transcript{grid-column:1/-1}.rs-teleprompter{height:400px}.rs-controls{align-items:stretch}.rs-btn{flex:1 1 150px}.rs-speed{width:100%;justify-content:stretch}.rs-speed button{flex:1}.rs-metrics{grid-template-columns:1fr 1fr}.rs-review-row{grid-template-columns:1fr}.rs-encourage{grid-column:auto}.rs-review-btn{width:100%}}
@media(max-width:540px){.rs-teacher-panel{min-height:245px}.rs-teacher-image{width:74%;left:-1%;bottom:-28px}.rs-teacher-bubble{right:14px;top:24px;width:160px}.rs-level-pill{padding:8px 11px}.rs-title-row{gap:8px}.rs-title-row h1{font-size:26px}.rs-instructions{font-size:14px}.rs-audio-side{display:flex}.rs-metrics{grid-template-columns:1fr}.rs-metric{border-right:0;border-bottom:1px solid #edf0f2}.rs-metric:last-child{border-bottom:0}.rs-dialogue-line{grid-template-columns:34px minmax(0,1fr)}.rs-en{font-size:17px}.rs-sr{font-size:12px}}


/* ============================================================
   Reading & Speaking Lab — full width layout without teacher panel
   Added 2026-08-12 on user request.
   ============================================================ */
.reading-speaking-conversation .rs-lab-shell{grid-template-columns:1fr !important;min-height:auto}
.reading-speaking-conversation .rs-teacher-panel{display:none !important}
.reading-speaking-conversation .rs-main-card{margin:22px !important}
@media(max-width:820px){.reading-speaking-conversation .rs-main-card{margin:12px !important}}

/* Advanced A2–C2 Reading & Speaking Lab conversion */
.rs-original-hidden{display:none !important}
.rs-upgraded-conversation .rs-lab-shell{grid-template-columns:1fr !important;min-height:auto}
.rs-upgraded-conversation .rs-main-card{margin:22px !important;width:auto;max-width:none}
.rs-upgraded-conversation .lesson-counter{background:#fff3cf;border:1px solid #eed59b;color:#7b5a18;padding:10px 18px;border-radius:999px;font-weight:900}
.rs-upgraded-conversation .rs-teleprompter{height:430px}
.rs-upgraded-conversation .rs-title-row h1{max-width:1100px}
.rs-upgraded-conversation .rs-kicker{max-width:1100px}
@media(max-width:820px){.rs-upgraded-conversation .rs-main-card{margin:12px !important}.rs-upgraded-conversation .rs-teleprompter{height:420px}}

/* V66 — zasebna, mirna i čitljiva Page 1 za starije polaznike. */
.senior-home-page{--senior-forest:#365840;--senior-forest-dark:#203e2b;--senior-cream:#fffaf0;--senior-gold:#c69a4a;--senior-ink:#283b31;position:relative;padding:clamp(22px,3.5vw,52px);border-radius:34px;background:radial-gradient(circle at 83% 12%,rgba(226,204,142,.35),transparent 29%),linear-gradient(145deg,#fffdf7,#f2f0df 55%,#e8efe5);color:var(--senior-ink);overflow:hidden}.senior-home-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(54,88,64,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(54,88,64,.025) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.senior-home-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:clamp(28px,4vw,64px);align-items:start}.senior-home-copy{min-width:0}.senior-home-badge{display:inline-flex;padding:10px 15px;border:1px solid rgba(54,88,64,.22);border-radius:999px;background:rgba(255,255,255,.72);color:var(--senior-forest);font:900 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.09em}.senior-home-copy h1{max-width:920px;margin:20px 0 16px;color:var(--senior-forest-dark);font:700 clamp(42px,5.5vw,75px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.senior-home-lead{max-width:920px;margin:0;color:#4f6558;font-size:clamp(18px,1.55vw,23px);line-height:1.68}.senior-story-more{margin-top:21px;border:1px solid #cbd8cc;border-radius:20px;background:rgba(255,255,255,.76);overflow:hidden}.senior-story-more summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;color:var(--senior-forest-dark);font-size:17px;font-weight:850;cursor:pointer}.senior-story-more summary b{font-size:24px}.senior-story-more[open] summary b{transform:rotate(45deg)}.senior-story-details{display:grid;gap:13px;padding:0 19px 20px;color:#475f50;font-size:16px;line-height:1.65}.senior-story-details p{margin:0}.senior-learning-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:13px;border-radius:15px;background:#edf3ec}.senior-learning-flow strong{color:#2f513a}.senior-learning-flow i{color:var(--senior-gold);font-style:normal;font-weight:900}.senior-story-signature{padding-top:6px;color:var(--senior-forest-dark)}.senior-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}.senior-capability-grid span{display:grid;gap:5px;min-height:92px;padding:15px 16px;border:1px solid #d2ddd3;border-radius:18px;background:rgba(255,255,255,.83)}.senior-capability-grid b{color:#2d4d37;font-size:16px}.senior-capability-grid small{color:#607467;font-size:14px;line-height:1.45}.senior-home-points{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.senior-home-points span{display:grid;place-items:center;min-height:55px;padding:10px;border-radius:15px;background:#e8f0e7;color:#365840;font-size:12px;font-weight:850;text-align:center}.senior-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}.senior-primary-btn,.senior-secondary-btn{min-height:58px;padding:13px 22px;border-radius:17px;font-size:16px;font-weight:900;cursor:pointer}.senior-primary-btn{border:0;background:linear-gradient(110deg,#365840,#52765c);color:#fff;box-shadow:0 13px 28px rgba(32,62,43,.22)}.senior-primary-btn span{margin-left:13px}.senior-secondary-btn{border:1px solid #aebfae;background:#fffdf8;color:#365840}.senior-guide-stage{position:relative;align-self:start;padding:18px;border:1px solid rgba(198,154,74,.3);border-radius:31px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(238,226,197,.82));box-shadow:0 24px 58px rgba(57,68,48,.19)}.senior-guide-photo{height:min(61vw,590px);min-height:460px;border-radius:24px;overflow:hidden;background:#e9dec2}.senior-guide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.senior-guide-card{position:relative;display:grid;gap:9px;margin:-54px 14px 0;padding:20px;border:1px solid #e0d3b5;border-radius:22px;background:rgba(255,253,247,.97);box-shadow:0 18px 38px rgba(45,53,37,.22)}.senior-guide-card>strong{color:#294a34;font:700 25px/1.2 Georgia,"Times New Roman",serif}.senior-guide-card>small{color:#657567;font-size:14px;line-height:1.5}.senior-guide-card h3{margin:6px 0 0;color:#795d26;font-size:18px}.senior-guide-card p{margin:0;color:#526457;font-size:13px;line-height:1.55}.senior-guide-card em{color:#786f59;font-size:10px;line-height:1.45}.senior-professor-btn{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%;min-height:55px;margin-top:3px;padding:9px 9px 9px 15px;border:0;border-radius:15px;background:linear-gradient(105deg,#365840,#5c7e64);color:#fff;font-weight:900;text-align:left;cursor:pointer}.senior-professor-btn b{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:10px;background:#fff;color:#365840;font-size:18px}.senior-levels-section{position:relative;z-index:1;margin-top:39px}.senior-levels-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:end;margin-bottom:18px}.senior-levels-heading p{grid-column:1/-1;margin:0;color:#7b632f;font-size:12px;font-weight:950;letter-spacing:.16em}.senior-levels-heading h2{margin:0;color:#294a34;font:700 clamp(30px,3.7vw,47px)/1.1 Georgia,"Times New Roman",serif}.senior-levels-heading span{max-width:280px;color:#617264;font-size:13px;font-weight:800;text-align:right}.senior-level-catalogue .level-card{border-color:#cdd9cd;border-radius:20px;background:rgba(255,255,255,.9)}.senior-level-catalogue .level-card:hover{border-color:#78947d;box-shadow:0 16px 34px rgba(54,88,64,.14)}.senior-level-catalogue .level-owned{background:linear-gradient(135deg,#edf5ed,#fffdf8)}.senior-level-catalogue .level-owned .level-code{background:#45684e;color:#fff}.senior-level-catalogue .level-card h3{font-family:Georgia,"Times New Roman",serif}.senior-level-catalogue .level-card p{font-size:14px;line-height:1.55}.senior-level-catalogue .level-card b{color:#365840}
@media(max-width:1120px){.senior-home-hero{grid-template-columns:1fr}.senior-guide-stage{width:min(720px,100%);justify-self:center}.senior-guide-photo{height:590px}.senior-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.senior-home-page{padding:17px;border-radius:23px}.senior-home-copy h1{font-size:clamp(39px,11vw,57px)}.senior-home-lead{font-size:17px}.senior-capability-grid,.senior-home-points{grid-template-columns:1fr}.senior-home-actions{display:grid}.senior-home-actions button{width:100%}.senior-guide-stage{padding:10px;border-radius:23px}.senior-guide-photo{height:470px;min-height:0}.senior-guide-card{margin:-32px 7px 0;padding:16px}.senior-levels-heading{grid-template-columns:1fr}.senior-levels-heading span{text-align:left}}
@media(prefers-reduced-motion:reduce){.senior-primary-btn,.senior-secondary-btn,.senior-professor-btn{transition:none!important}}

/* V67 — A/B/C parovi nivoa: ista porodica boja, dve jasne nijanse. */
#welcomePageOne .level-catalogue .level-card.level-pair-a,#seniorWelcomePageOne .level-catalogue .level-card.level-pair-a{--pair-dark:#276b75;--pair-mid:#4f9aa4;--pair-soft:#e8f7f7}
#welcomePageOne .level-catalogue .level-card.level-pair-b,#seniorWelcomePageOne .level-catalogue .level-card.level-pair-b{--pair-dark:#6652a3;--pair-mid:#8b76c5;--pair-soft:#f1edfb}
#welcomePageOne .level-catalogue .level-card.level-pair-c,#seniorWelcomePageOne .level-catalogue .level-card.level-pair-c{--pair-dark:#9a5e24;--pair-mid:#c48a4e;--pair-soft:#fff3e3}
#welcomePageOne .level-catalogue .level-card[class*="level-pair-"],#seniorWelcomePageOne .level-catalogue .level-card[class*="level-pair-"]{border-color:color-mix(in srgb,var(--pair-mid) 38%,white);background:linear-gradient(135deg,var(--pair-soft),#fff)}
#welcomePageOne .level-catalogue .level-card[class*="level-pair-"] .level-code,#seniorWelcomePageOne .level-catalogue .level-card[class*="level-pair-"] .level-code{background:var(--pair-dark);color:#fff}
#welcomePageOne .level-catalogue .level-card.level-shade-two,#seniorWelcomePageOne .level-catalogue .level-card.level-shade-two{background:linear-gradient(135deg,color-mix(in srgb,var(--pair-soft) 76%,var(--pair-mid)),#fff)}
#welcomePageOne .level-catalogue .level-card.level-shade-two .level-code,#seniorWelcomePageOne .level-catalogue .level-card.level-shade-two .level-code{background:var(--pair-mid)}
#welcomePageOne .level-catalogue .level-card[class*="level-pair-"] small,#welcomePageOne .level-catalogue .level-card[class*="level-pair-"] b,#seniorWelcomePageOne .level-catalogue .level-card[class*="level-pair-"] small,#seniorWelcomePageOne .level-catalogue .level-card[class*="level-pair-"] b{color:var(--pair-dark)}
#welcomePageOne .level-catalogue .level-card[class*="level-pair-"]:hover,#seniorWelcomePageOne .level-catalogue .level-card[class*="level-pair-"]:hover{border-color:var(--pair-mid);box-shadow:0 17px 34px color-mix(in srgb,var(--pair-mid) 20%,transparent)}

/* V68 — jedinstvena odrasla paleta: navy, teal, aqua i mekana lavanda. */
#welcomePageOne.talking-book-home-v15{--adult-navy:#1e294a;--adult-purple:#6c4dd3;--adult-purple-light:#8b71df;--adult-teal:#138d91;--adult-cyan:#41b8c1;--adult-pink:#d94e7b;--adult-soft:#f4f2ff;--home-navy:var(--adult-navy);--home-blue:var(--adult-purple);--home-green:var(--adult-teal);--home-gold:#76d0d2;background:radial-gradient(circle at 8% 10%,rgba(91,198,202,.22),transparent 27%),radial-gradient(circle at 92% 15%,rgba(125,94,210,.20),transparent 29%),linear-gradient(145deg,#f8fbff 0%,#f5f2ff 53%,#eefafa 100%)}
#welcomePageOne.talking-book-home-v15::before{background:rgba(108,77,211,.11)}#welcomePageOne.talking-book-home-v15::after{background:rgba(65,184,193,.10)}
#welcomePageOne .platform-badge{background:linear-gradient(105deg,var(--adult-purple),var(--adult-teal));box-shadow:0 11px 27px rgba(90,66,174,.22)}
#welcomePageOne .platform-story-more summary{border-color:rgba(108,77,211,.26);background:linear-gradient(105deg,#5840b2,#257f91);box-shadow:0 12px 28px rgba(79,57,155,.22)}
#welcomePageOne .platform-story-more summary b{background:#dff9f8;color:#4d35a7}
#welcomePageOne .platform-story-details{border-color:rgba(108,77,211,.17);background:rgba(255,255,255,.87)}
#welcomePageOne .platform-learning-flow{border-left-color:var(--adult-cyan);background:#edfafa;color:var(--adult-navy)!important}
#welcomePageOne .platform-learning-flow i{color:var(--adult-purple)}
#welcomePageOne .platform-capability-grid>span{border-color:rgba(108,77,211,.14);background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(61,49,125,.055)}
#welcomePageOne .platform-capability-grid>span:nth-child(4n+1),#welcomePageOne .platform-capability-grid>span:nth-child(4n+4){background:linear-gradient(135deg,#f1efff,#fff)}
#welcomePageOne .platform-capability-grid>span:nth-child(4n+2),#welcomePageOne .platform-capability-grid>span:nth-child(4n+3){background:linear-gradient(135deg,#ebfafa,#fff)}
#welcomePageOne .platform-capability-grid b{color:var(--adult-navy)}
#welcomePageOne .platform-trust-points span{border-color:rgba(19,141,145,.20);background:#edfafa;color:#176d71}
#welcomePageOne .platform-level-test{background:linear-gradient(105deg,var(--adult-purple),var(--adult-purple-light));box-shadow:0 12px 27px rgba(108,77,211,.24)}
#welcomePageOne .platform-learning-test{border-color:rgba(19,141,145,.28);background:#fff;color:#176f75}
#welcomePageOne .platform-thea{border-color:rgba(108,77,211,.20);background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(234,248,250,.8) 48%,rgba(240,235,255,.8));box-shadow:0 25px 60px rgba(48,40,103,.14)}
#welcomePageOne .platform-thea-orbit{border-color:rgba(108,77,211,.25)}#welcomePageOne .platform-thea-orbit::before{background:var(--adult-purple-light);box-shadow:0 0 0 7px rgba(108,77,211,.13)}#welcomePageOne .platform-thea-orbit::after{background:var(--adult-cyan);box-shadow:0 0 0 7px rgba(65,184,193,.14)}
#welcomePageOne .platform-thea-card{border-color:rgba(108,77,211,.12);box-shadow:0 17px 38px rgba(49,39,103,.14)}
#welcomePageOne .platform-thea-card .professor-live-title{color:var(--adult-purple)}
#welcomePageOne .platform-thea-card .professor-monthly-highlight{border-left-color:var(--adult-purple);background:#f1efff;color:#4e378f}
#welcomePageOne .platform-thea-card .professor-monthly-copy p strong{color:var(--adult-navy)}
#welcomePageOne .professor-contact-open{border-color:rgba(108,77,211,.34);background:linear-gradient(105deg,#5b42bb,#168e95);box-shadow:0 13px 29px rgba(76,57,159,.25)}
#welcomePageOne .professor-contact-open b{color:#5b42bb}#welcomePageOne .professor-contact-open:hover{box-shadow:0 17px 36px rgba(76,57,159,.34)}
#welcomePageOne .levels-heading-centered .levels-kicker{color:var(--adult-purple)}
#welcomePageOne .level-catalogue .level-card.level-pair-a{--pair-dark:#276b75;--pair-mid:#4fa5ab;--pair-soft:#e9fafa}
#welcomePageOne .level-catalogue .level-card.level-pair-b{--pair-dark:#5840ae;--pair-mid:#8168d0;--pair-soft:#f1efff}
#welcomePageOne .level-catalogue .level-card.level-pair-c{--pair-dark:#273760;--pair-mid:#536c9d;--pair-soft:#edf2fb}

/* V69 — Senior naslov i uvod koriste iste tipografske mere kao Adult Page 1. */
#seniorWelcomePageOne .senior-home-copy h1{font-size:clamp(39px,4.7vw,68px);line-height:1.01}
#seniorWelcomePageOne .senior-home-lead{font-size:clamp(16px,1.35vw,19px);line-height:1.68}
#seniorWelcomePageOne .senior-guide-photo{background:linear-gradient(145deg,#f9f2df,#e4ece3)}
#seniorWelcomePageOne .senior-guide-photo img{object-fit:contain;object-position:center top}
@media(max-width:720px){#seniorWelcomePageOne .senior-home-copy h1{font-size:clamp(36px,11vw,54px)}#seniorWelcomePageOne .senior-home-lead{font-size:16px}#seniorWelcomePageOne .senior-guide-photo img{object-fit:contain;object-position:center top}}

/* V71 — premium početna naslovnica; sav postojeći tekst ostaje nepromenjen. */
body:has(#loginView:not(.hidden)){background:linear-gradient(135deg,#f2f8fb 0%,#f7f3ff 48%,#eef9f7 100%)}
body:has(#loginView:not(.hidden)) .bg-orb{opacity:.78;filter:blur(1px)}
body:has(#loginView:not(.hidden)) .orb-one{width:520px;height:520px;left:-190px;top:-230px;background:radial-gradient(circle,#bfe9ea 0%,rgba(191,233,234,.08) 69%,transparent 70%)}
body:has(#loginView:not(.hidden)) .orb-two{width:580px;height:580px;right:-220px;bottom:-260px;background:radial-gradient(circle,#d9cdfb 0%,rgba(217,205,251,.08) 68%,transparent 69%)}
#loginView.login-view{position:relative;isolation:isolate;width:min(1500px,calc(100vw - 56px));min-height:calc(100vh - 56px);margin:28px auto;padding:clamp(40px,5vw,76px);grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:clamp(52px,7vw,105px);border:1px solid rgba(255,255,255,.9);border-radius:42px;background:linear-gradient(125deg,rgba(255,255,255,.76),rgba(248,251,255,.68));box-shadow:0 35px 100px rgba(44,56,102,.16),inset 0 1px 0 #fff;overflow:hidden;box-sizing:border-box}
#loginView.login-view:before{content:"";position:absolute;z-index:-1;width:630px;height:630px;left:-250px;top:17%;border:1px solid rgba(65,184,193,.18);border-radius:50%;box-shadow:0 0 0 48px rgba(65,184,193,.035),0 0 0 96px rgba(108,77,211,.025)}
#loginView.login-view:after{content:"A1  •  A2  •  B1  •  B2  •  C1  •  C2";position:absolute;z-index:-1;left:clamp(40px,5vw,76px);bottom:34px;color:rgba(30,41,74,.19);font-size:11px;font-weight:950;letter-spacing:.28em}
#loginView .hero-copy{position:relative;align-self:center;padding:12px 0 65px}
#loginView .hero-copy .brand{display:inline-flex;padding:9px 14px 9px 9px;border:1px solid rgba(108,77,211,.13);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(47,44,89,.08)}
#loginView .hero-copy .brand-mark{background:linear-gradient(145deg,#1e294a,#304f6c);box-shadow:0 10px 23px rgba(30,41,74,.22)}
#loginView .hero-copy .eyebrow{margin-top:38px;color:#138d91;font-weight:900}
#loginView .hero-copy h1{color:#1e294a;font-size:clamp(66px,7vw,105px);text-shadow:0 2px 0 #fff}
#loginView .hero-copy h2{max-width:800px;margin-top:14px;color:#6c4dd3;font-size:clamp(35px,4.5vw,64px);line-height:1.05}
#loginView .hero-copy .lead{max-width:720px;color:#536777;font-size:clamp(18px,1.4vw,22px);line-height:1.75}
#loginView .login-panel{position:relative;align-self:center;padding:clamp(31px,3vw,48px);border:1px solid rgba(108,77,211,.13);border-radius:32px;background:rgba(255,255,255,.91);box-shadow:0 28px 70px rgba(43,43,91,.16),inset 0 1px 0 #fff;overflow:hidden}
#loginView .login-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#6c4dd3,#41b8c1,#138d91)}
#loginView .login-panel .eyebrow{color:#6c4dd3;font-weight:950}
#loginView .login-panel h3{color:#1e294a;font-size:clamp(38px,3.1vw,52px)}
#loginView .login-panel .muted{margin-bottom:27px;color:#687b88;font-size:17px;line-height:1.55}
#loginView .login-panel .field{margin-top:15px;color:#506473;font-weight:750}
#loginView .login-panel .field input{min-height:60px;border:1.5px solid #dce3ef;border-radius:17px;background:#fbfcff;color:#1e294a;box-shadow:inset 0 2px 7px rgba(30,41,74,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
#loginView .login-panel .field input:focus{border-color:#7e66d2;background:#fff;box-shadow:0 0 0 5px rgba(108,77,211,.11);outline:0}
#loginView #loginBtn{min-height:62px;margin-top:22px;border-radius:17px;background:linear-gradient(105deg,#5140a6,#177f8c);box-shadow:0 14px 30px rgba(77,60,170,.24)}
#loginView #rememberedAccessBtn{min-height:59px;border-color:rgba(19,141,145,.25);border-radius:17px;background:linear-gradient(105deg,#eefafa,#f4f1ff);color:#2d5370;box-shadow:0 9px 22px rgba(35,105,115,.08)}
#loginView #rememberedAccessNote{border:1px solid rgba(65,184,193,.18);border-radius:14px;background:#f0faf9;color:#52706f}
@media(max-width:1050px){#loginView.login-view{width:min(900px,calc(100vw - 28px));min-height:auto;margin:14px auto;padding:38px;grid-template-columns:1fr;gap:32px}#loginView .hero-copy{padding-bottom:25px}#loginView.login-view:after{display:none}}
@media(max-width:620px){#loginView.login-view{padding:22px;border-radius:27px}#loginView .hero-copy h1{font-size:clamp(54px,18vw,76px)}#loginView .hero-copy h2{font-size:clamp(31px,10vw,45px)}#loginView .hero-copy .lead{font-size:17px}#loginView .login-panel{padding:25px 19px;border-radius:25px}}

/* V72 — na širokim ekranima leva naslovna kolona počinje u ravni sa prijavnom karticom. */
@media(min-width:1051px){#loginView .hero-copy{align-self:start;padding-top:0}}

/* V71 — Page 0 direktorijum: svaki CEFR nivo ima sopstveni identitet. */
#dashboardPage.dashboard-page{--directory-navy:#1e294a;position:relative;background:radial-gradient(circle at 7% 4%,rgba(65,184,193,.16),transparent 23%),radial-gradient(circle at 95% 9%,rgba(108,77,211,.15),transparent 25%),linear-gradient(145deg,#fbfdff,#f5f3ff 54%,#eefafa);border-color:rgba(108,77,211,.08)}
#dashboardPage .compact-directory-hero{border-bottom-color:rgba(108,77,211,.13)}
#dashboardPage .compact-directory-hero h1{color:var(--directory-navy)}
#dashboardPage .compact-directory-hero .eyebrow{color:#6c4dd3;font-weight:950}
#dashboardPage .directory-progress-mini{background:linear-gradient(125deg,#5140a6,#177f8c);box-shadow:0 14px 31px rgba(77,60,170,.2)}
#dashboardPage .directory-continue{background:linear-gradient(105deg,#6c4dd3,#138d91);box-shadow:0 12px 27px rgba(72,63,154,.2)}
#dashboardPage .level-accordion{--level-main:#536c9d;--level-dark:#2d4068;--level-soft:#edf2fb;--level-line:#cad5e8;border-color:var(--level-line);background:#fff;box-shadow:0 11px 29px color-mix(in srgb,var(--level-main) 13%,transparent)}
#dashboardPage .level-accordion[data-level-panel="A1"]{--level-main:#2299a0;--level-dark:#17666c;--level-soft:#e9fafa;--level-line:#bfe2e3}
#dashboardPage .level-accordion[data-level-panel="A2"]{--level-main:#4bb8bd;--level-dark:#23777c;--level-soft:#f0fcfc;--level-line:#c8e9e9}
#dashboardPage .level-accordion[data-level-panel="B1"]{--level-main:#745ac1;--level-dark:#49358d;--level-soft:#f0edff;--level-line:#d2c9ef}
#dashboardPage .level-accordion[data-level-panel="B2"]{--level-main:#987fda;--level-dark:#5e49a1;--level-soft:#f5f2ff;--level-line:#ddd5f3}
#dashboardPage .level-accordion[data-level-panel="C1"]{--level-main:#d17b5d;--level-dark:#8e4634;--level-soft:#fff0eb;--level-line:#edc8bc}
#dashboardPage .level-accordion[data-level-panel="C2"]{--level-main:#dda255;--level-dark:#8b612a;--level-soft:#fff6e8;--level-line:#efd9b9}
#dashboardPage .level-accordion.is-open{border-color:var(--level-main);box-shadow:0 16px 36px color-mix(in srgb,var(--level-main) 20%,transparent)}
#dashboardPage .level-accordion-toggle{background:linear-gradient(110deg,var(--level-soft),#fff 82%);color:var(--level-dark)}
#dashboardPage .level-accordion-toggle:hover{background:linear-gradient(110deg,color-mix(in srgb,var(--level-soft) 78%,var(--level-main)),#fff)}
#dashboardPage .level-accordion-toggle .cefr-code{background:linear-gradient(145deg,var(--level-dark),var(--level-main));color:#fff;box-shadow:0 9px 21px color-mix(in srgb,var(--level-main) 27%,transparent)}
#dashboardPage .level-accordion-copy small{color:var(--level-main)}
#dashboardPage .level-accordion-copy strong{color:var(--level-dark)}
#dashboardPage .level-accordion-toggle>i{color:var(--level-main)}
#dashboardPage .level-accordion-content{border-top-color:var(--level-line);background:linear-gradient(180deg,var(--level-soft),#fff 105px)}
#dashboardPage .level-unit-group,#dashboardPage .level-unit-row{border-color:color-mix(in srgb,var(--level-main) 25%,#dce7ed);box-shadow:0 7px 18px color-mix(in srgb,var(--level-main) 7%,transparent)}
#dashboardPage .unit-group-heading em{background:var(--level-soft);color:var(--level-dark)}
#dashboardPage .directory-page-link{color:var(--level-dark)}
#dashboardPage .directory-page-link:hover{color:var(--level-main)}
#dashboardPage .intro-mini-directory{border-color:rgba(108,77,211,.14);background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(51,42,104,.08)}
#dashboardPage .intro-mini-head .eyebrow{color:#6c4dd3}

/* V73 — Talking Book Reading Library · 120 gradiranih knjiga A1–C2. */
.reading-library-page,.interactive-reader-page{--reader-main:#287c78;--reader-ink:#17324d;position:relative;padding:clamp(18px,3vw,42px);border-radius:32px;background:radial-gradient(circle at 9% 4%,rgba(95,185,169,.18),transparent 24%),radial-gradient(circle at 93% 8%,rgba(211,172,99,.18),transparent 27%),linear-gradient(145deg,#fbfffd,#fffaf1);overflow:hidden}
.reading-library-topline,.reader-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:-5px -5px 25px;padding:13px 16px;border:1px solid #dce8e4;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(37,71,76,.08)}
.reading-library-topline>div:nth-child(2),.reader-toolbar>div:nth-child(2){display:grid;gap:2px}.reading-library-topline strong,.reader-toolbar strong{color:var(--reader-ink);font-size:16px}.reading-library-topline span,.reader-toolbar span{color:#71838d;font-size:12px;font-weight:750;letter-spacing:.06em}
.reading-library-back,.reading-library-tools button,.reader-toolbar button{min-height:43px;padding:9px 14px;border:1px solid #cfe0dd;border-radius:13px;background:#fff;color:#24465e;font-weight:850;cursor:pointer}.reading-library-tools,.reader-toolbar-actions{display:flex;gap:8px}.reading-library-tools button:last-child,.reader-toolbar-actions button:last-child{border-color:transparent;background:var(--reader-main);color:#fff}
.reading-library-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.4fr);gap:25px;align-items:stretch;margin-bottom:22px}.reading-library-hero>div,.reading-library-hero>aside{padding:clamp(22px,3.5vw,45px);border:1px solid #d9e6e0;border-radius:28px;background:rgba(255,255,255,.78)}.reading-library-hero h1{max-width:900px;margin:10px 0;color:#183d40;font:700 clamp(38px,5vw,70px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.reading-library-hero p:last-child{max-width:860px;margin:17px 0 0;color:#5a7276;font-size:17px;line-height:1.65}.reading-library-hero>aside{display:grid;place-content:center;gap:9px;background:linear-gradient(145deg,var(--reader-main),#183c49);color:#fff}.reading-library-hero aside>span{font:800 58px/1 Georgia,serif}.reading-library-hero aside>strong{font-size:17px;letter-spacing:.06em}.reading-library-hero aside>small{max-width:300px;color:#e2f4ed;font-size:13px;line-height:1.55}
.reading-personal-shelf{display:grid;grid-template-columns:auto auto 1fr;gap:22px;align-items:center;margin-bottom:25px;padding:15px 18px;border:1px solid #ead9b5;border-radius:20px;background:linear-gradient(105deg,#fffdf5,#fff8e8)}.reading-personal-shelf>div:first-child{display:flex;gap:12px;align-items:center}.reading-personal-shelf>div:first-child>span{font-size:30px}.reading-personal-shelf p{display:grid;margin:0}.reading-personal-shelf p strong{color:#4a3f27}.reading-personal-shelf p small{color:#89775b}.reading-shelf-stats{display:flex;gap:7px}.reading-shelf-stats span{padding:8px 10px;border-radius:10px;background:#fff;color:#735d32;font-size:12px}.reading-shelf-mini{display:flex;justify-content:flex-end;gap:6px;min-width:0}.reading-shelf-mini span{display:grid;place-items:center;width:30px;height:38px;border-radius:4px 7px 7px 4px;background:linear-gradient(90deg,#8766a6,#b69bc7);box-shadow:2px 3px 0 #d8c8df}.reading-shelf-mini em{color:#8a795e;font-size:13px}
.reading-book-picker{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(300px,1.2fr) auto;gap:16px;align-items:end;margin-bottom:17px;padding:18px;border:1px solid color-mix(in srgb,var(--reader-main) 28%,#dce7e2);border-radius:22px;background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--reader-main) 8%,#fff));box-shadow:0 10px 28px rgba(35,61,70,.07)}.reading-book-picker>div{display:flex;gap:12px;align-items:center}.reading-book-picker>div>span{font-size:31px}.reading-book-picker p{display:grid;margin:0}.reading-book-picker p strong{color:#203f53;font-size:16px}.reading-book-picker p small{margin-top:3px;color:#718189;font-size:12px}.reading-book-picker label{display:grid;gap:5px}.reading-book-picker label>span,.reader-quick-book>span{color:#60767e;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.reading-book-picker select,.reader-quick-book select{width:100%;min-height:47px;padding:9px 38px 9px 13px;border:1px solid #cbded9;border-radius:13px;background:#fff;color:#213e52;font:750 14px/1.3 system-ui,sans-serif}.reading-book-picker>button{min-height:47px;padding:10px 17px;border:0;border-radius:13px;background:var(--reader-main);color:#fff;font-weight:900;cursor:pointer}.reading-cover-catalogue{border:1px solid #dae6e2;border-radius:22px;background:rgba(255,255,255,.68);overflow:hidden}.reading-cover-catalogue>summary{display:flex;justify-content:space-between;gap:14px;padding:16px 19px;color:#294a5d;font-weight:900;cursor:pointer;list-style:none}.reading-cover-catalogue>summary::-webkit-details-marker{display:none}.reading-cover-catalogue>summary b{color:var(--reader-main);font-size:12px}.reading-cover-catalogue[open]>summary{border-bottom:1px solid #e1e9e6;background:#f8fbfa}.reading-cover-catalogue[open]>summary b{font-size:0}.reading-cover-catalogue[open]>summary b:after{content:"Sakrij galeriju ⌃";font-size:12px}.reading-cover-catalogue .reading-book-grid{padding:20px}.reader-quick-book{display:grid;gap:3px;margin-top:6px}.reader-quick-book select{min-height:34px;padding:5px 34px 5px 9px;font-size:11px}
.reading-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.reading-book-card{min-width:0}.reading-book-card>button{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;width:100%;min-height:213px;padding:14px;border:1px solid color-mix(in srgb,var(--cover-a) 22%,#dce5e5);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 10px 25px rgba(35,56,68,.08);text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.reading-book-card>button:hover{transform:translateY(-5px);border-color:var(--cover-a);box-shadow:0 18px 34px color-mix(in srgb,var(--cover-a) 18%,transparent)}.reading-cover{position:relative;display:grid;align-content:space-between;min-height:182px;padding:15px 13px 13px 17px;border-radius:5px 13px 13px 5px;background:linear-gradient(145deg,var(--cover-a),var(--cover-b));color:#fff;box-shadow:inset 7px 0 0 rgba(255,255,255,.13),7px 8px 0 var(--cover-soft),10px 11px 16px rgba(28,46,54,.18);overflow:hidden}.reading-cover:after{content:"";position:absolute;width:90px;height:90px;right:-38px;top:-28px;border:1px solid rgba(255,255,255,.33);border-radius:50%;box-shadow:0 0 0 17px rgba(255,255,255,.08)}.reading-cover i{font-size:12px;font-style:normal;font-weight:950}.reading-cover b{font:700 42px/1 Georgia,serif}.reading-cover small{font-size:10px;line-height:1.35;letter-spacing:.08em}.reading-card-copy{display:flex;flex-direction:column;min-width:0;padding:6px 0}.reading-card-copy>small{color:var(--cover-a);font-size:9px;font-weight:950;letter-spacing:.08em}.reading-card-copy>strong{margin-top:10px;color:#1d3951;font:700 18px/1.18 Georgia,serif;overflow-wrap:anywhere}.reading-card-copy>em{margin-top:7px;color:#71808a;font-size:11px}.reading-card-copy>.reading-card-progress{height:6px;margin-top:auto;border-radius:999px;background:#e9eeee;overflow:hidden}.reading-card-progress i{display:block;height:100%;border-radius:inherit;background:var(--cover-a)}.reading-card-copy>b{margin-top:8px;color:var(--cover-a);font-size:11px}.reading-book-card.is-complete>button{background:linear-gradient(145deg,var(--cover-soft),#fff)}
.reading-cover b.reading-cover-scene{position:relative;z-index:1;display:grid;place-items:center;min-height:76px;padding:7px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.3),transparent 64%);font:700 29px/1.25 system-ui,sans-serif;letter-spacing:.04em;text-align:center;text-shadow:0 3px 10px rgba(20,34,45,.25)}.reading-cover small{position:relative;z-index:1}
.reading-cover-name{display:grid;gap:2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.35);letter-spacing:0!important}.reading-cover-name strong{display:-webkit-box;overflow:hidden;color:#fff;font:800 11px/1.15 Georgia,serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reading-cover-name span{overflow:hidden;color:rgba(255,255,255,.82);font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.reading-cover>img{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover}.reading-cover>img~i,.reading-cover>img~b,.reading-cover>img~small{opacity:0}
.reading-library-directory-group{border-color:#d9c99f!important;background:linear-gradient(120deg,#fffaf0,#f0faf5)!important}.reading-library-directory-group .unit-number{display:grid;place-items:center;background:#fff!important;font-size:21px}.reading-library-directory-group .unit-title{color:#356e63;font-weight:900}
.interactive-reader-page{background:linear-gradient(145deg,#f5faf8,#fff9ef)}.reader-book-heading{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(210px,280px);gap:22px;align-items:center;padding:24px;border:1px solid #dae6e3;border-radius:25px;background:rgba(255,255,255,.86)}.reader-mini-cover{display:grid;place-items:center;align-content:space-between;width:100px;height:132px;padding:13px;border-radius:5px 12px 12px 5px;color:#fff;box-shadow:7px 8px 0 #e5ddd0,11px 13px 22px rgba(32,58,65,.18)}.reader-mini-cover span{justify-self:start;font-size:12px;font-weight:950}.reader-mini-cover b{font:700 34px Georgia,serif}.reader-book-heading h1{margin:5px 0;color:#1d3951;font:700 clamp(34px,4vw,56px)/1.05 Georgia,serif}.reader-book-heading>div:nth-child(2)>p:last-child{margin:0;color:#73818a;font-size:16px}.reader-progress-card{display:grid;grid-template-columns:1fr auto;gap:8px;color:#587071}.reader-progress-card>div{grid-column:1/-1;height:9px;border-radius:99px;background:#e8efed;overflow:hidden}.reader-progress-card i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--reader-main),#d3a65c)}
.reader-mini-cover{position:relative;overflow:hidden}.reader-mini-cover:after{content:"";position:absolute;width:85px;height:85px;right:-25px;top:27px;border-radius:50%;background:rgba(255,255,255,.14)}.reader-mini-cover span,.reader-mini-cover b{position:relative;z-index:1}.reader-mini-cover b{font:700 23px/1.2 system-ui,sans-serif;text-align:center;text-shadow:0 3px 8px rgba(20,34,45,.25)}
.reader-mini-cover>img{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover}.reader-mini-cover>img[src]~span,.reader-mini-cover>img[src]~b{opacity:0}
.reader-action-ribbon{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.reader-action-ribbon button{min-height:46px;padding:9px 15px;border:1px solid #cdded9;border-radius:14px;background:#fff;color:#24485b;font-weight:900;cursor:pointer}.reader-action-ribbon button:nth-child(2){background:var(--reader-main);color:#fff}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:19px;align-items:start}.reader-paper,.reader-side-panel>section{border:1px solid #dce7e3;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(40,64,70,.07)}.reader-paper{padding:clamp(22px,4vw,55px)}.reader-instruction{padding:12px 14px;border-radius:13px;background:#f0f8f5;color:#51706b;font-size:13px}.reader-passage{min-height:270px;padding:20px 0}.reader-passage>p:first-child{margin:0;color:#24394d;font:400 clamp(23px,2.4vw,33px)/1.9 Georgia,"Times New Roman",serif}.reader-sentence{display:inline}.reader-word{padding:1px 2px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;cursor:pointer}.reader-word:hover,.reader-word:focus{background:#fff0b8;color:#6b4a12;outline:0}.reader-sentence-audio{padding:3px 5px;border:0;background:transparent;font-size:17px;cursor:pointer}.reader-translation{margin:22px 0 0;padding:18px 20px;border-left:5px solid var(--reader-main);border-radius:0 14px 14px 0;background:#f1f8f6;color:#516b66;font-size:17px;line-height:1.65}.reader-passage-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding-top:19px;border-top:1px solid #e3ece9}.reader-passage-controls button{min-height:46px;padding:9px 13px;border:1px solid #d2e1dd;border-radius:13px;background:#fff;color:#2c5c59;font-weight:850;cursor:pointer}.reader-passage-controls button:last-child{justify-self:end;background:var(--reader-main);color:#fff}.reader-passage-controls button:disabled{opacity:.4}.reader-passage-controls span{color:#72827e;font-size:12px;font-weight:850}
.reader-questions,.reader-lesson,.reader-finish{margin-top:27px;padding:22px;border-radius:20px;background:#f8fbfa}.reader-questions h2,.reader-lesson h2{margin:4px 0 15px;color:#233c51}.reader-questions #readerQuestionHost>p{font-size:17px}.reader-questions #readerQuestionHost>div{display:grid;gap:8px}.reader-questions #readerQuestionHost button{padding:12px 14px;border:1px solid #d6e2df;border-radius:12px;background:#fff;color:#345265;text-align:left;cursor:pointer}.reader-questions button.correct{border-color:#48a87d!important;background:#e7f8ee!important}.reader-questions button.wrong{border-color:#dc7772!important;background:#fff0ef!important}.reader-lesson{background:#fff8e8}.reader-lesson p:last-child{color:#6e5b35;font-size:17px;line-height:1.6}.reader-finish{text-align:center;background:linear-gradient(145deg,#edf9f3,#fff6de)}.reader-finish>span{font-size:38px}.reader-finish h2{color:#24485b;font:700 32px Georgia,serif}.reader-finish>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.reader-finish>div p{display:grid;padding:12px;border-radius:13px;background:#fff}.reader-finish b{color:var(--reader-main);font-size:22px}.reader-finish small{color:#73817c;font-size:10px}.reader-finish>button{min-height:51px;margin-top:13px;padding:11px 18px;border:0;border-radius:14px;background:linear-gradient(105deg,var(--reader-main),#d09b4e);color:#fff;font-weight:950;cursor:pointer}
.reader-side-panel{display:grid;gap:14px}.reader-side-panel>section{display:grid;gap:10px;padding:18px}.reader-side-panel h2{margin:0;color:#29495c;font-size:16px}.reader-side-panel p{margin:0;color:#73827f;font-size:12px;line-height:1.5}.reader-side-panel>section:nth-child(2)>strong{color:var(--reader-main);font:700 25px Georgia,serif}.reader-side-panel>section:nth-child(2)>span{color:#667a79;font-size:13px}.reader-side-panel button{min-height:43px;border:1px solid #cee0db;border-radius:12px;background:#eef8f5;color:#2c6860;font-weight:900;cursor:pointer}.reader-side-panel button:disabled{opacity:.45}.reader-side-panel em{color:#8a9794;font-size:12px}.reader-side-panel #readerSavedWords{display:grid;gap:7px}.reader-side-panel #readerSavedWords button{display:grid;grid-template-columns:1fr auto;gap:2px;padding:8px 10px;text-align:left}.reader-side-panel #readerSavedWords button b{color:#335765}.reader-side-panel #readerSavedWords button small{grid-column:1;color:#768985}.reader-side-panel #readerSavedWords button span{grid-row:1/3;grid-column:2;align-self:center}.reader-side-panel #readerSpeechFeedback{padding:9px;border-radius:9px;background:#fff9e9;color:#75623a}
@media(max-width:1220px){.reading-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-layout{grid-template-columns:1fr}.reader-side-panel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.reading-book-picker{grid-template-columns:1fr 1fr}.reading-book-picker>div{grid-column:1/-1}.reading-book-picker>button{align-self:end}}
@media(max-width:900px){.reading-library-topline,.reader-toolbar{grid-template-columns:1fr auto}.reading-library-topline>div:nth-child(2),.reader-toolbar>div:nth-child(2){grid-row:1;grid-column:1}.reading-library-back,#readerBackToLibrary{grid-row:2}.reading-library-tools,.reader-toolbar-actions{grid-row:2;grid-column:2}.reading-library-hero{grid-template-columns:1fr}.reading-personal-shelf{grid-template-columns:1fr auto}.reading-shelf-mini{grid-column:1/-1;justify-content:flex-start}.reading-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-book-heading{grid-template-columns:auto 1fr}.reader-progress-card{grid-column:1/-1}.reader-side-panel{grid-template-columns:1fr}}
@media(max-width:610px){.reading-library-page,.interactive-reader-page{padding:12px;border-radius:20px}.reading-library-topline,.reader-toolbar{grid-template-columns:1fr;gap:9px}.reading-library-topline>div:nth-child(2),.reader-toolbar>div:nth-child(2),.reading-library-back,#readerBackToLibrary,.reading-library-tools,.reader-toolbar-actions{grid-column:1;grid-row:auto}.reading-library-tools,.reader-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.reading-library-hero>div,.reading-library-hero>aside{padding:21px;border-radius:20px}.reading-library-hero h1{font-size:39px}.reading-personal-shelf{grid-template-columns:1fr}.reading-shelf-stats{flex-wrap:wrap}.reading-book-grid{grid-template-columns:1fr}.reading-book-card>button{grid-template-columns:105px 1fr;min-height:190px}.reading-cover{min-height:160px}.reader-book-heading{grid-template-columns:74px 1fr;padding:16px}.reader-mini-cover{width:68px;height:94px}.reader-book-heading h1{font-size:30px}.reader-action-ribbon{display:grid;grid-template-columns:1fr 1fr}.reader-action-ribbon button:last-child{grid-column:1/-1}.reader-paper{padding:17px}.reader-passage>p:first-child{font-size:24px;line-height:1.75}.reader-passage-controls{grid-template-columns:1fr 1fr}.reader-passage-controls span{grid-row:1;grid-column:1/-1;text-align:center}.reader-passage-controls button{grid-row:2}.reader-finish>div{grid-template-columns:1fr 1fr}}
@media(max-width:610px){.reading-book-picker{grid-template-columns:1fr;padding:14px}.reading-book-picker>div,.reading-book-picker label,.reading-book-picker>button{grid-column:1}.reading-cover-catalogue>summary{align-items:center}.reading-cover-catalogue>summary b{max-width:92px;text-align:right}.reading-cover-catalogue .reading-book-grid{padding:12px}}
@media(prefers-reduced-motion:reduce){.reading-book-card>button{transition:none}}