:root{color-scheme:light;--ink:#10283f;--soft:#506278;--navy:#0d2541;--teal:#167f80;--light:#f4f7fb;--line:#dce5ed;--white:#fff;--green:#187d61;--amber:#c47a16;--radius:18px;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--light);color:var(--ink)}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:3px solid #88d5d0;outline-offset:3px}.shell{max-width:1100px;margin:0 auto;min-height:100vh;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.top{height:86px;display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--navy);color:white}.brand-icon{font-weight:900;color:white;font-size:25px;border-radius:14px;padding:7px 11px;background:#197c80;letter-spacing:-1.6px}.brand-icon span{color:#b0fbdf}.brand-name{display:grid;gap:1px}.brand-name strong{font-size:21px;letter-spacing:-.55px}.brand-name small{font-size:10px;letter-spacing:1.75px;color:#bad0dd}.release{margin-left:auto;color:#bbd0dd;background:#214362;border-radius:20px;padding:3px 10px;font-size:12px}#app{padding:22px 22px 36px}.hero{border-radius:22px;background:linear-gradient(115deg,#102d48,#166d75);padding:23px 25px;color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-45px;top:-70px;width:210px;height:210px;border:34px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.6px;color:#b9ece4;font-weight:800}.hero h1{font-size:clamp(23px,3vw,32px);letter-spacing:-.7px;line-height:1.2;margin:10px 0 8px}.hero p{margin:0;max-width:560px;color:#deeff2;font-size:14px}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.stat{background:#ffffff19;padding:8px 13px;border-radius:11px;font-size:13px}.stat strong{font-size:16px}.section-title{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:24px 0 13px}.section-title h2{font-size:18px;margin:0}.muted{color:var(--soft);font-size:13px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:13px 0;box-shadow:0 3px 14px rgba(20,40,80,.025)}.panel h3{margin:0 0 8px;font-size:17px}.panel p{margin-top:0}.pillrow{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.pill{border:1px solid #cfe1e8;background:white;color:var(--ink);border-radius:99px;padding:10px 14px;font-size:14px;font-weight:650}.pill.active{background:#e1f4f1;border-color:#84d1c4;color:#08716f}.selector-row{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 10px}.control{display:grid;gap:5px;flex:1;min-width:155px}.control label{font-size:12px;color:var(--soft);font-weight:650}.control select{width:100%;background:#fafdff;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:12px}.learning-card{background:white;min-height:245px;border:1px solid #d8e5eb;border-radius:21px;box-shadow:0 8px 25px rgba(13,37,65,.055);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;margin:16px 0}.learning-card .tag{position:absolute;top:16px;left:18px;font-size:11px;color:#077776;letter-spacing:.7px;font-weight:700}.learning-card .count{position:absolute;right:18px;top:16px;color:#718496;font-size:12px}.german-word{font-size:clamp(25px,4vw,38px);font-weight:760;line-height:1.24;margin:23px 0 12px;overflow-wrap:anywhere}.translation{color:var(--teal);font-size:23px;font-weight:700;margin:10px 0}.example{font-size:16px;color:#254962;line-height:1.5;margin:9px 0}.tr-example{font-size:13px;color:var(--soft);margin:5px 0}.hint{color:#768b9d;font-size:13px}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn{background:white;border:1px solid #cfdde5;color:var(--ink);padding:12px 16px;border-radius:12px;font-weight:650;min-height:46px}.btn.primary{background:var(--navy);border-color:var(--navy);color:white}.btn.success{background:#e5f6ee;color:#12634a;border-color:#b3e0cd}.btn.warning{background:#fff4e5;color:#965d1e;border-color:#f0d4a7}.btn.small{padding:8px 12px;font-size:13px;min-height:36px}.btn:disabled{opacity:.4;cursor:not-allowed}.card-footer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.detail{margin:12px 0;padding:13px;border-radius:12px;background:#f3f8fa;text-align:left;width:100%}.detail-title{font-size:12px;letter-spacing:.45px;font-weight:760;color:#4f687c;margin-bottom:8px}.detail p{margin:7px 0}.line{padding:13px 0;border-bottom:1px solid var(--line)}.line:last-child{border-bottom:0}.line-de{font-size:18px;font-weight:650}.line-tr{color:#64788a;font-size:14px}.speaker{border:0;background:#e7f4f3;color:#176c6c;border-radius:11px;padding:9px 11px;font-size:14px;min-width:43px}.dialog{padding:14px 15px;background:#f1f6fa;border-radius:15px;margin:12px 0}.dialog.tech{background:#e5f5ef}.dialog .role{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#4a6a7d}.dialog p{font-size:18px;margin:4px 0}.notice{padding:11px 14px;background:#fff7e9;border:1px solid #eedab8;border-radius:12px;color:#78551c;font-size:13px;margin-top:17px}.tiny{font-size:12px;color:#708496}.empty{padding:38px 15px;text-align:center;background:white;border-radius:16px;border:1px solid var(--line);color:var(--soft)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1100px,100%);z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:white;border-top:1px solid #d9e4e9;box-shadow:0 -8px 20px #10283f0a;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px}.nav-btn{display:grid;justify-items:center;gap:3px;border:0;border-radius:13px;background:transparent;padding:8px 5px;color:#6c8191;font-size:12px;font-weight:700}.nav-btn span:first-child{font-size:22px;line-height:1.2}.nav-btn.active{background:#e2f4f0;color:#086a6b}.spaced{margin-top:16px}.row-split{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.progress-track{background:#e0e8ee;border-radius:8px;overflow:hidden;height:7px}.progress-fill{height:100%;background:#1b8f82;transition:width .2s}.counter{font-size:13px;color:#718496;font-weight:700}.answer-shield{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:95px}.answer-shield .btn{margin:5px}.feedback{margin-top:10px;color:#1a6e62;font-size:13px}.description{font-size:14px;color:var(--soft);margin:5px 0 15px}.footer-label{text-align:center;font-size:11px;color:#8394a3;margin:30px 0 5px}.inline-tip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft)}@media(min-width:900px){#app{padding:28px 30px}.pillrow{gap:12px}.learning-card{min-height:305px}.bottom-nav{max-width:1100px}}@media(max-width:430px){.top{height:77px;padding:11px 14px}.brand-name strong{font-size:18px}.brand-name small{font-size:8px;letter-spacing:1.15px}#app{padding:15px 12px 28px}.hero{padding:20px 18px}.panel{padding:15px}.btn{flex:1}.btn.small{flex:unset}.pill{font-size:13px;padding:9px 11px}.german-word{font-size:27px}.learning-card{padding:23px 16px}.nav-btn{font-size:11px}}

/* 8.1 hospital topic catalog: visual subnavigation, no new root tabs. */
.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:15px 0}
.topic-card{background:#fff;border:1px solid #dce5ed;border-radius:17px;padding:17px;display:flex;flex-direction:column;box-shadow:0 3px 15px #10283f08}
.topic-card h3{font-size:17px;line-height:1.3;margin:7px 0}
.topic-card .description{flex-grow:1;margin:5px 0 10px}
.topic-group{font-size:11px;letter-spacing:.35px;font-weight:750;color:#0a746f}
.topic-count{font-size:12px;color:#587589;margin:4px 0 12px}
.topic-actions{display:flex;flex-wrap:wrap;gap:7px}
.topic-actions .btn{padding:8px 9px;min-height:37px}
@media(max-width:430px){.topic-grid{grid-template-columns:1fr}.topic-card{padding:15px}.topic-actions .btn{flex:1 1 auto}}

/* v8.2 guided, multi-turn role-play and full transcript. */
.scenario-note{font-size:13px;color:#1f6672;font-weight:700;margin:2px 0 9px}
.scenario-instruction{font-size:13px;color:#557084;background:#f1f6f8;border-radius:10px;padding:10px 12px}
.round-track{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 4px}
.round-dot{height:38px;min-width:38px;border-radius:100%;border:1px solid #cbdde3;background:#f6fafb;color:#617887;font-weight:700}
.round-dot.current{background:#0d2541;color:#fff;border-color:#0d2541}
.round-dot.visited{border-color:#6abbad;color:#145b57}
.translation-prompt{font-size:18px;font-weight:650;color:#286a67}
.script-turn{margin:10px 0;padding:13px;background:#f8fbfd;border:1px solid #e0eaef;border-radius:12px}
.script-number{font-size:11px;font-weight:800;letter-spacing:.8px;color:#127d7a}
.script-turn .line{padding:10px 0}
@media(max-width:430px){.script-turn{padding:10px}.scenario-instruction{padding:8px}.round-dot{min-width:36px;height:36px}}

/* v8.3: prominent job-interview entry within Radiology; no new root navigation. */
.interview-feature{padding:19px 21px;border:1px solid #9fd5d1;border-radius:18px;margin:16px 0;background:linear-gradient(118deg,#e7f8f5,#f8fcfd)}
.interview-feature h3{font-size:19px;margin:8px 0 6px;color:#163953}
.interview-feature .description{max-width:650px;margin-bottom:12px}
.interview-feature .btn{display:inline-block}
@media(max-width:430px){.interview-feature{padding:16px}.interview-feature .btn{width:100%}}

/* v8.4: dedicated home screen, four independent content areas */
.home-feature{border:1px solid #8dcfc5;background:linear-gradient(125deg,#e4f6f1,#f5fafc);padding:23px 24px;border-radius:20px;margin:14px 0 18px}
.home-feature h2{font-size:24px;line-height:1.3;margin:10px 0}
.home-feature .description{max-width:700px}
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-card{background:white;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;flex-direction:column;gap:3px}
.home-card h3{font-size:18px;margin:7px 0}
.home-card .description{flex:1}
.home-card-icon{font-size:27px}
.home-card .btn{align-self:flex-start}
.bottom-nav .nav-btn{min-width:0;overflow-wrap:anywhere;line-height:1.2}
@media(max-width:700px){.home-grid{grid-template-columns:1fr}.home-card{padding:16px}.home-feature{padding:19px}.bottom-nav{gap:2px;padding-left:5px;padding-right:5px}.nav-btn{font-size:10px;padding:8px 2px}.nav-btn span:first-child{font-size:20px}}
@media(max-width:350px){.nav-btn{font-size:9px}}

/* v8.5: free-form, auto-saved interview answers, on every scenario turn and quick question. */
.interview-editor{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.interview-answer-label{display:block;color:#163953;font-size:15px;font-weight:780}
.interview-answer-input{display:block;width:100%;max-width:100%;min-height:140px;padding:14px 15px;border:2px solid #adcdd1;border-radius:13px;background:#fff;color:#10283f;line-height:1.55;font:400 16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;resize:vertical;overflow-wrap:anywhere}
.interview-answer-input:focus{border-color:#087c76;outline:3px solid #a0dbcf;outline-offset:2px}
.interview-save-status{font-size:12px!important;color:#396b64!important;margin:0!important}
.interview-editor .btn-row{margin:2px 0 5px}
.interview-editor .btn-row .btn{white-space:normal}
.interview-sample{margin:8px 0 0;padding:15px;border:1px solid #a5d3c9;border-radius:12px;background:#eaf7f3}
.interview-sample .line-de{font-weight:700;color:#104c48;font-size:18px;overflow-wrap:anywhere}
.interview-sample p{margin-bottom:9px}
@media(max-width:500px){.interview-editor .btn-row{flex-direction:column}.interview-editor .btn-row .btn{width:100%}.interview-answer-input{min-height:135px}}

/* v8.6 optional Gemini conversation interface */
.ai-feature{background:linear-gradient(125deg,#e6f4ff,#eef9f4);padding:20px 23px;border:1px solid #b3cfdc;border-radius:20px;margin:15px 0}
.ai-feature h2{margin:8px 0;font-size:22px}
.ai-login{display:flex;flex-direction:column;gap:7px}
.ai-token{width:100%;min-height:45px;border:2px solid #adcdd1;border-radius:11px;padding:11px;font:inherit}
.ai-connected{color:#19775c;font-size:13px;font-weight:700}
.ai-tip{padding:12px 14px;border-radius:12px;background:#e9f4fc;color:#174864;font-size:14px}
.ai-bubble{margin:12px 0;padding:15px 17px;border-radius:15px;max-width:92%;border:1px solid #dae5ec}
.ai-user{background:#e7f5ef;margin-left:auto}
.ai-model{background:#f5f8fc;margin-right:auto}
.ai-bubble .role{color:#4f6c7b;font-size:11px;font-weight:750;letter-spacing:.7px}
.ai-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:8px 0;font-size:15px}
.ai-compose{margin-top:14px;background:white;padding:17px;border-radius:15px;border:1px solid #d5e3e9}
.ai-compose .btn-row .btn{flex:1}
.ai-message{font-size:13px;color:#1a6c5a;padding:7px 2px}
.ai-message.ai-warning{color:#a13f26}
.ai-empty{color:#678293;font-size:14px}
@media(max-width:500px){.ai-feature{padding:16px}.ai-bubble{max-width:100%}.ai-compose{padding:13px}}

/* v8.7 - voice lesson controls */
.ai-voice-settings{display:grid;gap:13px;margin:14px 0;}
.ai-voice-choice{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;cursor:pointer;}
.ai-voice-choice input{width:20px;height:20px;accent-color:#08716f;flex-shrink:0;}
.ai-partial{min-height:20px;font-size:14px;font-style:italic;color:#245c77;padding:5px 10px;}


/* v8.8 contextual Ask AI — visible in all four existing study areas. */
.ask-panel{border:1px solid #91cfc8;background:linear-gradient(135deg,#eefbf7,#f6faff);border-radius:18px;padding:18px;margin:17px 0 22px;box-shadow:0 3px 14px #10283f08}
.ask-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.ask-heading h2{font-size:19px;margin:0 0 7px;color:#164352}
.ask-scope{font-size:13px;color:#1b706e;font-weight:750;display:block;overflow-wrap:anywhere}
.ask-help{color:#506d7b;font-size:13px;margin:8px 0}
.ask-auth{display:flex;flex-direction:column;gap:8px;margin:12px 0;padding:12px;border-radius:13px;background:#fff;border:1px solid #c8e0dc}
.ask-auth .btn{align-self:flex-start}
.ask-connection{font-size:12px;color:#217452;font-weight:750;margin:10px 0}
.ask-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.ask-suggestions .btn{background:#fff;color:#176e6c;border-color:#badbd8}
.ask-form{display:grid;gap:8px;margin-top:14px}
.ask-form label{margin-top:3px}
.ask-input{min-height:72px}
.ask-actions{display:flex;gap:9px;flex-wrap:wrap}
.ask-actions .btn{min-width:135px}
.ask-status{font-size:13px;font-weight:650;color:#375b75;margin:10px 0 2px;min-height:18px}
.ask-thread{max-height:370px;overflow:auto;display:flex;flex-direction:column;gap:9px;margin:13px 0;padding:2px}
.ask-turn{border:1px solid #d4e4e7;background:#fff;border-radius:14px;padding:12px 14px;max-width:96%}
.ask-turn.ask-question{background:#e3f3ee;align-self:flex-end}
.ask-turn.ask-answer{align-self:flex-start}
.ask-turn strong{font-size:11px;color:#326b71;letter-spacing:.5px}
.ask-turn p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:5px 0 8px}
@media(max-width:500px){.ask-panel{padding:13px}.ask-actions .btn{width:100%}.ask-thread{max-height:290px}.ask-suggestions .btn{flex:1 1 90px}}


/* v8.9: Integrated vocabulary study and spaced repetition inside the existing Kelimeler page */
.word-dashboard{margin:18px 0;padding:19px;border:1px solid #c7dce2;border-radius:19px;background:#fff;box-shadow:0 7px 23px #0c30400c}
.word-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.word-dashboard-head h2{margin:0;font-size:19px;color:#173f53}
.word-dashboard-head p{font-size:13px;color:#5b7480;margin:6px 0 0}
.word-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.word-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:102px;padding:12px 7px;background:#f4f9fc;border:1px solid #e0ebf0;border-radius:15px}
.word-metric.clock{background:#fff8ee;border-color:#f0dfbd}
.word-metric.master{background:#eef8f3;border-color:#cbe8d7}
.word-metric strong{font-size:26px;line-height:1.1;color:#163d54;font-variant-numeric:tabular-nums}
.word-metric span{font-size:12px;color:#506a78;font-weight:650}
.word-preferences{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px}.word-preferences .control{max-width:310px}
.word-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.word-mode{min-height:46px;padding:9px 7px;border:1px solid #cbdee3;border-radius:12px;color:#285368;background:#f8fbfd;font:650 13px/1.35 system-ui;cursor:pointer}
.word-mode.active{background:#dff4eb;border-color:#83c5b3;color:#116249;box-shadow:inset 0 0 0 1px #96d0ba}
.word-mode:focus-visible{outline:3px solid #88d5d0;outline-offset:3px}
.word-session-summary{padding:13px 14px;background:#f6fafb;border:1px solid #e0e9ed;border-radius:13px;margin-top:15px}
.word-session-summary strong{font-size:14px}.word-session-summary p{font-size:12px;color:#5c737f;margin:7px 0 0}
.word-progress{height:9px;margin:9px 0 0;overflow:hidden;border-radius:99px;background:#dfe9e8}
.word-progress-fill{height:100%;border-radius:99px;background:#188269;transition:width .22s ease}
.word-active-hint{margin:9px 0 -4px;padding:8px 13px;background:#eaf5f5;color:#126b69;border-radius:10px;font-size:12px;font-weight:760}
.word-active-hint p{margin:0}.word-aux-actions{margin:0 0 6px}.word-recall-reminder{padding:13px 14px;background:#f3f8fa;border-radius:12px;font-size:13px;line-height:1.6}
.word-timeline{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.word-time{border:1px solid #d5e3e8;border-radius:99px;background:#f7fafb;padding:6px 10px;font-size:12px;color:#53727b}.word-time.reached{background:#def4eb;border-color:#8bcbb3;color:#146e53;font-weight:740}
@media(max-width:620px){.word-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.word-dashboard{padding:13px}.word-metric{min-height:91px}.word-metric strong{font-size:23px}.word-metric span{font-size:11px}.word-preferences .control{max-width:100%}}

/* DAI v8.9.1 branding: approved fourth app icon. */
.brand-logo{width:49px;height:49px;object-fit:contain;flex:none;border-radius:12px}
@media(max-width:430px){.brand-logo{width:43px;height:43px;border-radius:10px}}

/* DAI v8.9.2 — context-aware, opt-in interview answer evaluation */
.interview-review{margin-top:15px;padding:16px;border:1px solid #a4d6ce;border-radius:15px;background:linear-gradient(130deg,#f0fbf7,#f3f8ff)}
.interview-review h4{font-size:17px;color:#17485b;margin:0 0 8px}
.interview-review .description{font-size:13px;margin:0 0 11px}
.interview-review-auth{display:flex;flex-direction:column;gap:8px}
.interview-review-auth .btn{align-self:flex-start}
.interview-review-status{font-size:13px;color:#285d75;min-height:19px;margin:9px 0 0}
.interview-review-result{background:#fff;border:1px solid #b7dcd3;border-radius:12px;padding:14px;margin:11px 0 0}
.interview-review-result strong{font-size:12px;color:#116354;letter-spacing:.4px}
.interview-review-text{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:9px 0}
.interview-review-stale{font-size:12px;font-weight:650;color:#96652a;margin:10px 0}
.interview-review [hidden]{display:none!important}
@media(max-width:500px){.interview-review{padding:12px}.interview-review .btn-row .btn{width:100%}}

/* v8.9.3: compact, embedded course pathway and legacy catalog. */
.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
.topic-step-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}
.topic-step{padding:10px 8px;background:#eff7f9;border:1px solid #d5e7eb;border-radius:11px;display:grid;gap:3px;text-align:center}
.topic-step strong{font-size:16px;color:#166c71}.topic-step span{font-size:11px;color:#506d7b}
.topic-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0}
.topic-lesson-tile{background:#fff;border:1px solid #d9e6ec;border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:8px}
.topic-lesson-meta{display:flex;gap:8px;align-items:center;justify-content:space-between}
.topic-lesson-tile h3{margin:0;font-size:16px;line-height:1.32;color:#153953}
.topic-lesson-tile p{flex:1;margin:0;color:#5b7380;font-size:13px}
.topic-lesson-tile .btn{align-self:flex-start}
.topic-level{display:inline-block;font-size:11px;font-weight:800;padding:4px 9px;border-radius:99px;background:#e4effa;color:#245c92}
.topic-level.level-a2{background:#e1f6ec;color:#17674b}.topic-level.level-b1{background:#f4eafb;color:#70539c}.topic-level.level-b2{background:#fff1df;color:#865713}
.topic-lesson-toolbar{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px}
.topic-teacher-label{font-size:11px;color:#127873;font-weight:850;letter-spacing:1px;text-transform:uppercase;margin:20px 0 10px}
.topic-learning h3{font-size:22px}
.topic-summary{font-size:16px;line-height:1.65;color:#203f55}
.topic-common{margin:13px 0;padding:12px 14px;border-radius:12px;border:1px solid #f3d9b1;background:#fff8e9}
.topic-common p{font-size:14px;margin:3px 0 0}
.topic-example{padding:10px 14px;border:1px solid #d7e8e9;border-radius:11px;background:#f6fbfc;margin:8px 0}
.topic-example-de{font-weight:750;color:#173d55;font-size:17px}.topic-example-tr{font-size:13px;color:#607783}
.topic-example .btn,.topic-reference .btn{margin:6px 0 0;padding:5px 10px}
.topic-exercise{background:#f0f9f5;padding:17px;border-radius:15px;border:1px solid #c9e4d9;margin:19px 0 3px}
.topic-exercise-tr{font-size:19px;font-weight:760;color:#1a5550}
.topic-answer{width:100%;min-height:84px;padding:12px;border:1px solid #a9cfc5;border-radius:11px;background:#fff;font:16px/1.5 system-ui;resize:vertical}
.topic-reference{border:1px solid #cce1d6;background:#fff;border-radius:11px;padding:12px;margin-top:11px}
.topic-empty-practice{background:#f2f8fc;padding:12px;border-radius:11px}
.topic-library-list{display:grid;gap:7px;margin:10px 0 15px}
.topic-library-item{background:#fff;border:1px solid #dce9ec;padding:10px 13px;border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.topic-library-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.topic-library-item strong{font-size:14px;color:#26455d}.topic-library-item small{font-size:12px;color:#708494}
.topic-library-count{font-size:12px;color:#5a7382;margin:8px 0}
.topic-search{width:100%;min-height:46px;background:white;border:1px solid #cbdde4;border-radius:11px;padding:10px;font:inherit}
@media(max-width:610px){.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.nav-btn{font-size:10px;min-height:54px;padding:5px 2px}.nav-btn span:first-child{font-size:18px}.shell{padding-bottom:calc(165px + env(safe-area-inset-bottom))}.topic-lesson-grid{grid-template-columns:1fr}.topic-step-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-library-item .btn{padding:7px 10px;font-size:11px;min-height:36px}.topic-learning h3{font-size:19px}}

/* v8.9.4 – complete guided topic lessons, readable tables and mastery checks */
.topic-v894 .topic-summary{font-size:15px;color:#274a5d;line-height:1.7;background:#f3f8fb;border-left:4px solid #36a3a3;padding:13px 15px;border-radius:0 12px 12px 0}
.topic-objectives{border:1px solid #c6e6de;background:#edf9f4;border-radius:14px;padding:14px 17px;margin:10px 0 17px}
.topic-objectives>strong{font-size:15px;color:#216b55}.topic-goals{margin:8px 0;padding-left:20px;color:#24485a;line-height:1.7;font-size:14px}
.topic-chapter{background:#fff;border:1px solid #d5e5ea;border-radius:12px;margin:10px 0;overflow:hidden}
.topic-chapter-header{display:list-item;cursor:pointer;list-style-position:inside;padding:14px 16px;background:#f0f7fa;color:#153f5a;font-weight:800;font-size:15px}
.topic-chapter[open]>.topic-chapter-header{border-bottom:1px solid #deebf0;background:#eaf6f5}
.topic-chapter-text{line-height:1.75;color:#284558;font-size:15px;margin:12px 17px}
.topic-table-wrap{margin:14px 13px;overflow-x:auto}.topic-rule-table{width:100%;border-collapse:collapse;font-size:13px;min-width:310px}
.topic-rule-table th,.topic-rule-table td{border:1px solid #d7e8ea;padding:9px 10px;text-align:left;vertical-align:top}
.topic-rule-table th{background:#dff3ef;color:#205767}.topic-rule-table tr:nth-child(even) td{background:#f7fafb}
.topic-example{position:relative;padding:13px 16px}.topic-example-count{float:right;color:#8cabb5;font-size:12px}.topic-example-tip{font-size:12px;color:#356b6a;margin:5px 0}
.topic-pitfalls{display:grid;gap:9px}.topic-pitfall{border:1px solid #efdbca;background:#fffaf7;border-radius:12px;padding:10px 13px}
.topic-pitfall p{margin:5px 0;line-height:1.5}.topic-incorrect{color:#a04043;font-size:14px}.topic-correct{color:#156d52;font-size:14px;font-weight:700}.topic-pitfall-why{color:#665c55;font-size:13px}
.topic-quiz{background:#f6f9fc;border:1px solid #d6e3ef;border-radius:15px;padding:16px}
.topic-quiz-item{padding:14px 0;border-bottom:1px solid #d9e5eb}.topic-quiz-question{font-weight:700;color:#21455b;margin:0 0 11px}
.topic-quiz-options{display:grid;gap:7px}.topic-choice{width:100%;text-align:left;border:1px solid #c7dbe5;border-radius:10px;padding:12px 14px;background:#fff;color:#21435b;cursor:pointer;font:500 14px/1.4 system-ui;min-height:42px}
.topic-choice.selected{border:2px solid #467fbb;background:#eaf2fa}.topic-choice.selected.correct{background:#e5f7ee;border-color:#1a966c}.topic-choice.selected.incorrect{background:#fff2ed;border-color:#b76b55}
.topic-feedback{padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5}.topic-feedback.correct{background:#e2f5eb;color:#176c53}.topic-feedback.incorrect{background:#fff1e9;color:#985335}
.topic-quiz-total{font-weight:800;color:#20495a;margin:15px 0 0}
.topic-practice-progress{color:#1d6858;font-weight:720;font-size:13px}.topic-practice-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 17px}
.topic-practice-tab{padding:6px 11px;border:1px solid #a9cfc2;color:#2c5b54;border-radius:9px;background:white;min-width:37px;min-height:37px;font-weight:700;cursor:pointer}
.topic-practice-tab.active{background:#176b62;color:white}.topic-master-check{padding-left:18px;line-height:1.8;color:#315466;font-size:14px}
.topic-unavailable{background:#fff7e8;border:1px solid #e4d5b8;border-radius:12px;padding:16px}.topic-unavailable strong{color:#8a581b}
.topic-quiz-item button:focus-visible,.topic-practice-tab:focus-visible,.topic-chapter summary:focus-visible{outline:3px solid #1e97a7;outline-offset:2px}
@media(max-width:600px){.topic-quiz{padding:12px}.topic-objectives{padding:12px}.topic-chapter-header{padding:12px}.topic-chapter-text{margin:11px 13px;font-size:14px}}