.preview-classroom-results{--classroom-shade-0:#f2f3f5;--classroom-shade-1:color-mix(in oklch,var(--preview-brand-sky) 14%,white);--classroom-shade-2:color-mix(in oklch,var(--preview-brand-sky) 26%,white);--classroom-shade-3:color-mix(in oklch,var(--preview-brand-sky) 38%,white);--classroom-shade-4:color-mix(in oklch,var(--preview-brand-sky) 52%,white);display:flex;flex-direction:column;gap:1.25rem;min-width:0}.preview-classroom-results__distribution{display:flex;flex-direction:column;gap:1rem;margin:0}.preview-classroom-results__distribution-caption{display:flex;flex-direction:column;gap:.125rem}.preview-classroom-results__distribution-title{font-family:var(--font-preview-headline),"Red Hat Display",system-ui,sans-serif;font-size:1.125rem;font-weight:700;color:var(--preview-fg)}.preview-classroom-results__distribution-meta{font-size:.9375rem;color:var(--preview-muted-fg)}.preview-classroom-results__bars{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.5rem;height:9.5rem;margin:0;padding:0;list-style:none}.preview-classroom-results__bar-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.375rem;height:100%;min-width:0;text-align:center}.preview-classroom-results__bar-count{min-height:1rem;font-size:.8125rem;font-weight:700;color:var(--preview-muted-fg)}.preview-classroom-results__bar{width:min(100%,4.5rem);height:calc(.3rem + var(--bar-fill, 0) * 6.25rem);border-radius:.5rem .5rem .1875rem .1875rem;background:color-mix(in oklch,var(--preview-brand-sky) calc(30% + var(--bar-fill, 0) * 70%),white)}.preview-classroom-results__bar-score{font-size:.875rem;font-weight:600;color:var(--preview-muted-fg)}.preview-classroom-results__scroll{position:relative;max-width:100%;overflow-x:auto;border-radius:var(--preview-radius-lg);background:white;border:1px solid color-mix(in oklch,var(--preview-border) 70%,transparent);box-shadow:0 10px 30px -22px color-mix(in oklch,var(--preview-fg) 35%,transparent)}.preview-classroom-results__scroll:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px}.preview-classroom-results__table{width:100%;border-collapse:initial;border-spacing:0;font-size:.9375rem;color:var(--preview-fg)}.preview-classroom-results__table td,.preview-classroom-results__table th{padding:.625rem .875rem;border-bottom:1px solid color-mix(in oklch,var(--preview-border) 55%,transparent);text-align:left;vertical-align:middle}.preview-classroom-results__table .preview-classroom-results__average,.preview-classroom-results__table .preview-classroom-results__num-head,.preview-classroom-results__table .preview-classroom-results__score{text-align:center}.preview-classroom-results__table thead th{background:white;font-size:.75rem;font-weight:700;color:var(--preview-muted-fg);white-space:nowrap;border-bottom-color:var(--preview-border)}.preview-classroom-results__table tbody tr:hover>*{background:color-mix(in oklch,var(--preview-muted) 45%,white)}.preview-classroom-results__table tfoot>tr>*{border-bottom:0;background:color-mix(in oklch,var(--preview-muted) 55%,white);font-weight:700}.preview-classroom-results__sticky{position:sticky;left:0;z-index:1;background:white}.preview-classroom-results__sort{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.preview-classroom-results__num-head .preview-classroom-results__sort{justify-content:center}.preview-classroom-results__sort:hover{color:var(--preview-fg)}.preview-classroom-results__sort:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px;border-radius:.25rem}.preview-classroom-results__sort-icon{width:.75rem;height:.75rem;opacity:.45}[aria-sort=ascending] .preview-classroom-results__sort-icon,[aria-sort=descending] .preview-classroom-results__sort-icon{opacity:1;color:var(--preview-primary)}.preview-classroom-results__label{min-width:7.5rem;font-weight:700;white-space:nowrap}.preview-classroom-results__label-text{margin-right:.5rem}.preview-classroom-results__label-link{color:var(--preview-primary);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--preview-primary) 35%,transparent);text-underline-offset:3px;border-radius:4px}.preview-classroom-results__label-link:hover{text-decoration-color:initial}.preview-classroom-results__label-link:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px}.preview-classroom-results__label-link .preview-classroom-results__label-text{margin-right:0}.preview-classroom-results__label-link{margin-right:.5rem}.preview-classroom-results__check{display:inline-block;padding:.125rem .5rem;border-radius:9999px;background:var(--preview-warning-muted);font-size:.6875rem;font-weight:700;color:var(--preview-classroom-warning-ink);vertical-align:middle}.preview-classroom-results__score{white-space:nowrap}.preview-classroom-results__chip-score{display:inline-flex;align-items:baseline;justify-content:center;min-width:3rem;padding:.25rem .625rem;border-radius:9999px;background:var(--classroom-shade-0);font-weight:700;font-variant-numeric:tabular-nums;color:var(--preview-on-brand-sky-container)}.preview-classroom-results__chip-score[data-level="0"]{color:var(--preview-muted-fg)}.preview-classroom-results__chip-score[data-level="1"]{background:var(--classroom-shade-1)}.preview-classroom-results__chip-score[data-level="2"]{background:var(--classroom-shade-2)}.preview-classroom-results__chip-score[data-level="3"]{background:var(--classroom-shade-3)}.preview-classroom-results__chip-score[data-level="4"]{background:var(--classroom-shade-4)}.preview-classroom-results__chip-max{font-size:.75em;font-weight:600;opacity:.6}.preview-classroom-results__score--empty{color:var(--preview-muted-fg)}.preview-classroom-results__average{font-variant-numeric:tabular-nums;white-space:nowrap}.preview-classroom-results__status{white-space:nowrap}.preview-classroom-results__chip{display:inline-block;padding:.1875rem .625rem;border-radius:9999px;background:var(--preview-muted);font-size:.75rem;font-weight:700;color:var(--preview-muted-fg)}.preview-classroom-results__chip[data-status=running]{background:var(--preview-brand-sky-container);color:var(--preview-on-brand-sky-container);animation:preview-classroom-pulse 1.6s ease-in-out infinite}.preview-classroom-results__chip[data-status=succeeded]{background:color-mix(in oklch,var(--preview-positive,#2f9e6a) 14%,white);color:color-mix(in oklch,var(--preview-positive,#2f9e6a) 75%,var(--preview-fg))}.preview-classroom-results__chip[data-status=failed]{background:var(--preview-classroom-danger-bg);color:var(--preview-classroom-danger)}@keyframes preview-classroom-pulse{50%{opacity:.6}}.preview-classroom-results__error{display:block;max-width:16rem;margin-top:.25rem;font-size:.75rem;color:var(--preview-classroom-danger);white-space:normal}.preview-classroom-results__retry{display:inline-flex;align-items:center;gap:.25rem;margin-top:.375rem;padding:.25rem .625rem;border:0;border-radius:9999px;background:var(--preview-primary-container);font:inherit;font-size:.75rem;font-weight:700;color:var(--preview-primary);cursor:pointer}.preview-classroom-results__retry:hover:not(:disabled){background:color-mix(in oklch,var(--preview-primary) 22%,white)}.preview-classroom-results__retry:disabled{opacity:.6;cursor:progress}.preview-classroom-results__retry-icon{width:.75rem;height:.75rem}.preview-classroom-results__revision{min-width:16rem;max-width:26rem}.preview-classroom-results__revision p{display:-webkit-box;margin:0;overflow:hidden;font-size:.875rem;line-height:1.45;color:var(--preview-muted-fg);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.preview-classroom-results__revision-row{font-weight:700;color:var(--preview-fg)}.preview-classroom-results__muted{font-size:.875rem;color:var(--preview-muted-fg)}.preview-classroom-results__link{width:2.5rem;text-align:right}.preview-classroom-results__open{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:9999px;color:var(--preview-primary);transition:background-color .15s ease}.preview-classroom-results__open:focus-visible,.preview-classroom-results__open:hover{background:var(--preview-primary-container);outline:none}.preview-classroom-results__open svg{width:1rem;height:1rem}.preview-classroom-summary{display:flex;flex-direction:column;gap:1rem}.preview-classroom-summary__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.preview-classroom-summary__title{margin:0;font-family:var(--font-preview-headline),"Red Hat Display",system-ui,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;color:var(--preview-fg)}.preview-classroom-summary--compact .preview-classroom-summary__head{display:none}.preview-classroom-summary__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.preview-classroom-summary__generate{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:0;border-radius:9999px;background:var(--preview-primary-container);font:inherit;font-size:.875rem;font-weight:700;color:var(--preview-primary);cursor:pointer;transition:background-color .15s ease}.preview-classroom-summary__generate:hover:not(:disabled){background:color-mix(in oklch,var(--preview-primary) 22%,white)}.preview-classroom-summary__generate:focus-visible{outline:2px solid var(--preview-primary);outline-offset:2px}.preview-classroom-summary__generate:disabled{opacity:.55;cursor:not-allowed}.preview-classroom-summary__generate-icon{width:1rem;height:1rem}.preview-classroom-summary__empty,.preview-classroom-summary__hint,.preview-classroom-summary__loading{margin:0;font-size:.875rem;color:var(--preview-muted-fg)}.preview-classroom-summary__error{margin:0;padding:.625rem .875rem;border:1px solid var(--preview-classroom-danger-border);border-radius:var(--preview-radius-md);background:var(--preview-classroom-danger-bg);font-size:.875rem;color:var(--preview-classroom-danger)}.preview-classroom-summary__stale{margin:0;font-size:.8125rem;font-weight:600;color:var(--preview-classroom-warning-ink)}.preview-classroom-summary__body{display:flex;flex-direction:column;gap:1.5rem}.preview-classroom-summary__overview{margin:0;font-size:1.0625rem;line-height:1.6;color:var(--preview-fg)}.preview-classroom-summary__block{display:flex;flex-direction:column;gap:.625rem}.preview-classroom-summary__subhead{margin:0;font-family:var(--font-preview-headline),"Red Hat Display",system-ui,sans-serif;font-size:1.0625rem;font-weight:700;color:var(--preview-fg)}.preview-classroom-summary__list{display:grid;gap:.375rem;margin:0;padding-left:1.25rem;list-style:disc;line-height:1.55}.preview-classroom-summary__mistakes{display:grid;gap:1rem;margin:0;padding:0;list-style:none}@media (min-width:900px){.preview-classroom-summary__mistakes{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.preview-classroom-summary__mistake{display:flex;flex-direction:column;gap:.5rem;padding:1.125rem 1.25rem;border:1px solid color-mix(in oklch,var(--preview-border) 70%,transparent);border-radius:var(--preview-radius-lg);background:white}.preview-classroom-summary__mistake p{margin:0}.preview-classroom-summary__mistake-row{font-family:var(--font-preview-headline),"Red Hat Display",system-ui,sans-serif;font-size:1.0625rem;font-weight:700;color:var(--preview-fg)}.preview-classroom-summary__count{align-self:flex-start;margin:0;padding:.1875rem .625rem;border-radius:var(--preview-radius-sm,.375rem);background:var(--preview-tertiary-container);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--preview-on-tertiary-container)}.preview-classroom-summary__pattern{font-size:.9375rem;line-height:1.55;color:var(--preview-muted-fg)}.preview-classroom-summary__lesson{font-size:.9375rem;line-height:1.55;color:var(--preview-fg)}.preview-classroom-summary__lesson-label{font-weight:700}.preview-classroom-summary__examples{font-size:.8125rem;color:var(--preview-muted-fg)}.preview-classroom-sample{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,4vw,2.25rem);border-radius:calc(var(--preview-radius-lg) * 1.5);background:var(--preview-brand-sky-container)}.preview-classroom-sample__head{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.preview-classroom-sample__title{margin:0;font-family:var(--font-preview-headline),"Red Hat Display",system-ui,sans-serif;font-size:clamp(1.1875rem,3vw,1.4375rem);font-weight:700;letter-spacing:-.01em;color:var(--preview-fg)}.preview-classroom-sample__table{position:relative}.preview-classroom-sample__table.is-collapsed:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:2;height:6.5rem;border-radius:0 0 var(--preview-radius-lg) var(--preview-radius-lg);background:linear-gradient(180deg,transparent,var(--preview-brand-sky-container) 92%);pointer-events:none}.preview-classroom-sample__more{display:flex;justify-content:center;margin-top:-.5rem}.preview-classroom-sample .preview-classroom-sample__toggle{--btn-depth:3px;--btn-depth-color:color-mix(in oklch,var(--preview-brand-sky) 40%,white);display:inline-flex;align-items:center;justify-content:center;min-height:2.625rem;padding:.5rem 1.125rem;border:0;border-radius:.8rem;background:white;color:var(--preview-on-brand-sky-container);font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:0 var(--btn-depth) 0 var(--btn-depth-color);transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s ease}.preview-classroom-sample .preview-classroom-sample__toggle:hover:not(:disabled){background:white;transform:translateY(-1px)}.preview-classroom-sample .preview-classroom-sample__toggle:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--btn-depth-color)}.preview-classroom-sample .preview-classroom-sample__toggle:focus-visible{outline:2px solid var(--preview-primary);outline-offset:3px}@keyframes preview-classroom-reveal{0%{opacity:0;transform:translateY(-.375rem)}to{opacity:1;transform:none}}.preview-classroom-sample__table.is-expanded .preview-classroom-results__distribution,.preview-classroom-sample__table.is-expanded tbody tr:nth-child(n+6),.preview-classroom-sample__table.is-expanded tfoot tr{animation:preview-classroom-reveal .32s cubic-bezier(.2,.7,.3,1) both}.preview-classroom-sample__table.is-expanded tbody tr:nth-child(n+11){animation-delay:60ms}.preview-classroom-sample__table.is-expanded tbody tr:nth-child(n+16){animation-delay:.12s}.preview-classroom-sample__table.is-expanded tbody tr:nth-child(n+21),.preview-classroom-sample__table.is-expanded tfoot tr{animation-delay:.18s}@media (prefers-reduced-motion:reduce){.preview-classroom-results__chip[data-status=running],.preview-classroom-sample__table.is-expanded .preview-classroom-results__distribution,.preview-classroom-sample__table.is-expanded tbody tr,.preview-classroom-sample__table.is-expanded tfoot tr{animation:none}}