.learning-page-container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:16px}.learning-page-header{padding-top:24px}.learning-page-hero{isolation:isolate;color:#fff;background:linear-gradient(115deg, var(--shell-blue), #7061d8);border-radius:24px;align-items:flex-start;min-height:248px;padding:24px;display:flex;position:relative;overflow:hidden}.dark .learning-page-hero{background:linear-gradient(115deg,#202f6d,#473d83)}.learning-page-intro{z-index:1;width:100%;min-width:0;position:relative}.learning-page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7;margin:0 0 12px;font-size:11px;font-weight:600;line-height:16px}.learning-page-title{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:600;line-height:1.2}.learning-page-subtitle{color:#ffffffe0;max-width:38rem;margin:12px 0 0;font-size:14px;line-height:22px}.learning-page-mascot{display:none}.learning-page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.learning-page-body{padding-top:24px;padding-bottom:48px}@media (width>=640px){.learning-page-container{padding-inline:24px}.learning-page-header{padding-top:28px}.learning-page-hero{min-height:232px;padding:32px}.learning-page-title{font-size:32px}}@media (width>=768px){.learning-page-intro{padding-right:176px}.learning-page-mascot{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:152px;height:184px;display:block;position:absolute;bottom:16px;right:24px}}@media (width>=1024px){.learning-page-container{padding-inline:32px}.learning-page-hero{min-height:232px;padding-inline:36px}.learning-page-title{font-size:36px}.learning-page-subtitle{font-size:15px;line-height:24px}}.learning-page-pattern{-o-object-fit:cover;object-fit:cover;opacity:.22;mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.dark .learning-page-pattern{opacity:.14}.learning-page-hero-photo,.dark .learning-page-hero-photo{background:#171923}.learning-page-photos{pointer-events:none;display:flex;position:absolute;inset:0}.learning-page-photos img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 25%;object-position:center 25%;filter:grayscale();opacity:.45;flex:1;width:0;min-width:0;height:100%}.learning-page-photos:after{content:"";background:linear-gradient(90deg,#000000bf,#00000026);position:absolute;inset:0}.learning-page-support{color:#fff;background:linear-gradient(115deg, var(--shell-blue), #7061d8);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:20px;display:flex}.dark .learning-page-support{background:linear-gradient(115deg,#202f6d,#473d83)}.learning-page-support>*{max-width:100%}.learning-page-header-compact .learning-page-hero{min-height:auto;padding:20px 24px}.learning-page-header-compact .learning-page-title{font-size:24px}.learning-page-header-compact .learning-page-mascot{display:none}.learning-page-header-compact .learning-page-intro{padding-right:0}@media (width<=639px){.learning-page-photos img:nth-child(n+4){display:none}}.classroom-detail-body>:not(.learning-page-header){margin-inline:16px}@media (width>=640px){.classroom-detail-body>:not(.learning-page-header){margin-inline:24px}}@media (width>=1024px){.classroom-detail-body>:not(.learning-page-header){margin-inline:32px}}.settings-page-header{margin-bottom:24px;padding:0}.messages-workspace{flex-direction:column;height:calc(100dvh - 76px);min-height:36rem;display:flex}.messages-workspace>.learning-page-header{flex-shrink:0}.messages-workspace-body{flex-direction:column;flex:1;min-height:0;display:flex}.messages-workspace-grid{flex:1}@media (width<=639px){.messages-workspace{height:calc(100dvh - 64px)}}