.student-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.student-topbar .brand-lockup{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.student-topbar .support-email{color:var(--color-text-secondary,#586a63);overflow-wrap:anywhere;font-size:.8rem;line-height:1.3}.student-topbar .support-email svg{vertical-align:-2px;width:14px;height:14px}.student-topbar .language-center{justify-self:center}.student-topbar .account{justify-self:end}.student-home-page{background:linear-gradient(145deg,#f7fbfe 0%,#eaf5fb 100%);min-height:100dvh;overflow:hidden}.student-home-page .student-topbar{z-index:2;background:0 0;border:0;align-items:start;padding:clamp(24px,4vw,48px) clamp(20px,6vw,88px);position:relative}.student-home-page .student-topbar .account{grid-column:3}.student-home-page .brand{color:var(--ui-title-color,#16345a);font-size:clamp(1.45rem,2.4vw,2rem);font-weight:800}.student-home-page .brand-dot{color:var(--ui-accent-color,#ffc94d)}.student-home-page .text-button{color:var(--ui-title-color,#16345a);font-size:var(--ui-body,17px)}.student-home-page .learning-main{max-width:none;min-height:calc(100dvh - 112px);padding:0;position:relative}.student-home-page .footer{display:none}.student-home-hero{place-items:center;min-height:calc(100dvh - 112px);display:grid;position:relative;overflow:hidden}.student-home-prompt{z-index:1;text-align:center;justify-items:center;gap:18px;padding:32px 20px 150px;display:grid;position:relative}.student-home-prompt h1{color:var(--ui-title-color,#16345a);letter-spacing:-.045em;margin:0;font:600 clamp(3rem,8vw,6.5rem)/1.05 Playfair Display,Georgia,serif}.student-home-prompt p{color:var(--ui-translation-color,#587da4);margin:0;font-size:clamp(1.2rem,2.4vw,1.75rem)}.student-home-prompt .language-selector{gap:14px;margin-top:16px}.student-home-prompt .language-selector button{border-radius:999px;min-width:92px;min-height:56px;font-weight:700}.student-home-wave{background:var(--ui-role-action-color,#8ccbff);opacity:.45;border-radius:50% 50% 0 0/30% 30% 0 0;height:45%;position:absolute;inset:auto -10% -15%;transform:rotate(-3deg)}.student-home-wave:after{content:"";background:var(--ui-extra-color,#d9eefb);border-radius:50% 50% 0 0/35% 35% 0 0;position:absolute;inset:28% -5% -20%}@media (max-width:700px){.student-home-page .student-topbar{grid-template-columns:1fr;gap:22px}.student-home-page .language-center{grid-row:2;justify-self:center}.student-home-page .account{position:absolute;top:24px;right:20px}.student-home-hero{min-height:calc(100dvh - 190px)}.student-home-prompt{padding-bottom:110px}.student-home-prompt .language-selector button{min-width:78px}}.dialogue-home-link{align-items:center;min-height:44px;margin-bottom:20px;display:inline-flex}.dialogues-page,.device-page,.student-module-page{--dialogue-blue:var(--ui-title-color,#16345a);--dialogue-light:var(--ui-role-action-color);--dialogue-yellow:var(--color-accent);--student-body:var(--ui-body,17px);--student-support:var(--ui-translation);background:var(--color-background,#f7fbfe);color:var(--dialog-role-text,var(--ui-body-color));font-family:Poppins,Arial,sans-serif;font-size:var(--student-body);min-height:100dvh}.dialogue-mode-mobile-label{display:none}@media (max-width:600px){.dialogue-detail-page .dialogue-mode-desktop-label{display:none}.dialogue-detail-page .dialogue-mode-mobile-label{display:block}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn{grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;column-gap:10px;min-height:88px;margin-bottom:12px;padding:12px 8px}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn:before{left:28px}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-speaker-badge{grid-area:1/1/span 2;align-self:center;width:42px;height:42px;font-size:19px}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn .dutch-line{color:var(--ui-dialogue-color,var(--color-text,#16345a));grid-area:1/2;margin:0 0 4px;font-size:17px;line-height:1.3}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn .support-text{color:var(--ui-dialogue-translation-color,var(--ui-translation-color,#58718d));grid-area:2/2;margin:0;font-size:14px;line-height:1.3}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn .audio-compact{width:44px;height:44px;color:var(--dialogue-blue,#16345a);background:#dceefa;grid-area:1/3/span 2;align-self:center}}.dialogues-page .topbar,.dialogues-page .main-nav{background:var(--color-surface,#fff);border-color:var(--ui-border-color,#dbe6ed);padding-inline:max(24px,50% - 640px)}.dialogues-page .topbar{padding-block:var(--ui-page-space,28px);gap:var(--ui-nav-space,24px)}.dialogues-page .brand,.device-page .brand,.student-module-page .brand{font-size:var(--ui-section-title,2rem);color:var(--ui-title-color,var(--color-text,#16345a));font-weight:800}.dialogues-page .brand-dot,.device-page .brand-dot{color:var(--ui-accent-color,var(--color-accent,#ffc94d))}.dialogues-page .account{font-size:var(--student-body);gap:var(--ui-nav-space,24px)}.dialogues-page button,.device-page button,.student-module-page button{font-size:var(--ui-button,17px);color:var(--color-text);min-height:44px}.dialogues-page .bilingual-label,.device-page .bilingual-label{gap:6px}.dialogues-page .bilingual-label small,.device-page .bilingual-label small{font-size:var(--student-support);opacity:1;color:var(--ui-translation-color,var(--color-text-secondary,#58718d));line-height:1.4}.dialogues-page .main-nav{gap:var(--ui-nav-space,28px)}.dialogues-page .main-nav a{padding:var(--ui-nav-space,22px) var(--ui-nav-space,28px) var(--ui-nav-space,18px) 0;font-size:var(--ui-nav,1.5rem);text-align:left;color:var(--ui-nav-color,var(--color-text,#16345a));min-height:44px}.dialogues-page .main-nav a.active{border-color:var(--ui-nav-active-color,var(--color-primary,#16345a));border-width:4px}.dialogues-page .main-nav .bilingual-label{align-items:flex-start}.dialogues-page .learning-main,.student-module-page .learning-main{max-width:1280px;padding:var(--ui-page-space,56px) var(--ui-nav-space,24px) var(--ui-nav-space,80px);margin-inline:auto}.dialogues-page .support-text,.device-page .support-text{font-size:var(--student-support);line-height:1.5}.dialogues-hero{align-items:center;gap:var(--ui-section-space,48px);margin-bottom:var(--ui-section-space,48px);grid-template-columns:minmax(0,1fr);display:grid}.dialogues-hero h1{font:600 var(--ui-page-title,3.4rem)/1.05 "Playfair Display", Georgia, serif;color:var(--ui-title-color,var(--color-text,#16345a));margin:0}.dialogues-title-translation{font-size:var(--ui-translation,1.75rem);color:var(--ui-translation-color,var(--color-text-secondary,#587da4));margin-top:12px;display:block}.dialogues-hero>div>i{background:var(--ui-accent-color,var(--color-accent,#ffc94d));border-radius:4px;width:96px;height:4px;margin:24px 0;display:block}.dialogues-hero p{font-size:var(--ui-body,1.5rem);max-width:75ch;margin:0;line-height:1.5}:is(.dialogues-page,.dialogue-module) .dialogue-grid{gap:var(--ui-grid-space,28px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-card{min-width:0;min-height:360px;padding:var(--ui-card-space,28px);gap:var(--ui-card-space,24px);border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);border-radius:20px;box-shadow:0 8px 24px #16345a0a}.dialogue-card-top{justify-content:space-between;align-items:center;display:flex}:is(.dialogues-page,.dialogue-module) .dialogue-card .card-number{background:var(--ui-accent-color,var(--color-accent,#ffc94d));width:64px;height:64px;color:var(--ui-title-color,var(--color-text,#16345a));font-size:var(--ui-card-title,1.5rem);border-radius:16px;font-weight:700}.dialogue-card-top svg{width:64px;height:64px;color:var(--ui-extra-color,#6faef0)}:is(.dialogues-page,.dialogue-module) .dialogue-card h2{font:600 var(--ui-card-title,2rem)/1.2 "Playfair Display", Georgia, serif;overflow-wrap:anywhere;color:var(--ui-title-color,var(--color-text,#16345a));margin:0 0 12px}:is(.dialogues-page,.dialogue-module) .dialogue-card .support-text{font-size:var(--student-support);color:var(--ui-translation-color,var(--color-text-secondary,#58718d));margin:0}.dialogues-page .card-action{font-size:var(--student-body);background:var(--dialogue-light);color:var(--dialog-role-text,var(--ui-body-color));border-radius:40px;align-items:center;gap:12px;min-height:84px;padding:16px 20px;display:flex}.dialogues-page .card-action b{width:44px;height:44px;font-size:var(--ui-card-title,28px);background:#ffffff59;border-radius:50%;flex:none;place-items:center;display:grid}.dialogues-page .back-link{font-size:var(--student-body);margin-bottom:var(--ui-section-space,32px);gap:8px;min-height:44px;display:inline-flex}:is(.dialogues-page,.dialogue-module) .dialogue-module{max-width:none;margin:0}:is(.dialogues-page,.dialogue-module) .dialogue-detail-hero{margin-bottom:var(--ui-section-space,36px)}:is(.dialogues-page,.dialogue-module) .dialogue-detail-art{display:none}:is(.dialogues-page,.dialogue-module) .dialogue-module .page-heading{max-width:none;margin:0}:is(.dialogues-page,.dialogue-module) .dialogue-module h1{font:600 var(--ui-page-title,4rem)/1.12 "Playfair Display", Georgia, serif;letter-spacing:-.035em;white-space:normal;overflow-wrap:anywhere;color:var(--ui-title-color,var(--color-text,#16345a));max-width:75ch;margin:0}:is(.dialogues-page,.dialogue-module) .dialogue-module h1:after{content:"";background:var(--ui-accent-color,var(--color-accent,#ffc94d));border-radius:4px;width:96px;height:4px;margin:24px 0 16px;display:block}:is(.dialogues-page,.dialogue-module) .dialogue-detail-hero .support-text{font-size:var(--ui-translation,1.625rem);color:var(--ui-translation-color,var(--color-text-secondary,#587da4));margin:0}:is(.dialogues-page,.dialogue-module) .dialogue-modes{gap:var(--ui-grid-space,20px);margin:0 0 var(--ui-section-space,32px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card{text-align:left;min-height:176px;padding:var(--ui-card-space,24px);background:var(--color-surface,#fff);color:var(--dialog-role-text,var(--ui-body-color));border:1px solid var(--ui-border-color,#c6deef);border-radius:20px;grid-template-columns:64px minmax(0,1fr) 20px;gap:18px;transition:transform .2s,box-shadow .2s;display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card .bilingual-label{font-size:var(--ui-body,17px);align-items:flex-start;line-height:1.35}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d))}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #16345a12}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card[aria-pressed=true],:is(.dialogues-page,.dialogue-module) .dialogue-mode-card.active{background:color-mix(in srgb, var(--ui-hover-color,#8ccbff) 22%, var(--color-surface,#fff));color:var(--ui-body-color,var(--color-text,#16345a));border-color:var(--color-primary,#16345a)}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card[aria-pressed=true] small,:is(.dialogues-page,.dialogue-module) .dialogue-mode-card.active small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d))}.dialogue-mode-icon{width:64px;height:64px;font-style:normal;font-size:var(--ui-section-title,32px);flex:none;place-items:center;font-weight:800;display:grid}.dialogue-mode-icon svg{width:60px;height:54px}.dialogue-mode-icon.A,.dialogue-mode-icon.B{color:var(--on-primary,#fff);border-radius:50%}.dialogue-mode-icon.A{background:var(--dialogue-person-a,var(--color-primary,#16345a));color:var(--on-person-a,#fff)}.dialogue-mode-icon.B{background:var(--dialogue-person-b,var(--dialogue-light,#8ccbff));color:#fff}.dialogue-mode-arrow{font-size:var(--ui-section-title,36px);line-height:1}:is(.dialogues-page,.dialogue-module) .dialogue-transcript{border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);border-radius:20px;padding:12px 32px}:is(.dialogues-page,.dialogue-module) .dialogue-turn{padding:var(--ui-turn-space,28px) 0}:is(.dialogues-page,.dialogue-module) .dialogue-turn[data-speaker-role=A]{--dialog-role-color:var(--dialogue-person-a,var(--color-primary,#16345a));--dialog-role-text:var(--dialogue-person-a-text,var(--color-text,#16345a));--dialog-role-ink:var(--on-person-a,#fff)}:is(.dialogues-page,.dialogue-module) .dialogue-turn[data-speaker-role=B]{--dialog-role-color:var(--dialogue-person-b,var(--dialogue-light,#8ccbff));--dialog-role-text:var(--dialogue-person-b-text,var(--color-text,#16345a));--dialog-role-ink:#fff}:is(.dialogues-page,.dialogue-module) .dialogue-role{align-items:center;gap:16px;display:flex}:is(.dialogues-page,.dialogue-module) .dialogue-role strong{font-size:var(--ui-role,var(--student-body));color:var(--dialog-role-text);line-height:1.35}:is(.dialogues-page,.dialogue-module) .dialogue-role .support-text{font-size:var(--ui-role,var(--student-support));margin:4px 0 0}:is(.dialogues-page,.dialogue-module) .dialogue-speaker-badge{background:var(--dialog-role-color);width:48px;height:48px;color:var(--dialog-role-ink);font:700 var(--ui-card-title,24px)/1 Arial, sans-serif;border-radius:50%;flex:none;place-items:center;display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-turn .dutch-line{font-size:var(--ui-dialogue,2rem);color:var(--dialog-role-text,var(--ui-body-color));max-width:75ch;margin:20px 0 8px;line-height:1.45}:is(.dialogues-page,.dialogue-module) .dialogue-turn .support-text{font-size:var(--ui-dialogue-translation,var(--student-support));color:var(--ui-translation-color,var(--color-text-secondary,#58718d))}:is(.dialogues-page,.dialogue-module) .dialogue-exercise{padding:var(--ui-practice-space,28px);border:1px solid var(--ui-border-color,#dbe6ed);border-left:4px solid var(--dialog-role-color);background:var(--color-surface,#fbfdff);border-radius:16px;margin:16px 0}:is(.dialogues-page,.dialogue-module) .dialogue-prompt{font-size:var(--ui-prompt,var(--ui-dialogue,2rem));color:var(--ui-practice-color,var(--dialog-role-text));max-width:75ch;margin:24px 0;line-height:1.5}:is(.dialogues-page,.dialogue-module) .dialogue-answer-input{font-size:max(var(--ui-practice-input,1rem), 16px);min-height:44px;padding:16px}:is(.dialogues-page,.dialogue-module) .dialogue-exercise>.audio{margin:8px 0 20px;display:block}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions{gap:var(--ui-button-space,16px);margin-top:20px}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions button{min-height:44px;font-size:var(--ui-button,17px);background:var(--color-surface,#fff);color:var(--ui-body-color,var(--color-text,#16345a));border-color:var(--ui-border-color,#c8d9e7);border-radius:12px;padding:14px 24px}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions .primary{background:var(--color-surface,#fff);color:var(--ui-body-color,var(--color-text,#16345a));border-color:var(--ui-border-color,#c8d9e7)}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions button .bilingual-label small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d))}@media (hover:hover){:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions button:hover{background:color-mix(in srgb, var(--ui-hover-color,#8ccbff) 22%, var(--color-surface,#fff));border-color:var(--color-primary,#16345a)}}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions .secondary{color:var(--ui-button-text-color,var(--color-text,#16345a));border:1px solid var(--ui-border-color,#c8d9e7);background:0 0}.dialogues-page .completion-banner,.dialogues-page .feedback{font-size:var(--student-body);line-height:1.5}.student-module-page .module-grid{gap:var(--ui-grid-space,28px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.student-module-page .module-card,.device-page .device-card{padding:var(--ui-card-space,28px);border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);border-radius:20px;min-width:0}.student-module-page .module-card h2,.device-page .device-card h2{font:600 var(--ui-card-title,2rem)/1.2 "Playfair Display", Georgia, serif;overflow-wrap:anywhere;color:var(--ui-title-color,var(--color-text,#16345a));margin:0 0 12px}.device-page .device-card button{min-height:44px;font-size:var(--ui-button,17px);padding:14px 24px}.student-module-page .module-card .card-action,.device-page .device-card .card-action{min-height:44px;font-size:var(--student-body);align-items:center;gap:12px;display:flex}@media (max-width:1024px){.dialogues-hero{grid-template-columns:1fr}:is(.dialogues-page,.dialogue-module) .dialogue-grid,:is(.dialogues-page,.dialogue-module) .dialogue-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.dialogues-page .topbar,.dialogues-page .main-nav{padding-inline:20px}.dialogues-page .main-nav{flex-wrap:wrap;gap:16px}.dialogues-page .main-nav a{font-size:var(--ui-nav,1.25rem);padding:16px 0}.dialogues-page .learning-main,.student-module-page .learning-main{padding:32px 20px 56px}.dialogues-hero h1{font-size:clamp(24px, var(--ui-page-title,3.4rem), 2.4rem)}:is(.dialogues-page,.dialogue-module) .dialogue-grid,:is(.dialogues-page,.dialogue-module) .dialogue-modes{grid-template-columns:1fr}:is(.dialogues-page,.dialogue-module) .dialogue-turn .dutch-line{font-size:var(--ui-dialogue,1.6rem)}:is(.dialogues-page,.dialogue-module) .dialogue-module h1{font-size:clamp(24px, var(--ui-page-title,4rem), 2.6rem)}:is(.dialogues-page,.dialogue-module) .dialogue-transcript{padding:8px 20px}}@media (max-width:700px){.student-topbar{grid-template-columns:1fr auto;row-gap:14px}.student-topbar .language-center{grid-area:2/1/auto/-1;justify-self:center}}@media (max-width:480px){.dialogues-page .topbar,.dialogues-page .main-nav{padding-inline:16px}.dialogues-page .learning-main,.student-module-page .learning-main{padding:24px 16px 48px}.dialogues-page .brand,.device-page .brand,.student-module-page .brand{font-size:max(24px, var(--ui-section-title,2rem));font-size:24px}body,.dialogues-page,.device-page,.student-module-page{font-size:max(16px, var(--ui-body,17px))}.dialogues-hero h1,:is(.dialogues-page,.dialogue-module) .dialogue-module h1{font-size:max(24px, var(--ui-page-title,3.4rem))}.dialogues-title-translation,:is(.dialogues-page,.dialogue-module) .dialogue-detail-hero .support-text{font-size:max(16px, var(--ui-translation,1.75rem))}:is(.dialogues-page,.dialogue-module) .dialogue-card h2,.student-module-page .module-card h2,.device-page .device-card h2{font-size:max(24px, var(--ui-card-title,2rem))}.dialogues-page button,.device-page button,.student-module-page button,.dialogues-page .main-nav a,.dialogues-page .back-link,.dialogues-page .card-action,.student-module-page .module-card .card-action,.device-page .device-card .card-action{min-height:44px}.dialogues-page .bilingual-label small,.device-page .bilingual-label small,.dialogues-page .support-text,.device-page .support-text,:is(.dialogues-page,.dialogue-module) .dialogue-card .support-text,:is(.dialogues-page,.dialogue-module) .dialogue-turn .support-text{font-size:max(16px, var(--student-support))}:is(.dialogues-page,.dialogue-module) .dialogue-answer-input{font-size:max(16px, var(--ui-practice-input,1rem))}}@media (prefers-reduced-motion:reduce){:is(.dialogues-page,.dialogue-module) .dialogue-mode-card{transition:none}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card:hover{transform:none}}@media (forced-colors:active){:is(.dialogues-page,.dialogue-module) .dialogue-mode-card[aria-pressed=true],:is(.dialogues-page,.dialogue-module) .dialogue-mode-card.active{border:2px solid buttontext}}:is(.dialogues-page,.dialogue-module) .dialogue-turn .support-text{color:var(--dialogue-translation)}:is(.dialogues-page,.dialogue-module) .dialogue-feedback{font-size:var(--ui-feedback)}:is(.dialogues-page,.dialogue-module) .dialogue-feedback .dutch-line{font-size:var(--ui-answer)}:is(.dialogues-page,.dialogue-module) .dialogue-card{height:100%;min-height:132px;box-shadow:none;border-radius:12px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:16px 18px;display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-card-top{display:contents}:is(.dialogues-page,.dialogue-module) .dialogue-card-copy{grid-area:1/2/span 2;align-self:center;min-width:0}:is(.dialogues-page,.dialogue-module) .dialogue-card .card-number{border-radius:50%;grid-area:1/1/span 2;align-self:start;place-items:center;width:44px;height:44px;font-size:16px;display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-card h2{margin:0 0 4px;font-size:clamp(17px,1.4vw,21px);line-height:1.15}:is(.dialogues-page,.dialogue-module) .dialogue-card .support-text{font-size:14px;line-height:1.25}:is(.dialogues-page,.dialogue-module) .dialogue-card-top svg{grid-area:1/3;width:44px;height:44px}:is(.dialogues-page,.dialogue-module) .dialogue-card .card-action{min-height:0;color:inherit;background:0 0;grid-area:2/3;place-items:center;padding:0;display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-card .card-action b{background:var(--ui-role-action-color,#8ccbff);border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid}@media (max-width:767px){:is(.dialogues-page,.dialogue-module) .dialogue-grid{grid-template-columns:1fr}:is(.dialogues-page,.dialogue-module) .dialogue-card{gap:8px 10px;min-height:88px;padding:12px 14px}:is(.dialogues-page,.dialogue-module) .dialogue-card .card-number{width:40px;height:40px;font-size:15px}:is(.dialogues-page,.dialogue-module) .dialogue-card-top svg{width:38px;height:38px}:is(.dialogues-page,.dialogue-module) .dialogue-card .card-action b{width:30px;height:30px}}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions{gap:var(--ui-practice-space)}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions button{min-height:var(--ui-button-space)}.student-module-page .module-heading h1,.device-page h1{font:600 var(--ui-page-title)/1.2 "Playfair Display",Georgia,serif;color:var(--ui-title-color)}.module-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.module-topic-card{border:1px solid var(--ui-border-color);background:var(--color-surface);border-radius:20px;flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.module-topic-card h2{font-size:var(--ui-card-title);line-height:1.3}.module-topic-card p{font-size:var(--ui-translation);color:var(--ui-translation-color)}.module-topic-card .card-number{background:var(--color-accent);color:var(--color-text)}.module-topic-card .card-action{min-height:44px;margin-top:auto}.student-module-page .module-topic-card.dialogue-card{min-height:360px;padding:var(--ui-card-space,28px);gap:var(--ui-card-space,24px);box-shadow:0 8px 24px #16345a0a}.student-module-page .module-topic-card.dialogue-card .card-number{width:64px;height:64px;font-size:var(--ui-card-title,1.5rem);border-radius:16px}.student-module-page .module-topic-card.dialogue-card h2{font:600 var(--ui-card-title,2rem)/1.2 "Playfair Display",Georgia,serif;color:var(--ui-title-color,var(--color-text,#16345a));margin:0 0 12px}.student-module-page .module-topic-card.dialogue-card .support-text{font-size:var(--student-support);color:var(--ui-translation-color,var(--color-text-secondary,#58718d));margin:0}.student-module-page .module-topic-card.dialogue-card .card-action{background:var(--dialogue-light,var(--ui-role-action-color,#8ccbff));min-height:84px;color:var(--ui-body-color,var(--color-text,#16345a));font-size:var(--student-body);border-radius:40px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.student-module-page .module-topic-card.dialogue-card .card-action b{width:44px;height:44px;font-size:var(--ui-card-title,28px);background:#ffffff59;border-radius:50%;flex:none;place-items:center;display:grid}.basics-topic-layout{gap:var(--ui-grid-space,28px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.basics-topic-panel{padding:var(--ui-card-space,28px);border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);border-radius:20px;box-shadow:0 8px 24px #16345a0a}.basics-topic-panel h2{color:var(--ui-section-color,var(--color-text,#16345a))}.basics-topic-panel .support-text{color:var(--ui-translation-color,var(--color-text-secondary,#58718d))}.device-page{max-width:none;min-height:100dvh;margin:0;padding:0}.device-page section{margin:0 auto;padding:clamp(64px,8vw,110px) clamp(24px,6vw,80px)}.device-page h1 small{font-size:var(--ui-translation)}.device-page .device-card{background:var(--color-surface);border-color:var(--ui-border-color)}.device-page .device-intro{color:var(--color-text)}.device-page .student-topbar{border:0;border-bottom:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);align-items:center;width:100%;min-height:220px;margin:0;padding:clamp(32px,4vw,54px) clamp(28px,5vw,80px)}.device-page .student-topbar .brand-lockup{place-self:center start}.device-page .student-topbar .language-center{place-self:center}.device-page .student-topbar .account{text-align:center;place-self:center end}.device-page .student-topbar .account .bilingual-label{align-items:center}.device-page section{text-align:center;max-width:1120px}.device-page h1{margin-bottom:14px}.device-page .device-intro{color:var(--ui-title-color,var(--color-text,#16345a));margin-bottom:0}.device-page .device-intro small{color:var(--ui-translation-color,var(--color-text-secondary,#587da4))}.device-page .device-grid{align-items:stretch}.device-page .device-card{width:100%;min-height:240px;color:var(--ui-title-color,var(--color-text,#16345a));cursor:pointer;justify-content:center;align-items:center}.device-page .device-card strong{font-size:var(--ui-card-title,1.5rem)}.device-page .device-card .bilingual-label{align-items:center}.device-page .device-card .bilingual-label small{font-size:var(--ui-translation,1rem)}@media (max-width:700px){.device-page .student-topbar{align-items:start;min-height:0;margin:0;padding:24px}.device-page .student-topbar .account{align-self:start}.device-page section{margin:0 auto;padding:56px 24px}.device-page .device-card{flex-direction:row;gap:30px;min-height:140px}.device-page .device-grid{grid-template-columns:1fr}}@media (max-width:1024px){.module-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.dialogues-page,.dialogue-module) .dialogue-module h1,.dialogues-hero h1,.student-module-page .module-heading h1,.device-page h1{font-size:max(24px,calc(var(--ui-page-title) - 4px))}}@media (max-width:767px){.module-topic-grid,.device-page .device-grid{grid-template-columns:minmax(0,1fr)}:is(.dialogues-page,.dialogue-module) .dialogue-module h1,.dialogues-hero h1,.student-module-page .module-heading h1,.device-page h1{font-size:max(24px,calc(var(--ui-page-title) - 8px))}:is(.dialogues-page,.dialogue-module) .dialogue-card h2{font-size:var(--ui-card-title)}.dialogues-page .account{justify-content:flex-start;width:100%}:is(.dialogues-page,.dialogue-module) .dialogue-mode-card{grid-template-columns:48px minmax(0,1fr) 16px;gap:12px;padding:18px}.dialogue-mode-icon{width:48px;height:48px}.dialogue-mode-icon svg{width:44px}.dialogues-page .bilingual-label small,.dialogues-page .support-text{font-size:var(--ui-translation)}:is(.dialogues-page,.dialogue-module) .dialogue-turn .support-text{font-size:var(--ui-dialogue-translation)}}:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page){isolation:isolate;background:var(--color-background,#f8fcff);position:relative;overflow-x:hidden}:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page):before,:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page):after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page):before{background:color-mix(in srgb, var(--ui-role-action-color,#8ccbff) 20%, #fff);width:min(78vw,980px);height:420px;bottom:-250px;left:-14vw;transform:rotate(-7deg)}:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page):after{background:color-mix(in srgb, var(--ui-role-action-color,#8ccbff) 12%, #fff);width:min(62vw,760px);height:300px;top:8vh;right:-18vw;transform:rotate(11deg)}:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page)>*{z-index:0;position:relative}.student-home-page .student-home-wave{display:none}@media (max-width:700px){:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page):before{width:140vw;height:260px;bottom:-175px;left:-45vw}:is(.device-page,.student-home-page,.dialogues-page:not([data-dialogue-detail=true]),.student-module-page):after{width:90vw;height:190px;top:18vh;right:-50vw}}@media (hover:hover){.device-page button.device-card:hover,:is(.dialogues-page,.dialogue-module) button.dialogue-mode-card:not([aria-pressed=true]):hover,.dialogues-page a.theme-card:hover,.student-module-page .theme-card:hover{background-color:color-mix(in srgb, var(--ui-hover-color,#8ccbff) 22%, var(--color-surface,#fff));border-color:var(--color-primary,#16345a)}:is(.dialogues-page,.dialogue-module) button.dialogue-mode-card[aria-pressed=true]:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--ui-hover-color,#8ccbff) 45%, transparent), 0 8px 20px #16345a14}}.device-page button.device-card:focus-visible,:is(.dialogues-page,.dialogue-module) button.dialogue-mode-card:focus-visible,.dialogues-page a.theme-card:focus-visible,.student-module-page .theme-card:focus-visible{border-color:var(--color-primary,#16345a);box-shadow:0 0 0 4px color-mix(in srgb, var(--ui-hover-color,#8ccbff) 45%, transparent)}.app-shell .main-nav a,.app-shell .back-link{border-radius:10px;transition:background-color .18s,box-shadow .18s,transform .18s}@media (hover:hover){.app-shell .main-nav a:hover,.app-shell .back-link:hover{background-color:color-mix(in srgb, var(--ui-hover-color,#8ccbff) 22%, var(--color-surface,#fff));transform:translateY(-2px);box-shadow:0 4px 12px #16345a14}}.app-shell .main-nav a:focus-visible,.app-shell .back-link:focus-visible{background-color:color-mix(in srgb, var(--ui-hover-color,#8ccbff) 22%, var(--color-surface,#fff));box-shadow:0 0 0 4px color-mix(in srgb, var(--ui-hover-color,#8ccbff) 45%, transparent)}.dialogue-chooser-grid{gap:var(--ui-grid-space,20px);margin-top:var(--ui-section-space,32px);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px;display:grid}.dialogue-chooser-grid .dialogue-mode-card{border:1px solid var(--ui-border-color,#c8d9e7);min-height:120px;color:inherit;background:var(--color-surface,#fff);text-align:center;border-radius:12px;grid-template-rows:1fr auto;grid-template-columns:1fr;place-items:center;gap:8px;padding:16px;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s;display:grid}.dialogue-chooser-grid .dialogue-mode-card .bilingual-label{flex-direction:column;gap:4px;min-width:0;display:flex}.dialogue-chooser-grid .dialogue-mode-card small{color:var(--ui-translation-color,#58718d);line-height:1.25}.dialogue-chooser-grid .dialogue-mode-card .dialogue-mode-icon{grid-area:2/1;width:44px;height:44px}.dialogue-chooser-grid .dialogue-mode-card .dialogue-mode-icon svg{width:42px;height:38px}.dialogue-chooser-grid .dialogue-mode-card>span:not(.dialogue-mode-icon){grid-area:1/1;min-width:0}.dialogue-chooser-grid .dialogue-mode-card>b{display:none}.dialogue-chooser-grid .dialogue-mode-card:hover{background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 10%,var(--color-surface,#fff));border-color:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 45%,var(--ui-border-color,#c8d9e7));box-shadow:0 4px 12px #16345a0f}.dialogue-chooser-grid .dialogue-mode-card:focus-visible{border-color:var(--color-primary,#16345a);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-hover-color,#8ccbff) 45%,transparent);outline:0}.dialogue-chooser-grid .dialogue-mode-card.active{background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 18%,var(--color-surface,#fff));border-color:var(--ui-hover-color,#8ccbff)}.dialogue-detail-page .dialogue-modes{display:none}@media (max-width:767px){.dialogue-chooser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:18px}.dialogue-chooser-grid .dialogue-mode-card{text-align:center;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;justify-items:center;gap:5px;min-width:0;min-height:118px;padding:9px 5px}.dialogue-chooser-grid .dialogue-mode-card .bilingual-label{align-items:center;font-size:12px;line-height:1.15}.dialogue-chooser-grid .dialogue-mode-card small{font-size:9px}.dialogue-chooser-grid .dialogue-mode-card .dialogue-mode-icon{width:34px;height:34px;font-size:15px}.dialogue-chooser-grid .dialogue-mode-card .dialogue-mode-icon svg{width:34px;height:30px}.dialogue-chooser-grid .dialogue-mode-card>b{font-size:18px}}.dialogues-page[data-dialogue-detail=true] .footer a{border-radius:10px;padding:8px 12px;transition:background-color .18s,box-shadow .18s,transform .18s}.dialogues-page[data-dialogue-detail=true] .footer a:first-child{text-align:right;order:2}.dialogues-page[data-dialogue-detail=true] .footer a:last-child,.dialogues-page[data-dialogue-detail=true] .footer .mode-chooser-link{order:1}.dialogues-page[data-dialogue-detail=true] .footer .dialogues-link{order:2}.dialogues-page[data-dialogue-detail=true] .footer .next-dialogue-link{order:3}@media (hover:hover){.dialogues-page[data-dialogue-detail=true] .footer a:hover{background-color:color-mix(in srgb, var(--ui-hover-color,#8ccbff) 22%, var(--color-surface,#fff));transform:translateY(-2px);box-shadow:0 4px 12px #16345a14}}.dialogues-page[data-dialogue-detail=true] .footer a:focus-visible{background-color:color-mix(in srgb, var(--ui-hover-color,#8ccbff) 22%, var(--color-surface,#fff));box-shadow:0 0 0 4px color-mix(in srgb, var(--ui-hover-color,#8ccbff) 45%, transparent)}@media (max-width:767px){.basics-topic-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.dialogue-detail-page .audio-compact{display:none}.dialogue-detail-page .audio-compact-native{display:block}.app-shell{font-family:Poppins,Arial,sans-serif;overflow-x:hidden}.app-shell:not(.dialogue-detail-page) .student-topbar{background:color-mix(in srgb, var(--ui-role-action-color,#8ccbff) 4%, #fff);border-bottom:1px solid color-mix(in srgb, var(--ui-role-action-color,#8ccbff) 28%, #fff);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px;padding:12px 14px}.app-shell:not(.dialogue-detail-page) .student-topbar .brand{letter-spacing:-.04em;white-space:nowrap;font-size:21px;line-height:1.05}.app-shell:not(.dialogue-detail-page) .student-topbar .support-email{max-width:205px;font-size:9px;line-height:1.25}.app-shell:not(.dialogue-detail-page) .student-topbar .support-email svg{width:11px;height:11px}.app-shell:not(.dialogue-detail-page) .student-topbar .account{place-self:start end;width:auto}.app-shell:not(.dialogue-detail-page) .student-topbar .account button{border-radius:10px;min-height:38px;padding:4px 7px;font-size:13px}.app-shell:not(.dialogue-detail-page) .student-topbar .account small{font-size:9px}.app-shell:not(.dialogue-detail-page) .student-topbar .language-center{grid-column:1/-1;justify-self:stretch;width:100%}.app-shell:not(.dialogue-detail-page) .student-topbar .language-selector-block{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.app-shell:not(.dialogue-detail-page) .student-topbar .language-selector-prompt{margin:0;font-size:13px}.app-shell:not(.dialogue-detail-page) .student-topbar .language-selector-prompt small{font-size:9px}.app-shell:not(.dialogue-detail-page) .student-topbar .language-selector{border:1px solid color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 55%,#fff);background:#fff;border-radius:11px;gap:0;padding:2px}.app-shell:not(.dialogue-detail-page) .student-topbar .language-selector button{border:0;border-radius:9px;min-width:48px;min-height:38px;padding:5px 8px;font-size:13px}.app-shell .main-nav{z-index:20;padding:7px 14px calc(7px + env(safe-area-inset-bottom));scrollbar-width:none;background:color-mix(in srgb, var(--ui-role-action-color,#8ccbff) 4%, #fff);border-top:1px solid var(--ui-border-color,#dbe6ed);scroll-snap-type:x proximity;flex-wrap:nowrap;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -4px 18px #16345a14}.app-shell .main-nav::-webkit-scrollbar{display:none}.app-shell .main-nav a{scroll-snap-align:start;border:1px solid #0000;border-radius:12px;flex:none;min-height:44px;padding:7px 10px;font-size:14px;line-height:1.15}.app-shell .main-nav a small{font-size:9px}.app-shell .main-nav a.active{background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 24%,#fff);border-color:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 55%,#fff)}.dialogues-page .learning-main,.student-module-page .learning-main{padding:22px 14px calc(110px + env(safe-area-inset-bottom))}.dialogues-hero{gap:14px;margin-bottom:22px}.dialogues-hero h1,.student-module-page .module-heading h1{font-size:clamp(30px,10vw,40px);line-height:1.05}.dialogues-title-translation{margin-top:5px;font-size:16px}.dialogues-hero>div>i{width:58px;height:3px;margin:14px 0}.dialogues-hero p{font-size:16px;line-height:1.4}:is(.dialogues-page,.dialogue-module) .dialogue-grid,.module-topic-grid{gap:14px}:is(.dialogues-page,.dialogue-module) .dialogue-card,.student-module-page .module-topic-card.dialogue-card{border-radius:16px;gap:14px;min-height:0;padding:16px}:is(.dialogues-page,.dialogue-module) .dialogue-card .card-number,.student-module-page .module-topic-card.dialogue-card .card-number{border-radius:12px;width:46px;height:46px;font-size:17px}.dialogue-card-top svg{width:48px;height:48px}:is(.dialogues-page,.dialogue-module) .dialogue-card h2,.student-module-page .module-topic-card.dialogue-card h2{margin-bottom:6px;font-size:24px;line-height:1.15}:is(.dialogues-page,.dialogue-module) .dialogue-card .support-text,.student-module-page .module-topic-card.dialogue-card .support-text{font-size:14px}.dialogues-page .card-action,.student-module-page .module-topic-card.dialogue-card .card-action{border-radius:26px;min-height:52px;padding:8px 12px 8px 16px;font-size:16px}.dialogues-page .card-action b,.student-module-page .module-topic-card.dialogue-card .card-action b{width:36px;height:36px;font-size:20px}.basics-topic-panel{border-radius:16px;padding:18px 16px}:is(.dialogues-page,.dialogue-module) .dialogue-transcript{border-radius:16px;padding:4px 14px}:is(.dialogues-page,.dialogue-module) .dialogue-turn{padding:20px 0}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions{grid-template-columns:1fr;gap:10px;display:grid}:is(.dialogues-page,.dialogue-module) .dialogue-exercise .actions button{width:100%;min-height:48px}:is(.dialogues-page,.dialogue-module) audio{width:100%;max-width:100%}.app-shell .footer{margin-inline:14px;padding:18px 0;font-size:13px}.student-home-page .student-topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px}.student-home-page .account{top:12px;right:14px}.student-home-page .learning-main,.student-home-hero{min-height:calc(100dvh - 70px)}.student-home-prompt{gap:8px;padding:20px 14px 72px}.student-home-prompt h1{font:800 clamp(34px,12vw,48px)/1.04 Poppins,Arial,sans-serif}.student-home-prompt p{font-size:16px}.student-home-prompt .language-selector{border:1px solid color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 55%,#fff);background:#fff;border-radius:14px;gap:0;margin-top:10px;padding:2px}.student-home-prompt .language-selector button{border:0;border-radius:11px;min-width:72px;min-height:46px;font-size:15px}}.dialogue-mobile-topbar,.dialogue-mobile-nav,.audio-compact,.student-nav-icon{display:none}@media (max-width:600px){.dialogue-mobile-nav{display:flex}.dialogue-detail-page .learning-main{padding:0 16px calc(110px + env(safe-area-inset-bottom))}.dialogue-detail-page .dialogue-module{flex-direction:column;display:flex}.dialogue-mobile-topbar{border-bottom:1px solid var(--ui-border-color,#dbe6ed);background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 4%,#fff);z-index:15;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;margin:0 -16px 14px;padding:11px 16px;display:grid;position:sticky;top:0}.dialogue-mobile-topbar a,.dialogue-mobile-topbar>span{white-space:nowrap;font-size:14px}.dialogue-mobile-topbar strong{text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:16px;overflow:hidden}.dialogue-detail-page .dialogue-detail-hero,.dialogue-detail-page .dialogue-home-link{display:none}.dialogue-detail-page .dialogue-transcript{background:0 0;border:0;order:1;padding:0}.dialogue-detail-page .dialogue-modes{order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 18px}.dialogue-detail-page .dialogue-mode-card{border-radius:12px;grid-template-columns:30px minmax(0,1fr);gap:7px;min-height:52px;padding:8px;font-size:13px}.dialogue-detail-page .dialogue-mode-card.full{grid-column:1/-1;min-height:44px}.dialogue-detail-page .dialogue-mode-icon{width:30px;height:30px;font-size:15px}.dialogue-detail-page .dialogue-mode-icon.full svg{width:30px}.dialogue-detail-page .dialogue-mode-arrow{display:none}.dialogue-detail-page .dialogue-mode-card small{font-size:11px}.dialogue-detail-page .dialogue-turn{border-radius:14px;grid-template-columns:34px minmax(0,1fr) 42px;align-items:start;column-gap:10px;margin:0 0 10px;padding:12px;display:grid}.dialogue-detail-page .dialogue-turn[data-speaker-role=A]{background:color-mix(in srgb,var(--color-accent,#ffc94d) 16%,#fff)}.dialogue-detail-page .dialogue-turn[data-speaker-role=B]{background:color-mix(in srgb,var(--dialog-role-color) 12%,#fff)}.dialogue-detail-page .dialogue-role{display:contents}.dialogue-detail-page .dialogue-role strong{display:none}.dialogue-detail-page .dialogue-speaker-badge{grid-area:1/1/span 3;width:32px;height:32px;font-size:16px}.dialogue-detail-page .dialogue-turn .dutch-line{grid-column:2;margin:0 0 4px;font-size:17px;line-height:1.35}.dialogue-detail-page .dialogue-turn .support-text{color:var(--ui-translation-color,#58718d);grid-column:2;margin:0;font-size:14px;line-height:1.35}.dialogue-detail-page .dialogue-turn>.audio{grid-area:1/3/span 2;align-self:center;margin:0}.dialogue-detail-page .dialogue-turn audio{width:40px;height:40px}.dialogue-detail-page .dialogue-exercise .dialogue-prompt,.dialogue-detail-page .dialogue-exercise .dialogue-answer-input,.dialogue-detail-page .dialogue-exercise .actions,.dialogue-detail-page .dialogue-exercise .dialogue-feedback{grid-column:2/4}.dialogue-detail-page .dialogue-exercise>.audio{grid-area:auto/2/auto/4;width:100%;margin:8px 0 0}.dialogue-detail-page .footer{padding-bottom:calc(108px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:8px;margin-inline:16px;display:grid}.dialogue-detail-page .footer .mode-chooser-link{grid-column:1/-1}.dialogue-detail-page .footer a{border:1px solid var(--ui-border-color,#dbe6ed);min-height:44px;color:var(--ui-body-color,var(--color-text,#16345a));justify-content:center;align-items:center;padding:8px;font-family:inherit;display:flex;text-align:center!important}.dialogue-detail-page .footer a .bilingual-label{align-items:center;gap:1px;line-height:1.2}.dialogue-detail-page .footer a .bilingual-label>span{color:var(--ui-body-color,var(--color-text,#16345a));font-size:14px;font-weight:600}.dialogue-detail-page .footer a .bilingual-label small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d));font-size:12px;font-weight:400}}.question-answer-module .dialogue-transcript{background:0 0;border:0;padding:0}.question-answer-pair{border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);border-radius:16px;margin:0 0 16px;overflow:hidden}.question-answer-pair .dialogue-turn{border:0;border-radius:0;margin:0;padding:20px}.question-answer-pair .dialogue-turn+.dialogue-turn{border-top:1px solid var(--ui-border-color,#dbe6ed)}@media (max-width:600px){.question-answer-pair{border-radius:14px;margin-bottom:12px}.question-answer-pair .dialogue-turn{border-radius:0;margin:0}.question-answer-pair .dialogue-turn:before{border:0;border-radius:0}}.question-answer-chooser{grid-template-columns:repeat(2,minmax(0,1fr))}.question-pair-navigation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;display:grid}.question-pair-navigation button{border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);min-height:44px;color:var(--ui-body-color,var(--color-text,#16345a));font:inherit;cursor:pointer;border-radius:12px;font-weight:700}.question-pair-navigation button:last-child{background:var(--color-primary,#16345a);color:#fff;justify-self:stretch}.question-pair-navigation button:disabled{opacity:.45;cursor:default}.question-pair-navigation>span{color:var(--ui-translation-color,#58718d);font-weight:700}.question-answer-practice .answer-reveal-row{grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px;margin-top:12px;display:grid}.question-answer-practice .answer-reveal-row .actions{margin:0}.question-answer-practice .answer-reveal-row .actions button{min-width:172px;min-height:52px}.question-answer-practice .answer-reveal-row .actions button,.question-answer-practice .answer-reveal-row .actions button:hover,.question-answer-practice .answer-reveal-row .actions button:focus-visible,.question-answer-practice .answer-reveal-row .actions button:active{background:var(--color-surface,#fff);color:var(--ui-body-color,var(--color-text,#16345a));border-color:var(--color-primary,#16345a)}.question-answer-practice .answer-reveal-row .actions button .bilingual-label>span{color:var(--ui-body-color,var(--color-text,#16345a))}.question-answer-practice .answer-reveal-row .actions button .bilingual-label small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d))}.question-answer-practice .answer-reveal-row .dialogue-feedback{align-items:center;width:100%;min-height:48px;margin:0;display:flex}.question-answer-practice .answer-reveal-row .dialogue-feedback p{margin:0}.question-answer-practice .answer-reveal-row>audio.audio-compact-native{width:min(234px,100%);height:48px;margin:0}@media (max-width:600px){.dialogue-detail-page .question-answer-chooser{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dialogue-detail-page .question-answer-chooser .dialogue-mode-card.full{grid-column:auto}.question-answer-practice .dialogue-exercise .dialogue-prompt,.question-answer-practice .dialogue-exercise .dialogue-answer-input,.question-answer-practice .dialogue-exercise .actions,.question-answer-practice .dialogue-exercise .dialogue-feedback,.question-answer-practice .dialogue-exercise>audio.audio-compact-native{grid-column:2/4}.question-pair-navigation{gap:8px}.question-pair-navigation button{padding:8px}.question-pair-navigation .bilingual-label small{font-size:11px}.dialogue-detail-page .dialogue-mobile-topbar{grid-template-columns:minmax(0,1fr) auto}.dialogue-detail-page .dialogue-mobile-topbar a{color:var(--dialogue-blue,#16345a);flex-direction:column;align-items:flex-start;gap:1px;line-height:1.2;display:flex}.dialogue-detail-page .dialogue-mobile-topbar a .bilingual-label{flex-direction:column;align-items:flex-start;display:flex}.dialogue-detail-page .dialogue-mobile-topbar a .bilingual-label>span{color:var(--ui-body-color,var(--color-text,#16345a));font-size:14px}.dialogue-detail-page .dialogue-mobile-topbar a .bilingual-label small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d));font-size:12px;font-weight:400}.dialogue-detail-page .dialogue-mobile-topbar>span{grid-area:1/2}.dialogue-detail-page .dialogue-detail-hero{margin:0 0 12px;display:block}.dialogue-detail-page .dialogue-detail-hero .page-heading{margin:0}.dialogue-detail-page .dialogue-detail-hero h1{font-size:clamp(28px,8vw,38px);line-height:1.05}.dialogue-detail-page .dialogue-detail-hero h1:after{width:54px;height:3px;margin:12px 0 8px}.dialogue-detail-page .dialogue-detail-hero .support-text{font-size:14px}.dialogue-detail-page .dialogue-chooser-grid{order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 18px;display:grid}.dialogue-detail-page .dialogue-mode-card{border-radius:10px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:2px 4px;min-width:0;min-height:102px;padding:8px 6px;display:grid}.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon{grid-area:1/1;width:28px;height:28px;font-size:15px}.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon.full svg{width:28px;height:28px}.dialogue-detail-page .dialogue-mode-card>span:not(.dialogue-mode-icon){grid-area:2/1/auto/-1;min-width:0}.dialogue-detail-page .dialogue-mode-card .bilingual-label{gap:1px;font-size:11px;line-height:1.1}.dialogue-detail-page .dialogue-mode-card .bilingual-label small{font-size:9px;line-height:1.1}.dialogue-detail-page .dialogue-mode-card>b{background:#e6f2fb;border-radius:50%;grid-area:3/2;justify-self:end;place-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:grid}.dialogue-detail-page .dialogue-mode-card{grid-template-rows:1fr auto;grid-template-columns:1fr;justify-items:center;gap:5px}.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon{grid-area:2/1}.dialogue-detail-page .dialogue-mode-card>span:not(.dialogue-mode-icon){grid-area:1/1}.dialogue-detail-page .dialogue-mode-card>b{display:none}.dialogue-detail-page .dialogue-transcript{order:2}.dialogue-detail-page .dialogue-turn{background:var(--color-surface,#fff);border:1px solid var(--ui-border-color,#dbe6ed);border-radius:14px;grid-template-columns:38px minmax(0,1fr) 44px;padding:10px 8px}.dialogue-detail-page .dialogue-speaker-badge{width:38px;height:38px}.dialogue-detail-page .dialogue-turn>.audio{width:42px;height:42px}.dialogue-detail-page .dialogue-turn audio::-webkit-media-controls-panel{background-color:#dceefa}.dialogues-page:not(.dialogue-detail-page) .student-topbar .language-center{display:none}.dialogues-page:not(.dialogue-detail-page) .student-topbar{background:var(--color-surface,#fff);grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px 16px 12px}.dialogues-page:not(.dialogue-detail-page) .student-topbar .brand{font-size:21px}.dialogues-page:not(.dialogue-detail-page) .student-topbar .support-email{max-width:none;font-size:11px;line-height:1.25}.dialogues-page:not(.dialogue-detail-page) .student-topbar .account button{min-height:44px;padding:3px 0;font-size:14px}.dialogues-page:not(.dialogue-detail-page) .student-topbar .account small{color:var(--ui-translation-color,#66758a);font-size:11px}.dialogues-page:not(.dialogue-detail-page) .learning-main{padding:24px 16px calc(94px + env(safe-area-inset-bottom))}.dialogues-page:not(.dialogue-detail-page) .dialogues-hero{margin-bottom:22px}.dialogues-page:not(.dialogue-detail-page) .dialogues-hero h1{font-size:34px;line-height:1}.dialogues-page:not(.dialogue-detail-page) .dialogues-title-translation{color:var(--ui-translation-color,#66758a);font-size:16px}.dialogues-page:not(.dialogue-detail-page) .dialogues-hero>div>i{width:54px;height:4px;margin:14px 0}.dialogues-page:not(.dialogue-detail-page) .dialogues-hero p{margin:0;font-size:16px;line-height:1.35}.dialogues-page:not(.dialogue-detail-page) .dialogues-hero p .bilingual-label small{color:var(--ui-translation-color,#66758a);margin-top:4px;font-size:14px;line-height:1.35}.dialogues-page:not(.dialogue-detail-page) .dialogue-grid{gap:12px}.dialogues-page:not(.dialogue-detail-page) .dialogue-card{border-radius:17px;grid-template-rows:1fr auto;grid-template-columns:46px minmax(0,1fr) 44px;gap:6px 12px;min-height:92px;padding:12px;box-shadow:0 2px 8px #0d315f0a}.dialogues-page:not(.dialogue-detail-page) .dialogue-card .card-number{border-radius:13px;align-self:center;width:46px;height:46px;font-size:17px}.dialogues-page:not(.dialogue-detail-page) .dialogue-card h2{margin:0 0 5px;font-size:19px;line-height:1.08}.dialogues-page:not(.dialogue-detail-page) .dialogue-card .support-text{font-size:14px;line-height:1.2}.dialogues-page:not(.dialogue-detail-page) .dialogue-card-top svg{width:30px;height:30px;color:var(--ui-extra-color,#6f7c90);place-self:end center}.dialogues-page:not(.dialogue-detail-page) .dialogue-card .card-action{align-self:start;min-height:44px;padding:0}.dialogues-page:not(.dialogue-detail-page) .dialogue-card .card-action b{background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 58%,#fff);border-radius:50%;width:44px;height:44px;font-size:22px}.dialogues-page:not(.dialogue-detail-page) .main-nav{padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff7;justify-content:space-evenly;gap:4px;overflow-x:hidden}.dialogues-page:not(.dialogue-detail-page) .main-nav a{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;min-width:0;max-width:112px;min-height:58px;padding:6px 4px;font-size:12px;display:flex}.dialogues-page:not(.dialogue-detail-page) .main-nav .student-nav-icon{place-items:center;width:24px;height:24px;display:grid}.dialogues-page:not(.dialogue-detail-page) .main-nav .student-nav-icon svg{width:24px;height:24px}.dialogues-page:not(.dialogue-detail-page) .main-nav .bilingual-label small{display:none}.dialogue-detail-page .dialogue-chooser .dialogue-home-link{display:inline-flex}.dialogue-detail-page .dialogue-detail-hero h1{margin:0}.dialogue-detail-page .dialogue-detail-hero h1:after{display:block}.dialogue-detail-page .dialogue-chooser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px}.dialogue-detail-page .dialogue-mode-card{grid-template-rows:1fr auto;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:102px;padding:8px 5px}.dialogue-detail-page .dialogue-mode-card>span:not(.dialogue-mode-icon){grid-area:1/1;align-self:center}.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon{grid-area:2/1;width:30px;height:30px}.dialogue-detail-page .dialogue-mode-card .bilingual-label{font-size:clamp(11px,3.1vw,14px);line-height:1.12}.dialogue-detail-page .dialogue-mode-card .bilingual-label small{font-size:clamp(9px,2.6vw,12px)}.dialogue-detail-page .dialogue-mode-card .bilingual-label>span{color:var(--ui-body-color,var(--color-text,#16345a));font-weight:700}.dialogue-detail-page .dialogue-mode-card .bilingual-label small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d));font-weight:400}.dialogue-detail-page .dialogue-turn{background:0 0;border:0;grid-template-columns:38px minmax(0,1fr) 44px;margin:0 0 10px;padding:10px 8px;display:grid;position:relative}.dialogue-detail-page .dialogue-turn:before{content:"";z-index:0;border:1px solid var(--ui-border-color,#dbe6ed);background:var(--dialogue-card-background,#fff);border-radius:14px;position:absolute;inset:0}.dialogue-detail-page .dialogue-turn[data-speaker-role=A]{--dialogue-card-background:color-mix(in srgb,var(--color-accent,#ffc94d) 16%,#fff)}.dialogue-detail-page .dialogue-turn[data-speaker-role=B]{--dialogue-card-background:color-mix(in srgb,var(--dialogue-person-b,#8ccbff) 14%,#fff)}.dialogue-detail-page .dialogue-turn>*,.dialogue-detail-page .dialogue-speaker-badge{z-index:1;position:relative}.dialogue-detail-page .dialogue-speaker-badge{position:relative;top:auto;left:auto}.dialogue-detail-page .dialogue-turn .dutch-line{font-size:17px}.dialogue-detail-page .dialogue-turn .support-text{font-size:14px}.dialogue-detail-page .dialogue-answer-input{min-height:44px;font-size:16px}.dialogue-detail-page .dialogue-exercise .dialogue-prompt{grid-area:1/2/auto/4;margin:0;font-size:16px;line-height:1.4}.dialogue-detail-page .dialogue-exercise .dialogue-answer-input{grid-area:2/1/auto/4;width:100%;margin-top:12px}.dialogue-detail-page .dialogue-exercise .actions{grid-area:3/1/auto/4;margin-top:12px}.dialogue-detail-page .dialogue-exercise .actions button{background:var(--color-primary,#16345a);width:100%;min-height:52px;color:var(--on-primary,#fff);border-color:var(--color-primary,#16345a);padding:8px 14px}.dialogue-detail-page .dialogue-exercise .actions button .bilingual-label>span{color:var(--on-primary,#fff);font-weight:700}.dialogue-detail-page .dialogue-exercise .actions button .bilingual-label small{color:color-mix(in srgb,var(--on-primary,#fff) 78%,var(--ui-hover-color,#8ccbff));font-size:14px;font-weight:400}@media (hover:hover){.dialogue-detail-page .dialogue-exercise .actions button:hover{background:color-mix(in srgb,var(--color-primary,#16345a) 82%,var(--ui-hover-color,#8ccbff));color:var(--on-primary,#fff);border-color:var(--color-primary,#16345a)}}.dialogue-detail-page .dialogue-exercise .dialogue-feedback{grid-area:4/1/auto/4}.dialogue-detail-page .dialogue-turn>audio.audio-compact-native{grid-area:3/2/auto/4;justify-self:start;width:min(234px,100%);max-width:100%;height:52px;margin:6px 0 0;display:block}.dialogue-detail-page .dialogue-turn:not(.dialogue-exercise) .dutch-line{grid-row:1}.dialogue-detail-page .dialogue-turn:not(.dialogue-exercise) .support-text{grid-row:2}.dialogue-detail-page .dialogue-exercise>audio.audio-compact-native{grid-area:5/1/auto/4;margin-top:8px}.dialogue-detail-page .dialogue-exercise:not(:has(.dialogue-feedback))>audio.audio-compact-native{display:none}.dialogue-detail-page .dialogue-speaker-badge,.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-speaker-badge{grid-area:1/1;align-self:start;margin-top:0}.dialogue-detail-page .dialogue-chooser-grid .dialogue-mode-card.full{grid-column:auto;min-height:102px}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn[data-speaker-role]{background:0 0}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn:before{left:0}}.dialogue-detail-page .question-answer-module .question-answer-pair{border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);border-radius:16px;overflow:hidden}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn{border:0;border-radius:0;margin:0;background:0 0!important}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:before{background:0 0;border:0;border-radius:0}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn+.dialogue-turn{border-top:1px solid var(--ui-border-color,#dbe6ed)}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .dialogue-mode-card .bilingual-label{text-align:center;align-items:center}@media (max-width:600px){.dialogue-detail-page .question-answer-module .question-answer-chooser{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-detail-page .question-answer-module .question-answer-pair{border-radius:14px}.dialogue-detail-page .question-answer-module .dialogue-mode-card .question-practice-icon{grid-row:2;align-self:end;margin:0}.dialogue-detail-page .question-answer-module .dialogue-mode-card.A>span:not(.dialogue-mode-icon){grid-row:1;align-self:center}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-speaker-badge{border-radius:50%;grid-area:1/1;place-items:center;width:32px;height:32px;padding:0;display:grid}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-speaker-badge:after{content:none!important}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-role>div{grid-area:1/2;align-self:center}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-role strong{font-size:13px;line-height:1.2;display:block}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise) .dutch-line{grid-area:2/1/auto/4;margin-top:8px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise) .support-text{grid-area:3/1/auto/4}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise)>audio.audio-compact-native{grid-area:4/1/auto/4}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .dialogue-prompt{grid-area:2/1/auto/4;margin-top:8px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .dialogue-answer-input{grid-row:3}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row{grid-area:4/1/auto/4;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;margin-top:8px;display:grid}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions{grid-area:1/1;margin:0}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions button{width:auto;min-width:172px;min-height:46px;padding:5px 12px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .dialogue-feedback{grid-area:2/1;width:100%;min-height:42px;margin:0;padding:6px 10px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row>audio.audio-compact-native{grid-area:3/1;width:min(234px,100%);height:44px;margin:0;display:block}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn{padding:8px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-answer-input{min-height:44px;margin-top:8px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-prompt{margin-top:5px}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation{z-index:auto;margin-top:10px;margin-bottom:calc(82px + env(safe-area-inset-bottom));background:0 0;grid-template-columns:120px minmax(0,1fr) 120px;padding:6px 0;position:relative;bottom:auto}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation>span{text-align:center;justify-self:auto;position:absolute;left:50%;transform:translate(-50%)}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation button{width:120px;min-height:44px;padding:5px 8px}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation button:first-child{grid-column:1;justify-self:start}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation button:last-child{grid-column:3;justify-self:end}.dialogue-detail-page:has(.question-answer-module) .footer{display:none}.dialogue-detail-page .question-answer-module .page-heading.compact{margin-bottom:10px}.dialogue-detail-page .question-answer-module .page-heading.compact h1{font-size:28px;line-height:1.05}.dialogue-detail-page .question-answer-module .page-heading.compact .support-text{margin-top:5px;font-size:14px}.dialogue-detail-page .question-answer-module .question-answer-chooser{margin-bottom:10px}.dialogue-detail-page .question-answer-module .question-answer-chooser .dialogue-mode-card{min-height:84px;padding:6px 5px}.dialogue-detail-page .question-answer-module .question-answer-chooser .dialogue-mode-icon.full svg{stroke-width:2.3px;width:34px;height:32px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-answer-input{height:44px;padding:8px 12px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions button{min-height:44px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions button,.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions button:hover,.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions button:active{background:var(--color-surface,#fff);color:var(--ui-body-color,var(--color-text,#16345a));border-color:var(--color-primary,#16345a)}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions button .bilingual-label>span{color:var(--ui-body-color,var(--color-text,#16345a))}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions button .bilingual-label small{color:var(--ui-translation-color,var(--color-text-secondary,#58718d))}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row{justify-items:start}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .actions{justify-self:start}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .dialogue-feedback{justify-self:stretch}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row>audio.audio-compact-native{justify-self:center}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row .dialogue-feedback{min-height:38px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row>audio.audio-compact-native{height:40px}}@media (min-width:601px){.dialogue-detail-page .dialogue-exercise .answer-reveal-row{grid-template-columns:auto minmax(180px,1fr) minmax(190px,234px);place-items:center stretch;gap:12px;margin-top:12px;display:grid}.dialogue-detail-page .dialogue-exercise .answer-reveal-row .actions{grid-column:1;margin:0}.dialogue-detail-page .dialogue-exercise .answer-reveal-row .dialogue-feedback{grid-column:2;align-items:center;width:100%;min-height:48px;margin:0;display:flex}.dialogue-detail-page .dialogue-exercise .answer-reveal-row .dialogue-feedback p{margin:0}.dialogue-detail-page .dialogue-exercise .answer-reveal-row>audio.audio-compact-native{grid-column:3;width:100%;height:48px;margin:0}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation{grid-template-columns:160px minmax(0,1fr) 160px;width:min(620px,100%);margin:16px auto 0}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation button{width:160px;min-height:44px;padding:6px 10px}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation button:first-child{justify-self:start}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation button:last-child{justify-self:end}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module) .question-pair-navigation>span{text-align:center;justify-self:center}}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card{height:100%;min-height:132px;box-shadow:none;border-radius:12px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:16px 18px;display:grid}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .dialogue-card-top{display:contents}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .dialogue-card-copy{grid-area:1/2/span 2;align-self:center;min-width:0}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .card-number{background:var(--ui-accent-color,var(--color-accent,#ffc94d));width:44px;height:44px;color:var(--ui-title-color,var(--color-text,#16345a));border-radius:50%;grid-area:1/1/span 2;align-self:start;font-size:16px}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card h2{margin:0 0 4px;font-size:clamp(17px,1.4vw,21px);line-height:1.15}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .support-text{font-size:14px;line-height:1.25}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .dialogue-card-top svg{grid-area:1/3;width:44px;height:44px}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .card-action{background:0 0;grid-area:2/3;place-items:center;min-height:0;margin:0;padding:0;display:grid}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .card-action b{background:var(--ui-role-action-color,#8ccbff);width:28px;height:28px;font-size:18px}:is(.dialogues-page,.student-module-page) .dialogue-card .card-action b{text-align:center;text-indent:1px;justify-content:center;align-items:center;padding:0;font-family:Arial,sans-serif;line-height:1;display:flex}.basics-topic-module .question-answer-chooser{margin-bottom:20px}.basics-topic-module .dialogue-mode-card{font-family:inherit}.basics-topic-module .basics-topic-layout{grid-template-columns:minmax(0,1fr)}.basics-topic-module .basics-topic-panel textarea{border:1px solid var(--ui-border-color,#dbe6ed);width:100%;min-height:140px;font:inherit;resize:vertical;border-radius:12px;margin-top:12px;padding:14px}.basics-learning-module .dialogue-chooser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basics-learning-module .dialogue-speaker-badge,.basics-learning-module .dialogue-role strong{display:none}.basics-learning-module .dialogue-turn{grid-template-columns:minmax(0,1fr)}.basics-learning-module .dialogue-turn>*{grid-column:1!important}.basics-learning-module .dialogue-turn audio{margin-top:8px}.grammar-learning-module .grammar-listening-example{align-items:start}.grammar-example-explanation{border-left:4px solid var(--ui-role-action-color,#8ccbff);background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 9%,#fff);border-radius:8px;width:100%;margin:10px 0 2px;padding:12px 14px}.grammar-example-explanation strong{color:var(--ui-title-color,var(--color-text,#16345a));margin-bottom:5px;display:block}.grammar-example-explanation p{margin:2px 0;line-height:1.4}.grammar-practice-form{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;display:grid}.grammar-gap-sentence{color:var(--ui-title-color,var(--color-text,#16345a));font-size:clamp(19px,2vw,25px);font-weight:700;line-height:2.4}.grammar-gap-sentence input{border:1px solid var(--ui-border-color,#dbe6ed);background:var(--color-surface,#fff);width:clamp(110px,18vw,190px);min-height:46px;font:inherit;vertical-align:middle;border-radius:9px;margin:3px 7px;padding:6px 10px;font-size:18px;display:inline-block}.grammar-exercise-card .dialogue-feedback>div{width:100%}.grammar-exercise-card .dialogue-feedback p{margin:5px 0}.grammar-exercise-card .answer-reveal-row{width:100%}.grammar-exercise-card .answer-reveal-row .grammar-answer-explanation{grid-column:1/-1;width:100%}.grammar-exercise-card .grammar-answer-explanation .grammar-example-explanation{margin:0}@media (max-width:600px){.student-module-page .basics-topic-grid .module-topic-card.dialogue-card{border-radius:17px;grid-template-rows:1fr auto;grid-template-columns:46px minmax(0,1fr) 44px;gap:6px 12px;min-height:92px;padding:12px;box-shadow:0 2px 8px #0d315f0a}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .card-number{border-radius:13px;align-self:center;width:46px;height:46px;font-size:17px}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card h2{margin:0 0 5px;font-size:19px;line-height:1.08}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .support-text{font-size:14px;line-height:1.2}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .dialogue-card-top svg{width:30px;height:30px;color:var(--ui-extra-color,#6f7c90);place-self:end center}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .card-action{align-self:start;min-height:44px;padding:0}.student-module-page .basics-topic-grid .module-topic-card.dialogue-card .card-action b{background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 58%,#fff);border-radius:50%;width:44px;height:44px;font-size:22px}.basics-topic-module .question-answer-chooser{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.basics-topic-module .dialogue-mode-card{min-height:84px;padding:8px}.basics-topic-module .basics-topic-panel{padding:14px}.grammar-gap-sentence{font-size:19px;line-height:2.2}.grammar-gap-sentence input{width:min(145px,55vw);min-height:44px;margin-inline:4px;font-size:17px}.grammar-example-explanation{padding:10px 12px}}
:root{--yfb-navy:var(--color-primary,#16345a);--yfb-accent:var(--color-accent,#ffc94d);--yfb-person-b:var(--dialogue-person-b,#5f9fcb);--yfb-translation:var(--ui-translation-color,#52657a);--yfb-border:var(--ui-border-color,#d5dfe8);--yfb-hover:var(--ui-hover-color,#8ccbff);--yfb-space-1:4px;--yfb-space-2:8px;--yfb-space-3:12px;--yfb-space-4:16px;--yfb-space-5:24px}.dialogue-detail-page .dialogue-module .page-heading.compact h1{font-size:var(--ui-page-title,3.4rem);line-height:1.05}.dialogue-detail-page .dialogue-module .page-heading.compact>p.support-text:first-of-type{color:var(--yfb-translation);font-size:var(--ui-translation,1.75rem);margin-top:12px;line-height:1.4}.dialogue-detail-page .dialogue-module .page-heading.compact h1:after{display:none}.dialogue-detail-page .dialogue-module .page-heading.compact>p.support-text:first-of-type:after{content:"";background:var(--yfb-accent);border-radius:4px;width:96px;height:4px;margin:16px 0 20px;display:block}@media (min-width:601px){.dialogues-page:not(.dialogue-detail-page) .student-topbar .language-selector-prompt small,.dialogues-page:not(.dialogue-detail-page) .student-topbar .account .bilingual-label small{font-size:calc(var(--ui-translation,18px) - 2px)}}.dialogues-page:not(.dialogue-detail-page) .dialogues-title-translation{font-size:var(--student-support,18px);margin-top:4px}.dialogues-page:not(.dialogue-detail-page) .dialogues-hero>div>i{margin-top:4px}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card{border-color:color-mix(in srgb,var(--yfb-hover) 32%,#dbe6ed);background:linear-gradient(150deg,#fffffffa 0%,#e7f6fff5 48%,#c7e6fcd1 100%);transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;position:relative;box-shadow:inset 0 1px 1px #fffffffa,inset 0 -1px #8fc9ef38,0 8px 20px #215b8e12}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .card-number{background:linear-gradient(145deg,#fff1b8 0%,var(--yfb-accent) 58%,#ffd66a 100%);grid-row:1/span 2;place-self:center;box-shadow:inset 0 1px 1px #ffffffe6,0 3px 8px #ba85191f}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .dialogue-card-top>svg{color:var(--yfb-navy);border:1px solid color-mix(in srgb,var(--yfb-hover) 45%,#fff);background:linear-gradient(145deg,#fffffff2,#d5eeffd9);border-radius:12px;padding:7px;box-shadow:inset 0 1px 1px #fff,0 3px 9px #215b8e14}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .card-action b{width:28px;height:28px;box-shadow:none;color:var(--yfb-navy);background:0 0;border:0;border-radius:0;padding:0;font-size:24px;transition:transform .18s}@media (hover:hover){.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card:hover{border-color:color-mix(in srgb,var(--yfb-hover) 75%,#fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fafefffa,#ceebffeb 56%,#a6d6f7d1);transform:translateY(-3px);box-shadow:0 12px 28px #215b8e1f,inset 0 1px #ffffffe6}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card:hover .card-action b{transform:translate(3px)}}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card:focus-visible{outline:3px solid var(--yfb-navy);outline-offset:3px}@media (prefers-reduced-motion:reduce){.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card,.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .card-action b{transition:none}}@media (max-width:600px){.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card{background:linear-gradient(115deg,#ffffffb8 0%,#ffffff3d 28%,#0000 50%),linear-gradient(150deg,#fffffff7 0%,#e0f3ffe8 55%,#c0e2f9c7 100%);grid-template-rows:1fr auto;grid-template-columns:44px minmax(0,1fr) 38px;gap:8px 14px;box-shadow:inset 0 1px 1px #fffffffa,inset 0 -1px #89c4eb45,0 5px 14px #215b8e12}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .card-number{border-radius:50%;grid-area:1/1/span 2;place-self:center;width:44px;height:44px}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .dialogue-card-top>svg{grid-area:1/3;place-self:center;width:38px;height:38px;padding:6px}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .card-action{background:0 0;grid-area:2/3;place-self:center;width:30px;height:30px;min-height:30px;margin:auto;padding:0}.dialogues-page:not(.dialogue-detail-page) a.theme-card.dialogue-card .card-action b{width:30px;height:30px;box-shadow:none;color:var(--yfb-navy);background:0 0;border:0;border-radius:0;place-items:center;padding:0;font:24px/1 Arial,sans-serif;display:grid}.dialogues-page:not(.dialogue-detail-page) .main-nav{background:linear-gradient(#ebf8fff7,#d6edfcfa);border-top:1px solid #8ccbff80}.dialogues-page:not(.dialogue-detail-page) .main-nav a.active{background:linear-gradient(145deg,#f3fbfffa,#b7e0fbf0);border:1px solid #80c4f2;box-shadow:inset 0 1px #fffffff2,0 2px 8px #1f64972e}}.dialogues-page:not(.dialogue-detail-page) .learning-main{min-height:0;padding-bottom:36px}@media (max-width:600px){.dialogues-page:not(.dialogue-detail-page) .dialogues-title-translation,.dialogues-page:not(.dialogue-detail-page) .dialogues-hero p .bilingual-label small{font-size:14px}.dialogues-page:not(.dialogue-detail-page) .learning-main{min-height:0;padding-right:32px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}}.dialogue-detail-page .dialogue-mode-card .bilingual-label>span{color:var(--yfb-navy);font-family:Poppins,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.25}.dialogue-detail-page .dialogue-mode-card .bilingual-label small,.dialogue-detail-page .dialogue-turn .support-text,.dialogue-detail-page .dialogue-exercise .dialogue-prompt{color:var(--yfb-translation);font-family:Poppins,Arial,sans-serif;font-weight:400}.dialogue-detail-page .dialogue-mode-card .bilingual-label small{font-size:14px;line-height:1.3}.dialogue-detail-page .dialogue-exercise .dialogue-prompt{max-width:75ch;font-size:20px;font-weight:500;line-height:1.45}.dialogue-detail-page .dialogue-exercise .actions{margin-top:16px}.dialogue-detail-page .dialogue-exercise .actions button{width:auto;min-height:48px;padding:12px 20px;font-size:18px;font-weight:600}.dialogue-detail-page .dialogue-exercise .actions button .bilingual-label small{font-size:14px}.dialogue-detail-page .dialogue-turn .dutch-line{color:var(--yfb-navy);font-family:Poppins,Arial,sans-serif;font-size:max(20px,var(--ui-dialogue,20px));font-weight:600}.dialogue-detail-page .dialogue-turn .support-text{font-size:max(16px,var(--ui-dialogue-translation,16px))}.dialogue-detail-page .dialogue-speaker-badge{color:#fff;font-family:Poppins,Arial,sans-serif;font-weight:700}.dialogue-detail-page .dialogue-mode-card{border-color:var(--yfb-border)}.dialogue-detail-page .dialogue-mode-card.active{background:color-mix(in srgb,var(--yfb-hover) 28%,#fff);border-color:var(--yfb-hover)}.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon.A,.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon.B{width:48px;height:48px;font:700 24px/1 Poppins,Arial,sans-serif}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn[data-speaker-role=A]{background:color-mix(in srgb,var(--yfb-accent) 16%,#fff)!important}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn[data-speaker-role=B]{background:color-mix(in srgb,var(--yfb-person-b) 14%,#fff)!important}.dialogue-detail-page .question-answer-module .question-answer-pair{background:0 0;border:0;border-radius:0;overflow:visible}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn{border:1px solid var(--yfb-border);border-radius:16px;margin:0 0 14px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn+.dialogue-turn{border-top:1px solid var(--yfb-border)}.dialogue-detail-page .grammar-learning-module :is(.grammar-listening-example,.grammar-exercise-card){background:color-mix(in srgb,var(--yfb-accent) 16%,#fff)!important}.dialogue-detail-page .grammar-learning-module .grammar-example-explanation>p[lang=nl]{font-size:max(20px,var(--ui-dialogue,20px));line-height:1.4}.dialogue-detail-page .dialogue-exercise:not(:has(.dialogue-feedback))>.audio-compact{display:none}.dialogue-detail-page .dialogue-exercise:not(:has(.dialogue-feedback))>audio.audio-compact-native{display:none}.dialogue-detail-page .answer-reveal-row:not(.revealed)>audio.audio-compact-native{display:none}.dialogue-detail-page .footer a{color:var(--yfb-navy);font-family:Poppins,Arial,sans-serif;font-weight:700}.dialogue-detail-page .footer a .bilingual-label>span{color:var(--yfb-navy);font-family:Poppins,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.25}.dialogue-detail-page .footer a .bilingual-label small{color:var(--yfb-translation);font-family:Poppins,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3}@media (min-width:601px){.dialogue-detail-page .dialogue-transcript{background:0 0;border:0;padding:0}.dialogue-detail-page .dialogue-turn{border:1px solid var(--yfb-border);border-radius:16px;margin:0 0 14px;padding:24px 28px}.dialogue-detail-page .dialogue-turn[data-speaker-role=A]{background:color-mix(in srgb,var(--yfb-accent) 16%,#fff)}.dialogue-detail-page .dialogue-turn[data-speaker-role=B]{background:color-mix(in srgb,var(--yfb-person-b) 14%,#fff)}}@media (max-width:600px){.dialogue-detail-page .dialogue-module .page-heading.compact h1{font-size:clamp(30px,10vw,40px)}.dialogue-detail-page .dialogue-module .page-heading.compact>p.support-text:first-of-type{margin-top:5px;font-size:16px}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module,.grammar-learning-module) .page-heading.compact h1{font-size:28px}.dialogue-detail-page :is(.question-answer-module,.basics-learning-module,.grammar-learning-module) .page-heading.compact>p:not(:first-of-type){display:none}.app-shell .main-nav{scroll-snap-type:none}.app-shell .main-nav a{scroll-snap-align:none}.dialogue-detail-page .dialogue-mobile-topbar a{grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:6px;display:grid}.dialogue-detail-page .dialogue-mobile-topbar .dialogue-back-arrow{grid-area:1/1;align-self:center;font-size:18px;line-height:1}.dialogue-detail-page .dialogue-mobile-topbar a .bilingual-label{grid-area:1/2}.dialogue-detail-page .dialogue-mobile-topbar a .bilingual-label>span{font-size:16px}.dialogue-detail-page .dialogue-mobile-topbar a .bilingual-label small{font-size:12px}.dialogue-detail-page .footer a .bilingual-label>span{font-size:16px;font-weight:700}.dialogue-detail-page .footer a .bilingual-label small{font-size:12px;font-weight:400}.dialogue-detail-page .dialogue-chooser-grid{gap:6px;margin-bottom:20px}.dialogue-detail-page .dialogue-mode-card{min-height:102px;padding:8px 5px}.dialogue-detail-page .dialogue-mode-card .bilingual-label>span{font-size:16px;line-height:1.15}.dialogue-detail-page .dialogue-mode-card .bilingual-label small{margin-top:2px;font-size:12px;line-height:1.15}.dialogue-detail-page .dialogue-turn{grid-template-columns:38px minmax(0,1fr);gap:10px;margin-bottom:10px;padding:10px 8px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn{border:0;border-radius:14px;margin-bottom:10px;background:0 0!important}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn[data-speaker-role=A]:before{background:color-mix(in srgb,var(--yfb-accent) 16%,#fff)}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn[data-speaker-role=B]:before{background:color-mix(in srgb,var(--yfb-person-b) 14%,#fff)}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise) .dialogue-role>div{display:none}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise){padding:10px 8px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise) .dialogue-speaker-badge{width:38px;height:38px;font-size:16px}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise) .dutch-line{grid-area:1/2;margin:0 0 4px;font-size:18px;line-height:1.3}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise) .support-text{grid-area:2/2;margin:-3px 0 0;font-size:14px;line-height:1.2}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise)>audio.audio-compact-native{grid-area:3/2;justify-self:center;width:min(234px,100%);height:44px;margin:6px auto 0}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .dialogue-role>div{display:none}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .dialogue-prompt{grid-area:1/2;margin:0;font-size:18px;line-height:1.3}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .dialogue-answer-input{grid-area:2/1/auto/-1}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row{grid-area:3/1/auto/-1}.dialogue-detail-page .dialogue-module:not(.basics-learning-module) .dialogue-exercise .dialogue-speaker-badge,.dialogue-detail-page .question-answer-module .dialogue-exercise .dialogue-speaker-badge,.dialogue-detail-page .dialogue-module:not(.basics-learning-module) .dialogue-exercise .dialogue-prompt,.dialogue-detail-page .question-answer-module .dialogue-exercise .dialogue-prompt{align-self:center}.dialogue-detail-page .grammar-learning-module :is(.grammar-listening-example,.grammar-exercise-card){background:0 0!important}.dialogue-detail-page .grammar-learning-module :is(.grammar-listening-example,.grammar-exercise-card):before{background:color-mix(in srgb,var(--yfb-accent) 16%,#fff)}.dialogue-detail-page .grammar-learning-module .grammar-example-explanation p{margin-block:2px 0}.dialogue-detail-page .grammar-learning-module .grammar-example-explanation>p[lang=nl]{font-size:18px}.dialogue-detail-page .grammar-learning-module .grammar-example-explanation p.support-text{margin-top:0}.dialogue-detail-page .dialogue-turn .dutch-line{grid-column:2;margin:0;font-size:18px;line-height:1.3}.dialogue-detail-page .dialogue-turn .support-text{overflow-wrap:anywhere;grid-column:2;margin-top:-3px;font-size:14px;line-height:1.2}.dialogue-detail-page .dialogue-exercise .dialogue-prompt{overflow-wrap:anywhere;grid-column:2;margin:0 0 4px;font-size:18px;line-height:1.4}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn .dutch-line{font-size:18px}.dialogue-detail-page .dialogue-module[data-dialogue-mode=full] .dialogue-turn .support-text{font-size:14px}.dialogue-detail-page .dialogue-speaker-badge{width:38px;height:38px;font-size:16px}.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon.A,.dialogue-detail-page .dialogue-mode-card .dialogue-mode-icon.B{width:38px;height:38px;font:700 16px/1 Poppins,Arial,sans-serif}.dialogue-detail-page .dialogue-turn>audio.audio-compact-native{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border-radius:0;grid-column:2;justify-self:center;width:min(234px,100%);height:44px;margin:6px auto 0}.dialogue-detail-page .dialogue-module[data-dialogue-mode=A] .dialogue-turn>audio.audio-compact-native,.dialogue-detail-page .dialogue-module[data-dialogue-mode=B] .dialogue-turn>audio.audio-compact-native{grid-column:1/-1;justify-self:start;margin-left:0;margin-right:0}.dialogue-detail-page .dialogue-exercise .dialogue-answer-input,.dialogue-detail-page .dialogue-exercise .actions,.dialogue-detail-page .dialogue-exercise .dialogue-feedback,.dialogue-detail-page .dialogue-exercise>audio.audio-compact-native{grid-column:1/-1;justify-self:center}.dialogue-detail-page .dialogue-exercise .dialogue-answer-input{min-height:52px;margin-top:18px}.dialogue-detail-page .dialogue-exercise .actions{margin-top:12px}.dialogue-detail-page .dialogue-exercise .actions button{background:var(--color-surface,#fff);width:100%;min-height:48px;color:var(--yfb-navy);border-color:var(--yfb-navy);padding:10px 16px;font-size:16px;font-weight:700}.dialogue-detail-page .dialogue-exercise .actions button .bilingual-label>span{color:var(--yfb-navy)}.dialogue-detail-page .dialogue-exercise .actions button .bilingual-label small{color:var(--yfb-translation);font-size:12px}.dialogue-detail-page .basics-learning-module .dialogue-transcript{padding-inline:0}.dialogue-detail-page .basics-learning-module .dialogue-turn{gap:0;padding-inline:12px;grid-template-columns:minmax(0,1fr)!important}.dialogue-detail-page .basics-learning-module .dialogue-turn>*{grid-column:1!important}.dialogue-detail-page .basics-learning-module .dialogue-turn .dutch-line{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.dialogue-detail-page .basics-learning-module .dialogue-turn>audio.audio-compact-native{grid-column:1;justify-self:center;width:min(234px,100%);height:auto;min-height:54px;margin:8px auto 0;display:block}.dialogue-detail-page .audio-compact{display:none!important}.dialogue-detail-page .answer-reveal-row:not(.revealed)>audio.audio-compact-native{display:none}.dialogue-detail-page .dialogue-exercise .answer-reveal-row>.actions{grid-area:1/1;justify-self:start}.dialogue-detail-page .dialogue-exercise .answer-reveal-row>.dialogue-feedback{grid-area:2/1;justify-self:stretch}.dialogue-detail-page .dialogue-exercise .answer-reveal-row.revealed>audio.audio-compact-native{grid-area:3/1;justify-self:center;margin-left:auto;margin-right:auto;display:block}}@supports (-webkit-touch-callout:none){@media (max-width:600px){.dialogue-detail-page .dialogue-exercise:not(:has(.dialogue-feedback))>audio.audio-compact-native{opacity:0;pointer-events:none;clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;display:block;position:absolute;overflow:hidden}.dialogue-detail-page .answer-reveal-row:not(.revealed)>audio.audio-compact-native{opacity:0;pointer-events:none;clip-path:inset(50%);width:1px;height:1px;min-height:0;margin:0;padding:0;display:block;position:absolute;overflow:hidden}}}@media (min-width:601px){.dialogues-page:not(.dialogue-detail-page) .main-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.dialogues-page:not(.dialogue-detail-page) .main-nav a{text-align:center;border-bottom:3px solid #0000;border-radius:12px 12px 0 0;justify-content:center;align-items:center;min-width:0;padding:16px 10px 14px;display:flex}.dialogues-page:not(.dialogue-detail-page) .main-nav a.active{background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 13%,#fff);border-bottom-color:var(--ui-nav-active-color,var(--color-primary,#16345a));border-bottom-width:3px}.dialogues-page:not(.dialogue-detail-page) .main-nav .bilingual-label{text-align:center;align-items:center}.dialogues-page:not(.dialogue-detail-page) .main-nav .bilingual-label small{font-size:calc(var(--student-support,18px) - 2px)}}.dialogues-page:not(.dialogue-detail-page) .student-topbar :is(.language-selector button,.account button),.dialogues-page:not(.dialogue-detail-page) .main-nav a{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}@media (hover:hover){.dialogues-page:not(.dialogue-detail-page) .student-topbar :is(.language-selector button,.account button):hover,.dialogues-page:not(.dialogue-detail-page) .main-nav a:hover{color:var(--yfb-navy);border-color:color-mix(in srgb,var(--yfb-hover) 75%,#fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f1fafff5,#d7eeffb8);transform:translateY(-2px);box-shadow:0 8px 20px #215b8e1f,inset 0 1px #ffffffe6}}@media (prefers-reduced-motion:reduce){.dialogues-page:not(.dialogue-detail-page) .student-topbar :is(.language-selector button,.account button),.dialogues-page:not(.dialogue-detail-page) .main-nav a{transition:none}}@media (max-width:600px){.app-shell.dialogues-page{overflow-x:clip}}.mobile-scroll-progress{display:none}@media (max-width:600px){.dialogues-page:not(.dialogue-detail-page) .mobile-scroll-progress{z-index:19;top:12px;bottom:calc(78px + env(safe-area-inset-bottom));right:calc(6px + env(safe-area-inset-right));pointer-events:none;background:#eaf7ffdb;border:1px solid #8ccbffa6;border-radius:999px;width:8px;height:auto;padding:1px;display:block;position:fixed;box-shadow:inset 0 1px 1px #fffffff2,0 3px 9px #16345a1a}.dialogues-page:not(.dialogue-detail-page) .mobile-scroll-progress>span{border-radius:inherit;background:linear-gradient(180deg,var(--yfb-hover),var(--yfb-navy));transform-origin:top;will-change:transform;width:100%;height:100%;display:block;transform:scaleY(.05);box-shadow:inset 0 1px 1px #ffffff80}}
.dialogue-detail-page .dialogue-chooser-grid .dialogue-mode-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffffe8,#e3f3ffad);border:1px solid #84b0d270;border-radius:18px;box-shadow:inset 0 1px #fffffff2,0 8px 22px #19416e12}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row:not(.revealed)>audio.audio-compact-native{display:none}.dialogue-detail-page .dialogue-chooser-grid .dialogue-mode-card.active{background:linear-gradient(145deg,#d2ebffe8,#f1f9ffd9);border-color:#83beec;box-shadow:inset 0 1px #fff,0 8px 22px #2868a11f}.dialogue-detail-page .dialogue-chooser-grid .dialogue-mode-card:hover{background:linear-gradient(145deg,#cdeafff0,#f5fbffe0);border-color:#73b7e9}.dialogue-detail-page .dialogue-chooser-grid .dialogue-mode-card .bilingual-label{letter-spacing:-.015em;line-height:1.22}.dialogue-detail-page .dialogue-chooser-grid .dialogue-mode-card .bilingual-label small{letter-spacing:0;font-weight:400}.dialogue-detail-page :is(.answer-reveal-row .actions button,.question-pair-navigation button){border-radius:14px;box-shadow:inset 0 1px #ffffffe6,0 4px 12px #19416e0f}.dialogue-detail-page .dialogue-transcript>.dialogue-turn,.dialogue-detail-page .dialogue-transcript>.question-answer-pair{border:1px solid #b4c6d48f;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 6px 18px #19416e0e}.dialogue-detail-page .dialogue-transcript>.dialogue-turn[data-speaker-role=A],.dialogue-detail-page .dialogue-transcript>.question-answer-pair{background:linear-gradient(145deg,#ffffffa3,#ffffff0f 54%),linear-gradient(145deg,#fff9e5,#ffedbd)}.dialogue-detail-page .dialogue-transcript>.dialogue-turn[data-speaker-role=A]:before,.dialogue-detail-page .basics-learning-module .dialogue-turn[data-speaker-role=A]:before{background:linear-gradient(145deg,#ffffffa3,#ffffff0f 54%),linear-gradient(145deg,#fff9e5,#ffedbd);border-color:#dcbf7461}.dialogue-detail-page .dialogue-transcript>.dialogue-turn[data-speaker-role=B],.dialogue-detail-page .dialogue-transcript>.dialogue-turn[data-speaker-role=B]:before{background:linear-gradient(145deg,#f5fbfff2,#dcf0ffb8)}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn[data-speaker-role=A]{background:linear-gradient(145deg,#ffffffa3,#ffffff0f 54%),linear-gradient(145deg,#fff9e5,#ffedbd)!important}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn[data-speaker-role=B]{background:linear-gradient(145deg,#f5fbfff2,#dcf0ffb8)!important}.dialogue-detail-page .question-answer-module .question-answer-pair{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:14px;display:flex;overflow:visible}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-turn{border:1px solid #b4c6d48f;border-radius:18px;box-shadow:inset 0 1px #fffffff2,0 6px 18px #19416e0e}.dialogue-detail-page .grammar-learning-module .dialogue-transcript>.grammar-listening-example,.dialogue-detail-page .grammar-learning-module .question-answer-pair .grammar-exercise-card{background:linear-gradient(145deg,#ffffffa3,#ffffff0f 54%),linear-gradient(145deg,#fff9e5,#ffedbd)}.dialogue-detail-page .grammar-learning-module .grammar-listening-example:before,.dialogue-detail-page .grammar-learning-module .grammar-exercise-card:before{background:linear-gradient(145deg,#ffffffa3,#ffffff0f 54%),linear-gradient(145deg,#fff9e5,#ffedbd);border-color:#dcbf7461}.dialogue-detail-page .dialogue-transcript .support-text{color:#526a84;line-height:1.4}.dialogue-detail-page:before,.dialogue-detail-page:after{display:none}.dialogue-detail-page .learning-main{min-height:0}.dialogue-detail-page .grammar-learning-module .grammar-practice-form .dialogue-prompt{grid-area:auto/1;margin:0}.dialogue-detail-page .grammar-learning-module .grammar-answer-inputs{gap:10px;width:100%;display:grid}.dialogue-detail-page .grammar-learning-module .grammar-answer-inputs input{border:1px solid var(--ui-border-color,#dbe6ed);width:100%;min-height:56px;color:var(--ui-body-color,#16345a);font:inherit;background:#fff;border-radius:10px;padding:12px 16px;font-size:16px}:is(.dialogue-detail-page:has(.basics-learning-module[data-dialogue-mode=A]) .footer,.dialogue-detail-page:has(.question-answer-module[data-dialogue-mode=A]) .footer){display:none}@media (prefers-reduced-motion:no-preference){.dialogue-detail-page .dialogue-chooser-grid .dialogue-mode-card{transition:background .18s,border-color .18s,box-shadow .18s}}@media (max-width:600px){.dialogue-detail-page .dialogue-module:not(.basics-learning-module):not(.grammar-learning-module) .dialogue-turn:not(.dialogue-exercise){row-gap:4px}.dialogue-detail-page .dialogue-module.question-answer-module .question-answer-pair .dialogue-turn:not(.dialogue-exercise),.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module):not(.grammar-learning-module) .dialogue-turn:not(.dialogue-exercise){row-gap:0}.dialogue-detail-page .dialogue-module .dialogue-turn:not(.dialogue-exercise)>.dutch-line{margin-bottom:0}.dialogue-detail-page .dialogue-module:not(.basics-learning-module):not(.grammar-learning-module) .dialogue-turn:not(.dialogue-exercise)>.dutch-line{align-self:center}.dialogue-detail-page .dialogue-module .dialogue-turn:not(.dialogue-exercise)>.support-text{margin-top:4px}.dialogue-detail-page .question-answer-module .dialogue-turn:not(.dialogue-exercise):not(.dutch-wraps)>.support-text{margin-top:-3px}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module):not(.grammar-learning-module) .dialogue-turn:not(.dialogue-exercise):not(.dutch-wraps)>.support-text{margin-top:-5px}.dialogue-detail-page .grammar-learning-module .grammar-practice-form .grammar-gap-sentence{line-height:1.5}.dialogue-detail-page .grammar-learning-module .grammar-practice-form .dialogue-prompt,.dialogue-detail-page .grammar-learning-module .grammar-practice-form .answer-reveal-row{margin-top:0!important}.dialogue-detail-page .basics-learning-module .dialogue-exercise .dialogue-prompt,.dialogue-detail-page .basics-learning-module .dialogue-exercise .dialogue-answer-input{margin-top:8px}.dialogue-detail-page .basics-learning-module .dialogue-turn:not(.dialogue-exercise)>audio.audio-compact-native,.dialogue-detail-page .basics-learning-module .dialogue-exercise .answer-reveal-row>audio.audio-compact-native{width:min(234px,100%);justify-self:start!important;margin-left:0!important;margin-right:auto!important}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-turn:not(.dialogue-exercise)>audio.audio-compact-native{grid-column:1/-1;justify-self:center;width:min(234px,100%)}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row{grid-column:1/-1;grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px;display:grid}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row>.actions{grid-column:1;justify-self:start;margin:0}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row .actions button,.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row .actions button:hover,.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row .actions button:focus-visible,.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row .actions button:active{color:#16345a;background:#fff;border-color:#16345a}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row .actions button .bilingual-label>span{color:#16345a}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row .actions button .bilingual-label small{color:#526a84}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row>.dialogue-feedback{grid-column:1;width:100%;margin:0}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row>audio.audio-compact-native{grid-area:auto/1;justify-self:start;width:min(234px,100%);height:48px;margin:0;display:block}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module) .dialogue-exercise .answer-reveal-row:not(.revealed)>audio.audio-compact-native{display:none}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row:not(.revealed)>audio.audio-compact-native{justify-self:center}.dialogue-detail-page .question-answer-module .question-answer-pair .dialogue-exercise .answer-reveal-row.revealed>audio.audio-compact-native{justify-self:start;margin-left:0;margin-right:auto}.dialogue-detail-page .dialogue-module:not(.basics-learning-module):not(.grammar-learning-module) .dialogue-exercise .dialogue-prompt{align-self:end;margin-bottom:0}.dialogue-detail-page .dialogue-module:not(.basics-learning-module):not(.grammar-learning-module) .dialogue-exercise .dialogue-answer-input{margin-top:0}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module):not(.grammar-learning-module) .dialogue-exercise .dialogue-prompt{align-self:center;margin-bottom:4px}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module):not(.grammar-learning-module) .dialogue-exercise .dialogue-speaker-badge{transform:translateY(-2px)}.dialogue-detail-page .dialogue-module:not(.question-answer-module):not(.basics-learning-module):not(.grammar-learning-module) .dialogue-exercise .dialogue-answer-input{margin-top:-8px}}