.a1-page{max-width:1120px;margin:auto;padding:26px 22px 70px}
.a1-breadcrumb{display:flex;gap:8px;align-items:center;color:var(--text-secondary);font-size:.8rem;margin-bottom:15px}.a1-breadcrumb a{color:var(--text-secondary)}
.a1-hero{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:24px;padding:clamp(24px,4vw,46px);border:1px solid var(--border-light);border-radius:25px;background:linear-gradient(135deg,var(--card-bg),var(--bg-secondary));box-shadow:var(--shadow);overflow:hidden}
.a1-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--brand-light);color:var(--brand);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.a1-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.05;margin:15px 0 11px}.a1-hero p{color:var(--text-secondary);font-size:1.08rem;line-height:1.65}.a1-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.a1-teacher{text-align:center;position:relative}.a1-teacher img{width:min(100%,240px);max-height:250px;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.18))}.a1-teacher span{display:block;width:max-content;margin:-6px auto 0;padding:7px 13px;border-radius:999px;background:var(--color-primary);color:var(--bg-primary);font-weight:850}
.a1-outline{position:sticky;top:66px;z-index:20;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;width:max-content;max-width:100%;margin:18px auto 0;padding:7px;border:1px solid var(--border-light);border-radius:999px;background:color-mix(in srgb,var(--bg-secondary) 90%,transparent);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.a1-outline a{padding:7px 11px;border-radius:999px;color:var(--text-secondary);font-size:.76rem;font-weight:750}.a1-outline a:hover{background:var(--brand-light);color:var(--brand)}
.a1-section{margin-top:38px}.a1-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.a1-section-head>div>span{font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-dark)}.a1-section-head h2{font-size:clamp(1.45rem,2.6vw,2.25rem);margin:6px 0}.a1-section-head p{margin:0;color:var(--text-secondary)}
.a1-toolbar{display:flex;gap:8px;align-items:center}.a1-toolbar select{padding:8px 10px;border:1px solid var(--border-light);border-radius:9px;background:var(--card-bg);color:var(--text-primary)}
.a1-stage{position:relative;min-height:390px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,var(--bg-secondary),var(--brand-light));border:1px solid var(--border-light)}.a1-stage>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.a1-stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.48))}
.a1-character{position:absolute;bottom:-12%;width:min(32%,280px);max-height:82%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 18px rgba(0,0,0,.25))}.a1-character.anna{left:5%}.a1-character.lukas{right:5%}
.a1-active-line{position:absolute;z-index:3;left:50%;bottom:20px;transform:translateX(-50%);width:min(650px,calc(100% - 36px));padding:15px 18px;border-radius:16px;background:rgba(15,20,30,.86);color:#fff;text-align:center;backdrop-filter:blur(10px)}.a1-active-line span,.a1-active-line b,.a1-active-line small{display:block}.a1-active-line span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#a9c7ff}.a1-active-line b{font-size:clamp(1.05rem,2vw,1.5rem);margin:4px 0}.a1-active-line small{color:#d7dce6}
.a1-dialogue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.a1-dialogue-line{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:13px;text-align:left;border:1px solid var(--border-light);border-radius:13px;background:var(--card-bg);color:var(--text-primary);cursor:pointer}.a1-dialogue-line:hover,.a1-dialogue-line.playing{border-color:var(--color-primary);transform:translateY(-1px)}.a1-dialogue-line b,.a1-dialogue-line small{display:block}.a1-dialogue-line small{margin-top:3px;color:var(--text-secondary)}.a1-dialogue-line i{font-style:normal;color:var(--color-primary-dark)}.a1-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:850}.a1-avatar.female{background:#d45b7d}.a1-avatar.male{background:#4f78c9}
.a1-phrase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.a1-phrase-card{padding:18px;border:1px solid var(--border-light);border-radius:16px;background:var(--card-bg)}.a1-phrase-card>span{font-size:.68rem;color:var(--color-primary-dark);font-weight:850}.a1-phrase-card h3{margin:7px 0 4px;font-size:1.22rem}.a1-phrase-card p{margin:0 0 13px;color:var(--text-secondary)}.a1-phrase-card button,.a1-explanation button,.a1-culture button{border:0;border-radius:9px;padding:8px 11px;background:var(--brand-light);color:var(--brand);font-weight:750;cursor:pointer}
.a1-explanation-list{display:grid;gap:10px}.a1-explanation{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px;border:1px solid var(--border-light);border-radius:16px;background:var(--card-bg)}.a1-explanation span{font-size:.68rem;color:var(--color-primary-dark);font-weight:850;text-transform:uppercase;letter-spacing:.07em}.a1-explanation h3{margin:5px 0}.a1-explanation p{max-width:780px;margin:0;color:var(--text-secondary);line-height:1.62}
.a1-culture{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:38px;padding:25px;border:1px solid color-mix(in srgb,var(--color-accent) 45%,var(--border-light));border-radius:20px;background:linear-gradient(135deg,var(--card-bg),color-mix(in srgb,var(--color-accent) 10%,var(--bg-secondary)))}.a1-culture span{font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.a1-culture h2{margin:6px 0}.a1-culture p{margin:0;color:var(--text-secondary);line-height:1.6}
.a1-quiz{display:grid;gap:12px}.a1-question{padding:19px;border:1px solid var(--border-light);border-radius:16px;background:var(--card-bg)}.a1-question h3{margin:0 0 12px;font-size:1.05rem}.a1-options{display:grid;gap:7px}.a1-options button{text-align:left;padding:10px 12px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.a1-options button.correct{border-color:#2c9b62;background:rgba(44,155,98,.13)}.a1-options button.wrong{border-color:#d35858;background:rgba(211,88,88,.12)}.a1-feedback{min-height:20px;margin:8px 0 0;font-size:.82rem;font-weight:750}
.a1-pdf{display:flex;align-items:center;gap:15px;margin-top:35px;padding:18px;border:1px solid var(--border-light);border-radius:16px;background:var(--card-bg)}.a1-pdf>span{font-size:2rem}.a1-pdf div{flex:1}.a1-pdf p{margin:3px 0 0;color:var(--text-secondary)}
.a1-prev-next{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;margin-top:28px}.a1-prev-next a{padding:11px;border:1px solid var(--border-light);border-radius:11px;text-align:center;color:var(--text-primary);font-weight:750}.a1-prev-next a:last-child{text-align:right}
[data-theme="vikings"] .a1-hero,[data-theme="vikings"] .a1-stage,[data-theme="vikings"] .a1-phrase-card,[data-theme="vikings"] .a1-explanation{border-radius:7px}[data-theme="aurora"] .a1-stage{box-shadow:0 18px 50px rgba(117,126,230,.17)}
@media(max-width:780px){.a1-hero{grid-template-columns:1fr}.a1-teacher{display:none}.a1-dialogue-list,.a1-phrase-grid{grid-template-columns:1fr}.a1-section-head{align-items:flex-start;flex-direction:column}.a1-explanation,.a1-culture{align-items:flex-start;flex-direction:column}.a1-stage{min-height:330px}}
@media(max-width:560px){.a1-page{padding:18px 13px 55px}.a1-outline{position:relative;top:auto;border-radius:15px}.a1-character{width:43%}.a1-pdf{align-items:flex-start;flex-wrap:wrap}.a1-prev-next{grid-template-columns:1fr 1fr}.a1-prev-next a:nth-child(2){display:none}}