.landing-experience .story-product-frame:has(.landing-classroom-preview){aspect-ratio:auto}.landing-classroom-preview{text-align:left;width:100%;min-width:0;padding:16px}.landing-classroom-compact{display:none}@media (min-width:1200px){.landing-experience .story-product-frame:has(.landing-classroom-preview){height:560px}.landing-classroom-preview,.landing-classroom-full{height:100%;min-height:0}.landing-classroom-full{flex-direction:column;display:flex}.landing-classroom-full>div{flex-shrink:0}.landing-classroom-full>fieldset{scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}}@media (max-width:1199px){.landing-classroom-full{display:none}.landing-classroom-preview{height:100%;padding:0}.landing-classroom-compact{color:#303342;flex-direction:column;height:100%;display:flex}.class-compact-cover{flex:0 0 104px;position:relative;overflow:hidden}.class-compact-cover>img{object-fit:cover;object-position:74% 54%}.class-compact-cover>div{background:linear-gradient(90deg,#fffffff2,#ffffff20);flex-direction:column;justify-content:end;height:100%;padding:16px;display:flex;position:relative}.class-compact-cover h3{max-width:200px;font-size:20px;font-weight:800;line-height:1.2}.class-compact-cover p{margin-top:6px;font-size:12px}.class-compact-tabs{border-bottom:1px solid #ececf1;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px;display:grid}.class-compact-tabs button{border-bottom:2px solid #0000;min-height:44px;font-size:13px;font-weight:650}.class-compact-tabs button[aria-pressed=true]{color:var(--brand-ink);border-color:var(--brand)}.class-compact-tabs button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:-4px}.class-compact-content{min-height:0;padding:14px 16px;overflow-y:auto}.class-compact-label{color:#686877;justify-content:space-between;font-size:12px;font-weight:650;display:flex}.class-compact-assignment{padding:12px 0}.class-compact-assignment+.class-compact-assignment{border-top:1px solid #ececf1}.class-compact-assignment h4,.class-compact-post h4{font-size:14px;font-weight:700;line-height:1.4}.class-compact-assignment>p{color:#686877;margin-top:4px;font-size:11px}.class-compact-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.class-compact-counts>div{flex-direction:column-reverse;gap:3px;display:flex}.class-compact-counts dt{font-size:11px;line-height:1.4}.class-compact-counts dd{color:var(--brand-ink);font-size:19px;font-weight:750;line-height:1.1}.class-compact-member{border-bottom:1px solid #ececf1;align-items:center;gap:12px;padding:16px 0;font-size:14px;display:flex}.class-compact-member b{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-ink);border-radius:50%;place-items:center;display:grid}.class-compact-post h4{margin-top:20px}.class-compact-post>p:not(.class-compact-label){margin-top:12px;font-size:14px;line-height:1.6}.class-compact-resource{background:var(--brand-soft);overflow-wrap:anywhere;border-radius:10px;margin-top:20px;padding:12px;font-size:12px}}