@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#f6f5f0;--paper:#fffefa;--ink:#1c3430;--muted:#697772;--line:#dfE3da;--green:#1e5142;--mint:#e2eee5;--orange:#e69b55;--pale:#fcf0dd;--red:#b34738;--mono:'IBM Plex Mono',monospace;--sans:'IBM Plex Sans Arabic',Tahoma,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.85}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1e5142;outline-offset:3px}
button,a,input,select,textarea{transition:background .15s,border-color .15s}
a{color:var(--green)}
button{color:inherit}
.loading{text-align:center;padding:20vh 20px}
svg{vertical-align:middle}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:256px;background:var(--paper);border-left:1px solid var(--line);z-index:25;display:flex;flex-direction:column;padding:28px 20px 16px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:24px;line-height:1.2}
.brand-mark{height:44px;width:44px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:22px;direction:ltr}
.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:8px}
.course-label{margin:28px 0 8px;color:var(--muted);font-size:12px}
.nav-button{border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;text-align:right;padding:12px 12px;border-radius:10px;font-size:14px;font-weight:500;margin:3px 0}
.nav-button:hover{background:#f0f2eC}
.nav-button.active{background:var(--mint);color:var(--green);font-weight:600}
.nav-button .count{margin-right:auto;font-family:var(--mono);font-size:11px;background:#fff9;padding:0 8px;border-radius:6px}
.side-divider{border-top:1px solid var(--line);margin:20px 0 16px}
.side-plan{font-size:12px;color:var(--muted);padding:0 12px}
.side-progress{margin-top:auto;background:#edf1e8;padding:16px;border-radius:12px;font-size:12px}
.progress-track{height:4px;border-radius:8px;background:#d6dfd3;overflow:hidden;margin:12px 0}
.progress-track span{display:block;height:100%;background:var(--green);border-radius:8px}
.side-footer{font-size:10px;color:var(--muted);padding:16px 8px 0;line-height:1.7}
.layout{margin-right:256px;min-height:100vh}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:var(--bg);gap:16px}
.breadcrumb{font-size:13px;color:var(--muted)}
.breadcrumb strong{font-weight:500;color:var(--ink)}
.top-actions{display:flex;align-items:center;gap:20px;font-size:12px}
.status-dot{display:inline-block;height:8px;width:8px;background:#589471;border-radius:50%;margin-left:8px}
.day-pill{padding:4px 12px;background:var(--paper);border:1px solid var(--line);border-radius:20px}
.mobile-menu{display:none;background:none;border:0}
.content{padding:36px 40px 52px;max-width:1600px;margin:auto}
.eyebrow{font-size:12px;color:var(--green);font-weight:600;letter-spacing:0}
.page-title{font-size:32px;font-weight:600;margin:3px 0 4px;line-height:1.5;letter-spacing:0}
.lead{color:var(--muted);max-width:760px;margin:0 0 28px;font-size:15px}
.hero{display:grid;grid-template-columns:1.4fr 1fr;border-radius:20px;background:#e8eee2;border:1px solid #dae2d3;overflow:hidden;min-height:260px;margin:24px 0}
.hero-copy{padding:32px}
.hero h1{font-size:36px;line-height:1.45;font-weight:600;margin:12px 0}
.hero p{font-size:14px;color:#586a5e;margin:12px 0 24px;max-width:440px}
.hero-art{padding:28px 32px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#c8d4c02e 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#c8d4c02e 32px);position:relative}
.tiny-terminal{transform:rotate(-2deg);background:#183c33;color:#dceadf;width:100%;max-width:340px;border-radius:13px;box-shadow:0 15px 30px #203a2d15;direction:ltr;padding:20px 24px;font:12px/2.1 var(--mono)}
.dots{display:flex;gap:4px;border-bottom:1px solid #ffffff20;padding-bottom:12px;margin-bottom:12px}
.dots i{width:8px;height:8px;border-radius:50%;background:#97b3a3}
.dots i:first-child{background:#e6a469}
.tiny-terminal em{font-style:normal;color:#eab77e}
.terminal-note{font-family:var(--sans);direction:rtl;font-size:12px;color:#a5bcac;margin-top:12px;border-top:1px solid #ffffff20;padding-top:8px}
.btn{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:13px;font-weight:500;line-height:1.7;white-space:nowrap}
.btn:hover{background:#edf1e8}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.btn.primary:hover{background:#123d30}
.btn.orange{background:#f0b36b;border-color:#f0b36b;color:#3e2a16}
.btn.ghost{border-color:transparent;background:transparent}
.btn.small{padding:4px 12px;font-size:12px}
.btn.danger{color:var(--red)}
.button-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--paper);border-radius:13px;margin-bottom:32px}
.stat{padding:16px 20px;border-left:1px solid var(--line);display:flex;align-items:center;gap:12px}
.stat:last-child{border:0}
.stat b{font:500 25px var(--mono);color:var(--green)}
.stat span{font-size:12px;color:var(--muted);line-height:1.5}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 16px}
.section-head h2{margin:0;font-weight:600;font-size:21px}
.section-head p{color:var(--muted);margin:0;font-size:13px}
.toggle-group{display:inline-flex;gap:3px;border:1px solid var(--line);padding:3px;background:var(--paper);border-radius:10px}
.toggle-group button{border:0;background:none;padding:8px 12px;border-radius:7px;font-size:12px}
.toggle-group button.active{background:var(--green);color:white}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.route-card{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:20px;cursor:pointer;text-align:right;position:relative;overflow:hidden}
.route-card:hover{border-color:#9eb4a3;box-shadow:0 5px 18px #213c2508}
.route-top{display:flex;align-items:center;justify-content:space-between}
.route-num{font:500 13px var(--mono);color:#85948a}
.icon-box{height:36px;width:36px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--green)}
.route-card h3{margin:16px 0 8px;font-size:18px;font-weight:600}
.route-card p{margin:0;color:var(--muted);font-size:12px;min-height:48px}
.route-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:20px;padding-top:12px;border-top:1px solid #e9ebe4;color:var(--muted)}
.tag{display:inline-block;border-radius:5px;font-size:10px;line-height:1.8;padding:2px 8px;background:var(--mint);color:var(--green)}
.tag.amber{background:var(--pale);color:#895a26}
.note{border:1px solid #e8dfca;background:#fcf6e9;border-radius:11px;padding:16px 20px;font-size:13px;color:#775d3c;line-height:1.9;margin:20px 0}
.note.green{background:#edf4ec;border-color:#d9e6d8;color:#396347}
.note.red{background:#fff0eb;border-color:#efd8cf;color:#994d3d}
.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:28px}
.panel{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:24px}
.panel h3{font-size:17px;margin:0 0 12px;font-weight:600}
.panel p{color:var(--muted);font-size:13px;margin:8px 0 16px}
.inline-list{display:flex;gap:12px;align-items:flex-start;margin:16px 0;font-size:13px}
.round-num{min-width:24px;height:24px;border-radius:50%;background:var(--mint);text-align:center;font:12px/25px var(--mono)}
.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.lesson-menu{border:1px solid var(--line);background:var(--paper);border-radius:13px;position:sticky;top:20px;padding:16px;max-height:calc(100vh - 40px);overflow:auto}
.search{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--ink)}
.phase-label{font-size:10px;color:var(--muted);margin:16px 8px 8px}
.lesson-link{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:right;background:none;border:0;padding:8px;border-radius:8px;font-size:12px;line-height:1.6}
.lesson-link:hover{background:var(--bg)}
.lesson-link.active{background:var(--mint);color:var(--green);font-weight:600}
.lesson-link .idx{color:#7d8e82;font-family:var(--mono);font-size:10px;min-width:20px;padding-top:2px}
.lesson-heading{display:flex;gap:20px;justify-content:space-between;align-items:start;margin-bottom:20px}
.lesson-heading h1{margin:4px 0;font-size:28px;line-height:1.5;font-weight:600}
.lesson-heading p{color:var(--muted);font-size:13px;margin:4px 0}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:20px 0 24px;overflow:auto}
.tabs button{border:0;background:none;padding:12px 16px;white-space:nowrap;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}
.tabs button.active{border-color:var(--green);color:var(--green);font-weight:600}
.lesson-article{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px}
.lesson-article h2{font-size:20px;margin:24px 0 12px;font-weight:600}
.lesson-article h3{font-size:17px;font-weight:600;margin:16px 0 8px}
.lesson-article h2:first-child{margin-top:0}
.lesson-article p,.lesson-article li{font-size:14px;line-height:2.05}
.lesson-article p{margin:8px 0 16px}
.lesson-article ul,.lesson-article ol{padding-right:24px}
.objectives{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}
.objectives span{font-size:11px;background:#edf2e9;border:1px solid #e0e7d9;border-radius:6px;padding:4px 12px}
.lesson-article section+section{border-top:1px solid #e8ece2;margin-top:24px;padding-top:4px}
pre{direction:ltr;text-align:left;overflow:auto;font:12px/1.9 var(--mono);background:#173a31;color:#e3ecdf;padding:20px;border-radius:10px;white-space:pre;tab-size:4}
code{font-family:var(--mono);font-size:.85em;direction:ltr;unicode-bidi:embed;background:#eaf0e5;border-radius:4px;padding:2px 4px}
pre code{font-size:inherit;padding:0;background:none;color:inherit}
.source-note{font-size:10px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:12px;overflow-wrap:anywhere}
.lesson-bottom{display:flex;justify-content:space-between;gap:12px;margin:20px 0}
.workspace{border:1px solid #2d4b41;border-radius:13px;overflow:hidden;background:#112d26;direction:ltr;color:#d9e6da;margin-top:20px}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;background:#1e3c32;border-bottom:1px solid #385246;padding:12px 16px;gap:12px;flex-wrap:wrap}
.filename{font:12px var(--mono);color:#cad8ca}
.editor-tools{display:flex;gap:8px;direction:rtl}
.editor-tools button{background:#ffffff0a;color:#cad8ca;border:1px solid #ffffff18;border-radius:6px;font-size:11px;padding:4px 8px}
.editor-wrap{display:flex;direction:ltr;min-height:360px}
.line-numbers{width:48px;flex-shrink:0;text-align:right;padding:20px 12px 20px 4px;color:#658374;font:12px/1.8 var(--mono);background:#132f28;overflow:hidden;user-select:none;white-space:pre}
.code-editor{width:100%;min-height:360px;max-height:700px;resize:vertical;border:0;background:#132f28;color:#edf2e6;padding:20px 16px;font:12px/1.8 var(--mono);direction:ltr;white-space:pre;tab-size:4;outline:none;border-radius:0;overflow:auto}
.runbar{padding:12px 16px;display:flex;align-items:center;gap:12px;direction:rtl;border-top:1px solid #385246}
.runtime-status{font-size:11px;color:#98b2a1;flex:1}
.runbar .btn{font-size:12px}
.console-wrap{padding:16px 16px;background:#0c241e;border-top:1px solid #304b3d}
.console-label{font:10px var(--mono);letter-spacing:0;color:#89a48f}
.console{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;margin:12px 0 0;background:transparent;border:0;padding:0;border-radius:0;min-height:44px;color:#d8e5d5;font:12px/1.8 var(--mono)}
.console.error{color:#ffb8a5}
.input-row{padding:16px 20px;border-top:1px solid #2a483b;direction:rtl;font-size:11px}
.input-row textarea{background:#1b3b30;color:#dce7d8;border:1px solid #385747;border-radius:7px;padding:8px 12px;width:100%;font:12px/1.7 var(--mono);direction:ltr;margin-top:8px;min-height:56px}
.input-row summary{cursor:pointer;color:#a9bfae}
.runtime-host:empty{display:none}
.runtime-host{direction:ltr;overflow:auto;background:#f3f3f3}
.runtime-host iframe{width:100%;height:500px;border:0}
.practice-intro{font-size:14px}
.output-preview{margin-top:16px}
.output-preview summary,details summary{cursor:pointer;font-size:13px;font-weight:500}
.output-preview pre{background:#edf2e9;color:var(--ink)}
.hint-box{margin-top:12px;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:16px;font-size:13px}
.hint-box p{margin:8px 0}
.solution{margin-top:16px;padding:16px;border-radius:10px;border:1px solid #e1d6c3;background:#faf3e5}
.quiz-card{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:16px}
.quiz-card h3{font-size:16px;margin:0 0 16px}
.quiz-option{width:100%;display:flex;gap:12px;text-align:right;padding:12px 16px;border:1px solid var(--line);background:var(--bg);border-radius:8px;margin:8px 0;font-size:13px}
.quiz-option.selected{border-color:#648b70;background:#e6efe3}
.quiz-option.correct{background:#e5f0e4;border-color:#7ea26b}
.quiz-option.wrong{background:#f8e8e0;border-color:#cc9b86}
.quiz-explanation{font-size:13px;padding:12px 0 0;color:#51705a}
.success-banner{padding:20px;background:#e3eee0;border:1px solid #b9d0ad;border-radius:12px;font-size:14px}
.exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.exam-card{padding:24px;border:1px solid var(--line);background:var(--paper);border-radius:14px}
.exam-card h2{font-size:23px;margin:16px 0 8px;font-weight:600}
.exam-card p{font-size:13px;color:var(--muted)}
.exam-number{font:13px var(--mono);color:#88998b;display:flex;justify-content:space-between}
.exam-cover{display:flex;gap:12px;align-items:center;margin:20px 0;color:var(--green);font-size:12px}
.exam-cover span{padding:4px 8px;background:var(--mint);border-radius:5px}
.timer{font:500 23px var(--mono);padding:8px 16px;border:1px solid var(--line);border-radius:9px;background:var(--paper);direction:ltr;color:var(--green)}
.exam-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}
.exam-spec{max-height:80vh;overflow:auto;padding:24px}
.exam-spec h3{font-size:16px}
.exam-spec p,.exam-spec li{font-size:13px}
.exam-spec pre{font-size:13px}
.exam-spec svg{max-width:100%;height:auto}
.exam-spec table{width:100%;font-size:11px}
.exam-spec table td,.exam-spec table th{padding:8px}
.rubric-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:start;font-size:13px}
.rubric-row input{accent-color:var(--green);margin-top:8px}
.rubric-row b{margin-right:auto;white-space:nowrap;font:12px var(--mono)}
.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.glossary-card{padding:20px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.glossary-card h3{font:500 15px var(--mono);margin:0;color:var(--green)}
.glossary-card p{font-size:13px;margin:8px 0}
.glossary-card code{font-size:10px;display:block;overflow:auto;white-space:pre}
.cheatsheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.cheatsheet .panel pre{font-size:11px}
.checklist label{display:flex;gap:12px;align-items:flex-start;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.checklist input{margin-top:8px;accent-color:var(--green)}
.files-list{display:flex;gap:8px;flex-wrap:wrap}
.footer-note{font-size:11px;color:var(--muted);margin-top:32px;text-align:center}
.link-btn{border:0;background:none;color:var(--green);text-decoration:underline;padding:0;font-size:inherit}
.wide{width:100%}
table{border-collapse:collapse;width:100%;font-size:13px;margin:16px 0}
td,th{border:1px solid var(--line);padding:8px 12px;text-align:right}
th{background:#edf2e7}
blockquote{border-right:3px solid #b9ccad;background:#f1f5eb;margin:16px 0;padding:12px 16px;font-size:14px}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);z-index:100;background:var(--ink);color:#fff;padding:12px 24px;border-radius:10px;font-size:13px;box-shadow:0 8px 35px #10261c20;opacity:0;transition:opacity .18s,transform .18s;max-width:90%;pointer-events:none}
#toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.diagnostic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.source-list li{margin:12px 0;font-size:12px;overflow-wrap:anywhere}
.uml-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;direction:ltr}
.uml-class{border:1px solid #aec4aa;background:#fff;border-radius:8px;overflow:hidden;font:12px/1.9 var(--mono);text-align:left}
.uml-class strong,.uml-class div{padding:12px 16px;display:block;border-bottom:1px solid #cddcc7}
.uml-class strong{text-align:center;background:#e4eedf}
.array-visual{display:flex;direction:ltr;gap:8px;overflow:auto;padding:16px 0}
.array-cell{min-width:76px;text-align:center;background:#edf2e8;border:1px solid #c9d6c2;border-radius:8px;direction:ltr;padding:12px;font:12px/1.8 var(--mono)}
.array-cell small{display:block;color:#8a9884}
.array-cell.filled{background:#d7e7d0;border-color:#91ac84}
.muted{color:var(--muted)}
.empty{padding:32px;text-align:center;color:var(--muted)}
.hidden{display:none!important}
.kbd{font:10px var(--mono);border:1px solid #57725f;border-radius:4px;padding:2px 4px}
.mobile-overlay{display:none}

@media(min-width:1500px){.content{padding:40px 56px}
.lesson-layout{grid-template-columns:250px minmax(0,1fr)}
.hero-copy{padding:36px 40px}
}

@media(max-width:1150px){.sidebar{width:220px;padding:24px 16px}
.layout{margin-right:220px}
.content{padding:24px}
.topbar{padding:0 24px}
.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero h1{font-size:30px}
.hero-copy{padding:24px}
.hero-art{padding:20px}
.lesson-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}
.exam-workspace{grid-template-columns:minmax(0,1fr)}
.exam-spec{max-height:500px}
.stat{padding:16px}
.stat b{font-size:22px}
}

@media(max-width:850px){.sidebar{transform:translateX(100%);transition:transform .2s;width:260px}
.sidebar.open{transform:translateX(0)}
.layout{margin:0}
.mobile-menu{display:block}
.content{padding:24px 20px}
.topbar{height:64px;padding:0 20px}
.breadcrumb{margin-left:auto}
.top-actions .save-status{display:none}
.hero h1{font-size:31px}
.lesson-menu{position:static;max-height:224px}
.lesson-layout{grid-template-columns:minmax(0,1fr)}
.lesson-menu .search{position:sticky;top:0}
.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mobile-overlay.show{display:block;position:fixed;inset:0;z-index:24;background:#173a3155}
.lesson-article{padding:24px}
}

@media(max-width:570px){body{font-size:16px}
.content{padding:20px 16px}
.page-title{font-size:27px}
.hero{grid-template-columns:1fr;margin-top:16px}
.hero-copy{padding:24px}
.hero h1{font-size:31px}
.hero-art{display:none}
.stat-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.stat:nth-child(2){border-left:0}
.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
.stat b{font-size:21px}
.route-grid,.dashboard-bottom,.exam-grid,.cheatsheet,.diagnostic{grid-template-columns:minmax(0,1fr)}
.route-card p{min-height:0}
.glossary-grid{grid-template-columns:minmax(0,1fr)}
.lesson-heading h1{font-size:25px}
.lesson-article{padding:20px 16px}
.tabs button{padding:12px 8px;font-size:11px}
.code-editor{font-size:11px;min-height:332px;padding:16px 12px}
.line-numbers{font-size:11px;width:36px;padding:16px 8px 16px 3px}
.runbar{flex-wrap:wrap}
.runtime-status{min-width:100%;order:3}
.section-head{align-items:flex-start}
.section-head h2{font-size:19px}
.top-actions{gap:4px}
.day-pill{font-size:10px}
.uml-builder{grid-template-columns:minmax(0,1fr)}
.lesson-bottom .btn{font-size:11px;padding:8px 12px}
}

@media print{.sidebar,.topbar,.btn,.tabs,.lesson-menu,.workspace{display:none}
.layout{margin:0}
.content{padding:0}
.lesson-layout{display:block}
.lesson-article{border:0}
body{background:#fff;color:#000}
pre{background:#eee;color:#000}
}

.editor-wrap{height:420px;min-height:0}
.editor-wrap.tall{height:680px}
.code-editor{min-height:0;max-height:none;height:100%;resize:none}
.line-numbers{height:100%;max-height:100%}
.solution pre{max-height:552px}
.tiny-terminal{overflow:hidden}
.quiz-option[aria-pressed="true"]{box-shadow:inset -3px 0 0 #70915e}
@media(max-width:570px){.editor-wrap{height:352px}
.editor-wrap.tall{height:552px}
.code-editor{min-height:0}
}

@media(max-width:570px){.section-head{flex-wrap:wrap}
.toggle-group{flex-shrink:0}
.toggle-group button{white-space:nowrap}
}