.logic-app{min-height:100dvh;--gold:#d8ad63}.logic-app .main{min-width:0}.logic-en{display:block;direction:ltr;text-align:left;unicode-bidi:isolate;color:var(--muted);font-size:.9em;line-height:1.7;margin-top:6px}.logic-pair>span:first-child{display:block;direction:rtl}.logic-app h1{font-size:clamp(26px,4vw,44px);line-height:1.4}.logic-app .logic-banner{padding:clamp(22px,4vw,40px);border:1px solid #b48a4150;background:linear-gradient(120deg,#132e50,#0e1c34);color:#f2ede4;border-radius:22px;margin:20px 0}.logic-banner p{color:#c5d1df}.logic-banner em{color:#e2b96f;font-style:normal}.logic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin:18px 0}.logic-card{padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--paper);min-width:0}.logic-card p,.logic-card li{line-height:1.9}.logic-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.logic-app button,.logic-app select,.logic-app input{min-height:44px}.logic-app button{white-space:normal}.logic-app pre{direction:ltr;text-align:left;unicode-bidi:isolate;overflow:auto;padding:20px;background:#091321;color:#eee1ba;border:1px solid #35445c;border-radius:14px;font:14px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;max-width:100%}.logic-note{padding:16px;border-inline-start:3px solid var(--gold);background:#b58f4312;border-radius:8px;line-height:1.9;margin:16px 0}.logic-app ol{padding-inline-start:24px}.logic-app li{margin:10px 0}.logic-lesson-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}.logic-menu{display:grid;gap:7px;max-height:75vh;overflow:auto}.logic-menu button{text-align:right;background:transparent;color:var(--ink);border:1px solid var(--line);padding:12px;border-radius:12px}.logic-menu button.active{border-color:var(--gold);background:#bb985525}.logic-app textarea{width:100%;min-height:120px;line-height:1.8;padding:14px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px}.logic-app input[type=text],.logic-app select{max-width:100%;padding:10px 14px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px}.logic-answer{width:min(100%,540px);font:20px monospace;direction:ltr;text-align:left}.logic-options{display:grid;gap:10px;margin:20px 0}.logic-option{background:transparent;color:var(--ink);border:1px solid var(--line);padding:15px;text-align:start}.logic-option[aria-pressed=true]{border-color:var(--gold);background:#b9954f22}.logic-feedback{border:1px solid var(--gold);padding:18px;border-radius:12px;line-height:1.8;margin:15px 0}.logic-flash{min-height:280px;display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;color:var(--ink);width:100%}.logic-flash .logic-en{text-align:center}.logic-video{width:100%;max-height:65vh;background:#000;border-radius:12px;display:block;aspect-ratio:16/9}.logic-app iframe.logic-video{border:0;height:auto}.logic-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px}.logic-times button{display:flex;gap:14px;justify-content:flex-start;background:transparent;color:var(--ink);border:1px solid var(--line);padding:12px}.logic-times b{direction:ltr;color:var(--gold)}.logic-speed[aria-pressed=true]{background:var(--gold);color:#142239}.logic-app table{width:100%;border-collapse:collapse;text-align:center;direction:ltr}.logic-app th,.logic-app td{padding:12px;border-bottom:1px solid var(--line)}.logic-out{font:700 50px monospace;color:var(--gold)}.logic-small{font-size:13px;color:var(--muted);line-height:1.8}.logic-app a{color:var(--ink);text-underline-offset:4px}.logic-doc{display:block;text-decoration:none}.logic-doc:hover{border-color:var(--gold)}.logic-app svg{max-width:100%;height:auto;display:block;margin:auto}.logic-search{width:100%;margin-bottom:12px}.logic-app [hidden]{display:none!important}.logic-progress{height:7px;background:#65768b30;border-radius:8px;overflow:hidden;margin:16px 0}.logic-progress i{display:block;height:100%;background:var(--gold)}.logic-app details{margin:12px 0}.logic-app summary{cursor:pointer;line-height:1.8}
@media(max-width:850px){.logic-lesson-layout{grid-template-columns:1fr}.logic-menu{max-height:220px}.logic-app .topbar{align-items:flex-start;gap:10px}.logic-app .topright{flex-wrap:wrap}.logic-card{padding:18px}.logic-grid{grid-template-columns:1fr}.logic-times{grid-template-columns:1fr}.logic-app .sidebar .nav{overflow:auto}.logic-app .logic-banner{margin-top:10px}.logic-app .main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}

.logic-menu button{background:transparent!important;color:var(--ink)!important}.logic-menu button.active{background:#bb985525!important;border-color:var(--gold)!important}.logic-app .sidebar .nav button{white-space:nowrap!important}.logic-card .logic-pair{margin:0}

/* Shared resources in every course */
.resource-surface{min-height:0}.resource-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none!important;color:var(--ink)}.resource-chapter-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.resource-chapter-links button,.resource-chapter-links a{font-size:13px}.resource-slide{border:1px solid var(--line);border-radius:16px;padding:18px;margin:20px 0;background:var(--bg)}.logic-app pre.resource-slide-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);color:var(--ink);border:0;padding:8px 0;font:16px/1.8 Tahoma,sans-serif}.resource-slide img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:10px;background:white}.resource-original{overflow-wrap:anywhere}.resource-add-video{margin-top:24px}.resource-add-video form{display:grid;gap:12px;margin-top:20px}.resource-add-video input{width:100%;padding:12px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px}.resource-reader select{max-width:100%}.resource-reader .logic-actions{min-width:0}@media(max-width:600px){.resource-slide{padding:12px}.resource-reader .logic-actions select{width:100%;min-width:0}.resource-chapter-links{width:100%}}