.ped14-hub,.ped14-panel{background:linear-gradient(145deg,#101d3b,#0b1229);border:1px solid #344772;border-radius:20px;padding:20px;margin:16px 0;color:#f4f6ff;min-width:0;max-width:100%}.ped14-hub p,.ped14-panel p{color:#cbd6ed;line-height:1.65}.ped14-ar{font-family:'Noto Sans Arabic',sans-serif!important;direction:rtl;text-align:right;line-height:1.85!important;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;min-width:0;padding:12px;background:#162447;border-radius:12px}.ped14-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ped14-button,.ped14-task{background:#1b2b54;color:#f8faff;border:1px solid #536da6;border-radius:12px;min-height:44px;padding:10px 14px;white-space:normal;overflow-wrap:anywhere;cursor:pointer;max-width:100%}.ped14-button[aria-pressed=true]{background:linear-gradient(120deg,#5431bc,#2859ad);border-color:#a18aff}.ped14-button:disabled{color:#c0cadc;background:#28314b;cursor:default;opacity:.8}.ped14-panel label,.ped14-hub label{display:block;margin:12px 0;color:#f3f6ff}.ped14-panel textarea,.ped14-panel input[type=text],.ped14-hub select,.ped14-panel select{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:#070f24;border:1px solid #647397;border-radius:10px;color:#fff;padding:12px;font:inherit;min-height:44px;margin-top:8px}.ped14-panel textarea{resize:vertical;line-height:1.7}.ped14-check{display:flex!important;gap:10px;align-items:flex-start}.ped14-check input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.ped14-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.ped14-task{text-align:left;display:flex;flex-direction:column;gap:10px}.ped14-task small{color:#c5d9fc}.ped14-document{white-space:pre-wrap;line-height:1.9;background:#081326;padding:18px;border-radius:12px;overflow-wrap:anywhere;margin:16px 0}.ped14-question,.ped14-skill{border-top:1px solid #344772;padding:12px 0}.ped14-result{padding:16px;border:1px solid #5469ab;border-radius:12px;margin-top:16px}.ped14-voice{margin-top:24px;border-top:1px solid #344772;padding-top:16px}.ped14-voice audio{display:block;max-width:100%;width:100%;margin:16px 0}.ped14-voice a{display:block;color:#a4d5ff;padding:12px 0}.ped14-help{margin:12px 0}.ped14-hub button:focus-visible,.ped14-panel button:focus-visible,.ped14-panel input:focus-visible,.ped14-panel textarea:focus-visible{outline:3px solid #83dcff;outline-offset:3px}.pwa-support,.pwa-install{background:#081124!important;color:#eef4ff!important;border-color:#2c416c!important}.pwa-install{padding:8px 16px!important;min-height:0!important}.ped14-panel [role=alert]{color:#ffc6c6}.ped14-panel [role=status]{color:#c9f6df}@media(max-width:430px){.ped14-hub,.ped14-panel{padding:14px}.ped14-grid{grid-template-columns:1fr}.ped14-tabs{font-size:14px}.ped14-document{padding:12px}.ped14-panel h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.ped14-hub *,.ped14-panel *{animation:none!important;transition:none!important}}

.ped14-hub,.ped14-panel,.ped14-hub *,.ped14-panel *{box-sizing:border-box;min-width:0}.ped14-panel h2,.ped14-panel h3,.ped14-hub h2,.ped14-hub h3,.ped14-task strong{overflow-wrap:anywhere}.ped14-help+.lesson-audio-slot{margin-top:18px}.ped14-panel{height:auto}.ped14-panel select{overflow-wrap:normal}.ped14-hub{scroll-margin-bottom:100px}