.icg-comp{--comp-radius:18px;--comp-gap:16px;--comp-fab-clear:calc(132px + env(safe-area-inset-bottom,0px));gap:var(--comp-gap);padding-bottom:var(--comp-fab-clear);flex-direction:column;display:flex;overflow:visible}.icg-comp-teacher,:is(#icg-root,body) button.icg-comp-teacher{text-align:start;width:100%;box-shadow:none;cursor:pointer;color:inherit;font:inherit;letter-spacing:normal;text-transform:none;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:14px;margin:0;padding:0;line-height:1.4;display:flex}.icg-comp-teacher-avatar{letter-spacing:.02em;color:#fff;background:linear-gradient(145deg,#1b5e4b,#2d8f6f);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.icg-comp-teacher-body{flex:1;min-width:0}.icg-comp-teacher-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.icg-comp-teacher-top strong{font-size:15.5px;line-height:1.25}.icg-comp-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.icg-comp-chip{background:var(--isl-green-soft);color:var(--isl-accent);border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.icg-comp-chip.is-on,button.icg-comp-chip.is-on{background:var(--isl-accent);color:#fff}:is(#icg-root,body) button.icg-comp-chip{cursor:pointer;border:1px solid var(--icg-border);background:var(--icg-card-bg);color:var(--icg-text);box-shadow:none;letter-spacing:normal;text-transform:none;border-radius:999px;align-items:center;margin:0;padding:7px 12px;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1.2;transition:background .15s,color .15s,border-color .15s,transform .12s;display:inline-flex}:is(#icg-root,body) button.icg-comp-chip.is-on{background:var(--icg-primary);border-color:var(--icg-primary);color:#fff}:is(#icg-root,body) button.icg-comp-chip:hover{border-color:var(--icg-primary);color:var(--icg-primary)}:is(#icg-root,body) button.icg-comp-chip.is-on:hover{color:#fff}:is(#icg-root,body) button.icg-comp-chip:active{transform:scale(.97)}.icg-comp-row.is-teacher{transition:border-color .18s,box-shadow .18s,transform .18s;animation:.45s both icg-comp-rise}.icg-comp-row.is-teacher:nth-child(2){animation-delay:50ms}.icg-comp-row.is-teacher:nth-child(3){animation-delay:.1s}.icg-comp-row.is-teacher:nth-child(4){animation-delay:.15s}.icg-comp-row.is-teacher:hover{border-color:color-mix(in srgb, var(--isl-accent) 45%, var(--icg-border));transform:translateY(-1px);box-shadow:0 10px 24px #0f3f321a}@keyframes icg-comp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.icg-comp-row.is-teacher{animation:none}.icg-comp-row.is-teacher:hover{transform:none}}.icg-comp-intro{grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);align-items:stretch;gap:14px;display:grid}.icg-comp-intro-main,.icg-comp-intro-side{background:linear-gradient(145deg, #1b5e4b0f, transparent 55%), var(--icg-card-bg);border:1px solid var(--icg-border);border-radius:var(--comp-radius);box-shadow:var(--icg-shadow);min-width:0;padding:18px 18px 16px}.icg-comp-intro-side{background:radial-gradient(circle at 100% 0%, var(--isl-gold-soft), transparent 55%), var(--icg-card-bg)}.icg-comp-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--isl-accent);margin:0 0 6px;font-size:12px;font-weight:800}.icg-comp-intro h2{color:var(--icg-text);margin:0 0 8px;font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.25}.icg-comp-intro p{color:var(--icg-muted);margin:0;font-size:14px;line-height:1.55}.icg-comp-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.icg-comp-badge{background:var(--isl-green-soft);color:var(--isl-accent);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.icg-comp-badge--gold{background:var(--isl-gold-soft);color:#7a5c00}.icg-dark .icg-comp-badge--gold{color:#f1d98a}.icg-comp-badge--warn{color:#9a3412;background:#b453091f}.icg-comp-steps{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:8px;margin:0;padding:4px 2px 8px;list-style:none;display:flex;overflow:visible}.icg-comp-steps::-webkit-scrollbar{display:none}.icg-comp-steps.is-nav{border:1px solid var(--icg-border);background:color-mix(in srgb, var(--icg-card-bg) 82%, var(--isl-green-soft));border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:6px;margin:0;padding:6px;display:grid}.icg-comp-steps.is-nav>li{min-width:0}:is(#icg-root,body) .icg-comp-steps.is-nav .icg-comp-step{text-align:center;justify-content:center;width:100%;min-height:44px}:is(#icg-root,body) .icg-comp-step{border:1px solid var(--icg-border);background:var(--icg-card-bg);color:var(--icg-muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .12s;display:inline-flex}:is(#icg-root,body) .icg-comp-step:hover:not(:disabled){border-color:var(--isl-accent);color:var(--isl-accent)}:is(#icg-root,body) .icg-comp-step:active:not(:disabled){transform:scale(.97)}:is(#icg-root,body) .icg-comp-step.is-on{background:var(--isl-accent);border-color:var(--isl-accent);color:#fff}:is(#icg-root,body) .icg-comp-step:disabled{opacity:.45;cursor:not-allowed}.icg-comp-step-num{width:22px;height:22px;color:inherit;background:#0000000f;border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.icg-comp-step.is-on .icg-comp-step-num{background:#ffffff38}.icg-comp-progress{background:var(--icg-border);border-radius:999px;height:4px;margin:-4px 0 4px;overflow:hidden}.icg-comp-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--isl-accent), #2d8f6f);height:100%;transition:width .25s;display:block}.icg-comp-panel{background:var(--icg-card-bg);border:1px solid var(--icg-border);border-radius:var(--comp-radius);box-shadow:var(--icg-shadow);min-width:0;padding:20px}.icg-comp-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.icg-comp-panel-head h2{color:var(--icg-text);margin:0;font-size:1.15rem;font-weight:800}.icg-comp-panel-head p{color:var(--icg-muted);max-width:52ch;margin:4px 0 0;font-size:13.5px;line-height:1.45}.icg-comp-stats{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;margin-bottom:16px;display:grid}.icg-comp-stat{border:1px solid var(--icg-border);background:linear-gradient(180deg, var(--isl-green-soft), var(--icg-card-bg));border-radius:14px;min-width:0;padding:14px 12px;overflow:visible}.icg-comp-stat span{color:var(--icg-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.icg-comp-stat strong{font-variant-numeric:tabular-nums;color:var(--icg-text);word-break:break-word;overflow-wrap:anywhere;white-space:normal;font-size:clamp(1rem,2.8vw,1.3rem);line-height:1.3;display:block}.icg-comp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.icg-comp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.icg-comp-grid--credential{grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) minmax(88px,.6fr)}.icg-comp-credential{border:1px solid var(--icg-border);background:var(--icg-bg,#00000005);border-radius:14px;margin-bottom:12px;padding:14px}.icg-comp-slot{border:1px solid var(--icg-border);background:var(--icg-bg,#00000005);border-radius:14px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:10px;padding:12px;display:grid}.icg-comp .icg-form-group{min-width:0;margin:0 0 14px}.icg-comp .icg-form-group:last-child{margin-bottom:0}.icg-comp .icg-form-group>span,.icg-comp .icg-form-group>label{color:var(--icg-text);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.icg-comp input[type=text],.icg-comp input[type=number],.icg-comp input[type=file],.icg-comp select,.icg-comp textarea,.icg-comp .icg-form-group input:not([type=checkbox]):not([type=radio]),.icg-comp .icg-form-group select,.icg-comp .icg-form-group textarea{box-sizing:border-box;border:1px solid var(--icg-border);width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;background:var(--icg-card-bg,#fff);color:var(--icg-text);appearance:none;border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.35;display:block}.icg-comp select,.icg-comp .icg-form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235f6f6a' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-inline-end:36px}.icg-comp textarea{resize:vertical;min-height:88px}.icg-comp-check{align-items:flex-start;gap:10px;margin:0 0 10px;font-size:14px;line-height:1.45;display:flex}.icg-comp-check input{flex:none;margin-top:3px}.icg-comp-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.icg-comp-row{border:1px solid var(--icg-border);background:var(--icg-bg,#00000005);border-radius:14px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;overflow:visible}.icg-comp-row-main{flex:200px;min-width:0}.icg-comp-row-main strong{margin-bottom:2px;font-size:15px;display:block}.icg-comp-row-main p,.icg-comp-row-main .icg-meta{color:var(--icg-muted);margin:0;font-size:13px}.icg-comp-row-actions{flex-wrap:wrap;flex:none;align-self:center;align-items:center;gap:6px;padding-top:0;display:inline-flex}.icg-comp-heir{border:1px solid var(--icg-border);background:var(--icg-bg,#00000005);border-radius:14px;grid-template-columns:minmax(0,1.7fr) minmax(88px,.55fr) auto;align-items:end;gap:12px 14px;padding:14px 16px;display:grid;overflow:visible}.icg-comp-heir .icg-form-group{margin:0}.icg-comp-heir-remove{align-items:center;min-height:44px;margin:0;padding-inline:10px;display:inline-flex}.icg-comp-example{border:1px solid var(--icg-border);background:var(--icg-bg,#00000005);border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;padding:16px;display:flex}.icg-comp-example .icg-comp-arabic{margin:0}.icg-comp-example .icg-meta{text-align:center}.icg-comp-example .icg-comp-audio{align-self:stretch;width:100%;max-width:none;height:40px;margin:8px 0 0}.icg-comp-table-wrap{border:1px solid var(--icg-border);-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.icg-comp-table{border-collapse:collapse;width:100%;min-width:420px;font-size:14px}.icg-comp-table th,.icg-comp-table td{text-align:start;border-bottom:1px solid var(--icg-border);vertical-align:top;padding:12px 14px}.icg-comp-table th{background:var(--isl-green-soft);text-transform:uppercase;letter-spacing:.03em;color:var(--isl-accent);font-size:12px}.icg-comp-table tr:last-child td{border-bottom:0}.icg-comp-table .amt{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.icg-comp-arabic{text-align:center;color:var(--icg-text);direction:rtl;margin:8px 0 4px;font-family:Amiri,Noto Naskh Arabic,Scheherazade New,serif;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.8}.icg-comp-audio{width:100%;max-width:440px;margin:8px 0}.icg-comp-actions{border-top:1px dashed var(--icg-border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.icg-comp-actions--sticky{border:1px solid var(--icg-border);background:var(--icg-card-bg,#fff);border-radius:16px;margin-top:16px;padding:12px;position:static}.icg-comp-panel,.icg-comp-split,.icg-comp-grid,.icg-comp .icg-form-group{min-width:0;max-width:100%}.icg-comp input[type=file]{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;overflow:hidden}.icg-comp-notice{padding:12px 14px;background:var(--isl-green-soft);border:1px solid color-mix(in srgb, var(--isl-accent) 25%, var(--icg-border));color:var(--icg-text);overflow-wrap:anywhere;border-radius:12px;margin:0;padding-inline-end:72px;font-size:14px;line-height:1.45}.icg-comp-notice--warn{background:#b453091a;border-color:#b4530947}.icg-comp-notice--error{color:#b42318;background:#b4231814;border-color:#b4231840}.icg-comp-empty{text-align:center;color:var(--icg-muted);padding:40px 20px}.icg-comp-empty strong{color:var(--icg-text);margin-bottom:8px;font-size:18px;display:block}.icg-comp-empty p{max-width:42ch;margin:0 auto;line-height:1.55}.icg-comp-split{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:14px;display:grid}@media (width<=900px){.icg-comp-intro,.icg-comp-split{grid-template-columns:minmax(0,1fr)}.icg-comp-intro-side{display:none}.icg-comp-split--teachers{flex-direction:column;display:flex}.icg-comp-split--teachers>:last-child{order:-1}.icg-comp-grid,.icg-comp-grid--3,.icg-comp-grid--credential{grid-template-columns:minmax(0,1fr)}.icg-comp-slot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.icg-comp-row{flex-wrap:wrap;align-items:flex-start}}@media (width<=640px){.icg-comp-heir{grid-template-columns:minmax(0,1fr) minmax(72px,.4fr)}.icg-comp-heir-remove{grid-column:1/-1;justify-self:start;min-height:40px;padding-top:0}.icg-comp-row-actions{width:100%;padding-top:0}}@media (width<=560px){.icg-comp-panel{border-radius:14px;padding:14px}.icg-comp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.icg-comp-stat:last-child:nth-child(odd){grid-column:1/-1}:is(#icg-root,body) .icg-comp-step{padding:9px 12px;font-size:12.5px}}