/* Calm integration of the eight requested MIT Uiverse components.
   One featured component per screen. Original structures/CSS: design/uiverse. */
.uv-feature{--uv-ink:var(--ix-ink,#243d49);--uv-muted:var(--ix-muted,#526970);--uv-paper:var(--ix-card,#fff);--uv-soft:var(--ix-soft,#edf6f7);--uv-line:var(--ix-line,#dce6e8);--uv-brand:var(--ix-brand,#176d80);position:relative;isolation:isolate;min-width:0}
body[data-sp-experience="k12"] .uv-feature:not(.uv-card-hero){display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:32px;min-height:218px;margin-bottom:32px;padding:28px 32px;border:1px solid var(--uv-line);border-radius:18px;background:var(--uv-paper)}
.uv-hero-copy{position:relative;z-index:1;min-width:0}.uv-hero-copy h1{margin-top:8px!important;max-width:24ch;text-wrap:balance}.uv-hero-copy p{max-width:58ch}.uv-hero-copy .home-top-metrics{margin-top:18px}.uv-hero-copy .home-top-metrics button{border:0;background:var(--uv-soft);padding:5px 10px;font-size:12px;min-height:36px}.uv-hero-copy .home-top-metrics{gap:10px}
/* The exact multi-gradient bookshelf pattern is confined to the top hero. */
body[data-sp-experience="k12"] .uv-bookshelf-hero{overflow:hidden;grid-template-columns:minmax(0,1fr)!important;background:#111!important}
.uv-hero-pattern{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;mask-image:none}
/* Typewriter, turning book and pencil holder retain their original drawing.
   The original animations autoplay; reduced-motion preferences still apply. */
.uv-art{appearance:none;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:none;border:0;color:var(--uv-brand);width:220px;height:170px;padding:10px;justify-self:end;border-radius:14px;cursor:default;font:inherit}
.uv-art:focus-visible{outline:3px solid var(--uv-brand);outline-offset:5px}
.uv-art-stage{display:grid;place-items:center;height:138px;width:100%;pointer-events:none}.uv-art-caption{font-size:11px;color:var(--uv-muted);letter-spacing:.03em;line-height:1;opacity:.75}
.uv-art-stage *,.uv-art-stage *::before,.uv-art-stage *::after{animation-play-state:running!important}
.uv-typewriter .typewriter-alt{scale:1.35;animation-delay:-.6s}
.uv-typewriter .paper{animation-delay:-1.875s}.uv-typewriter .slide{animation-delay:-.6s}.uv-typewriter .uv-art-stage{padding-top:25px}
.uv-book .book{font-size:20px;animation-delay:-1.6s}
.uv-book .book__pg,.uv-book .book__pg-shadow{animation-delay:-1.6s}
.uv-pencils #loader{width:118px;height:148px;animation-delay:-1.8s}.uv-pencils .content{display:grid;place-items:center}
/* Source circle + tooltip component becomes labelled school shortcuts. */
.uv-shortcuts{justify-self:end}.uv-icons .wrapper{height:auto;padding:24px 0 30px;margin:0;width:auto;gap:10px;font-family:inherit;overflow:visible}
.uv-icons .wrapper li{list-style:none}.uv-icons .wrapper .icon{width:62px;height:62px;margin:0;color:var(--uv-brand);background:var(--uv-soft);border:1px solid var(--uv-line);box-shadow:0 6px 10px #163d4c0a;text-decoration:none}
.uv-icons .icon svg{width:25px;height:25px;pointer-events:none}.uv-icon-label{position:absolute;top:72px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:600;white-space:nowrap;color:var(--uv-muted)}
.uv-icons .wrapper .icon:hover,.uv-icons .wrapper .icon:focus-visible,.uv-icons .wrapper .icon:hover .tooltip,.uv-icons .wrapper .icon:focus-visible .tooltip,.uv-icons .wrapper .tooltip::before{background:var(--uv-brand);color:white}
.uv-icons .wrapper .icon:focus-visible .tooltip{top:-45px;opacity:1;visibility:visible}.uv-icons .wrapper .tooltip{white-space:nowrap;z-index:3}.uv-icons .wrapper .icon:hover .uv-icon-label{color:var(--uv-muted)}
/* Original four rounded quadrants, with school icons and persistent labels. */
.uv-petals .uv-petal-grid{display:flex;flex-direction:column;gap:8px;padding:0;background:none;min-height:0;margin:0}
.uv-petals .up,.uv-petals .down{gap:8px}.uv-petals a[class^="card"]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:98px;height:88px;background:white;color:var(--petal-color,#cc39a4);box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;border:0;text-decoration:none;font-size:11px;transition:background .2s,transform .2s}
.uv-petals a svg{width:24px;height:24px}.uv-petals .card1{padding:12px 0 0 12px}.uv-petals .card2{padding:12px 12px 0 0}.uv-petals .card3{padding:0 0 12px 12px}.uv-petals .card4{padding:0 12px 12px 0}.uv-petals a:hover,.uv-petals a:focus-visible{scale:1.1;transform:none;color:#fff}
/* Original card shapes form the existing header: no extra panel or title. */
body[data-sp-experience="k12"] .uv-card-hero{display:block;margin:0 0 32px;padding:0;border:0;min-height:0;background:transparent}
body[data-sp-experience="k12"] .uv-card-hero>.card{width:100%;max-width:none;margin:0;background:var(--uv-paper);color:var(--uv-ink);border:1px solid var(--uv-line);box-shadow:none;min-width:0}
body[data-sp-experience="k12"] .uv-creatly>.card{padding:8px!important;border-radius:18px}
.uv-creatly .card__hero{background:#f5f0e4;padding:22px 26px;border-radius:12px 12px 0 0}.uv-creatly .card__hero-header{color:var(--uv-brand);font-size:10px;letter-spacing:1.3px;min-height:24px}.uv-creatly .card__icon svg{width:24px;height:24px}.uv-creatly .card__hero .card__job-title{font:750 32px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.6px;color:var(--uv-ink);margin:16px 0 6px;padding:0;text-wrap:balance;max-width:32ch}
.uv-creatly .card__footer{padding:15px 26px;gap:0;min-width:0}.uv-creatly .card__job-summary{font-weight:400;gap:12px;min-width:0}.uv-creatly .card__job-summary>svg{height:22px;width:22px;flex-shrink:0;color:var(--uv-brand)}.uv-creatly .card__job-summary>p{font:inherit;font-size:14px;line-height:1.6;color:var(--uv-muted);margin:0;max-width:65ch}
body[data-sp-experience="k12"] .uv-firefox>.card{border-radius:22px;padding:26px 32px!important}.uv-firefox .containers{width:100%}.uv-firefox .icon{position:absolute;right:0;top:4px;background:var(--uv-soft);color:var(--uv-brand);width:64px;height:64px}.uv-firefox .icon svg{width:28px;height:28px}.uv-firefox .title{font-weight:750;font-size:32px;line-height:1.25;letter-spacing:-.6px;white-space:normal;margin:12px 85px 15px 0;max-width:28ch;color:var(--uv-ink)}.uv-firefox .subtitle{font-size:15px;line-height:1.6;max-width:58ch;margin:0 80px 12px 0;color:var(--uv-muted)}
.uv-firefox .card::after,.uv-firefox .card::before{background:#247865}.uv-firefox .card:hover .icon{background:#176d66}.uv-firefox .card:hover .title,.uv-firefox .card:hover .subtitle{color:#fff}.uv-firefox .card:hover::before{background:#176d66}
/* Remove duplicate decorative stickers; the one feature has room to breathe. */
body[data-sp-experience="k12"] .float-chip{display:none!important}.ix-page-courses .course-dashboard-copy>.flex-row:last-child{flex-wrap:wrap}
body[data-sp-experience="k12"] .card{min-width:0}body[data-sp-experience="k12"] .catalog-toolbar{gap:20px;flex-wrap:wrap}body[data-sp-experience="k12"] .filter-chips{flex-wrap:wrap}
/* Login keeps the supplied welcome panel; its one animation sits below the form. */
.ix-login-art{display:flex;justify-content:center;align-items:center;height:80px;margin:4px 0 2px}
.ix-login-art .uv-hero-copy{display:none}.ix-login-art .uv-art{width:140px;height:80px;padding:0;gap:0;justify-self:center}.ix-login-art .uv-art-stage{height:80px}.ix-login-art .book{font-size:11px}
.uv-state-feature{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:18px}.uv-state-feature .uv-art{width:140px}.uv-state-feature h1{font-size:28px!important;line-height:1.3}.uv-state-feature .facts{grid-template-columns:1fr 1fr}
/* App theme and reading preferences also apply to the imported pieces. */
html[data-k12-theme="dark"] .uv-creatly .card__hero{background:#293b3b}html[data-k12-theme="dark"] .uv-feature .tooltip{color:white}
@media(max-width:1000px){body[data-sp-experience="k12"] .uv-feature:not(.uv-card-hero){grid-template-columns:minmax(0,1fr) 190px;gap:20px;padding:25px;min-height:205px}.uv-art{width:180px}.uv-icons .wrapper{gap:8px}.uv-icons .wrapper .icon{width:52px;height:52px}.uv-petals a[class^="card"]{width:85px;height:82px}}
@media(max-width:600px){body[data-sp-experience="k12"] .uv-feature:not(.uv-card-hero){grid-template-columns:1fr;gap:14px;padding:22px;margin-bottom:25px;min-height:0}.uv-hero-copy h1{font-size:29px!important;line-height:1.3!important;max-width:100%}.uv-hero-copy p{font-size:14px}.uv-art{justify-self:center;width:210px;height:142px;gap:10px}.uv-art-stage{height:112px}.uv-typewriter .typewriter-alt{scale:1.15}.uv-book .book{font-size:17px}.uv-pencils #loader{height:118px;width:100px}.uv-shortcuts{justify-self:center}.uv-icons .wrapper{padding:10px 0 32px;gap:22px}.uv-icons .wrapper .icon{width:58px;height:58px}.uv-icon-label{top:66px}.uv-petals a[class^="card"]{width:96px;height:83px}.uv-creatly .card__hero{padding:20px}.uv-creatly .card__hero .card__job-title{font-size:29px}.uv-creatly .card__footer{padding:14px 20px}.uv-creatly .card__job-summary>p{font-size:14px}body[data-sp-experience="k12"] .uv-firefox>.card{padding:24px!important}.uv-firefox .title{font-size:29px;margin-right:60px}.uv-firefox .icon{width:48px;height:48px}.uv-firefox .subtitle{margin-right:0;font-size:14px}.uv-state-feature{grid-template-columns:1fr}.uv-state-feature .uv-art{justify-self:center}.uv-state-feature .facts{gap:8px}.uv-state-feature .facts div{padding:12px}.ix-login .uv-login-feature .uv-art{height:95px}.ix-login .uv-login-feature .uv-art-stage{height:78px}.ix-login .uv-login-feature .book{font-size:13px}.ix-login .ix-login-panel{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.uv-feature *,.uv-feature *::before,.uv-feature *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}.uv-feature .uv-art-caption{display:none}.uv-feature .uv-art{cursor:default}}
body.reduced-motion .uv-feature *,body.reduced-motion .uv-feature *::before,body.reduced-motion .uv-feature *::after{animation-play-state:paused!important;transition:none!important}
/* Task rows use the same quiet surface as their containing list. */
body[data-sp-experience="k12"] button.task{width:100%;border:0;border-bottom:1px solid var(--ix-line);border-radius:0;background:transparent;color:var(--ix-ink);text-align:start;padding:17px 0}.task .grow{flex:1}.task .grow>span{display:block;font-size:12px;color:var(--ix-muted);margin-top:3px}.task-check{width:20px;height:20px;border:1px solid var(--ix-line);border-radius:5px;display:grid;place-items:center;flex:0 0 20px;color:var(--ix-brand)}.task.done .task-check{background:var(--ix-soft)}.ix-focus-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--ix-line);border-radius:50%;color:var(--ix-brand);margin:0 auto 18px}.ix-focus-icon .ix-icon{width:28px;height:28px}.k12-message-welcome>.ix-icon{width:36px;height:36px;color:var(--ix-brand);margin-bottom:12px}.k12-calendar-sun .ix-icon,.k12-privacy-art .ix-icon{width:42px;height:42px;color:var(--ix-brand)}
@media(prefers-reduced-motion:reduce){.uv-feature.uv-feature .uv-art-stage *,.uv-feature.uv-feature .uv-art-stage *::before,.uv-feature.uv-feature .uv-art-stage *::after{animation-play-state:paused!important}}
body.reduced-motion .uv-feature .uv-art-stage *,body.reduced-motion .uv-feature .uv-art-stage *::before,body.reduced-motion .uv-feature .uv-art-stage *::after{animation-play-state:paused!important}
body.k12-assessment-reduced-distraction .uv-art,body.k12-reader-reduced-distraction .uv-art{display:none}
body.k12-reduced-motion .uv-art-caption{display:none}body.k12-reduced-motion .uv-art{cursor:default}
body[data-sp-experience="k12"] .portal-denied-state{border-radius:18px;box-shadow:none;text-align:start}.portal-denied-action{background:#176d80;box-shadow:none;border-radius:7px;font-weight:650}
/* Keep the entire hover surface dark enough for the source card's white text. */
.uv-firefox .card:hover{background:#176d66!important}.uv-firefox .card:hover::before{background:#1b7867}
.k12-mastery-growth{margin-top:24px}.k12-adaptive-next{margin-top:20px;padding:18px;background:var(--ix-soft);border:1px solid var(--ix-line);border-radius:10px}.k12-adaptive-next>span{display:none}.k12-adaptive-next p{margin:7px 0 0;color:var(--ix-muted);font-size:14px}.k12-mastery-growth>.flex-row{flex-wrap:wrap;gap:15px}
@media(prefers-reduced-motion:reduce){.uv-typewriter .paper{transform:translateY(10px)!important}}
body.k12-reduced-motion .uv-typewriter .paper{transform:translateY(10px)!important}

/* Preserve Cobp's original colour variables and full-strength bookshelf pattern. */
body[data-sp-experience="k12"] .uv-bookshelf-hero{background:#111!important;border-color:#343434;box-shadow:0 8px 22px #1113}
.uv-bookshelf-hero .uv-hero-copy{max-width:740px;padding:20px 24px;border-radius:12px;background:linear-gradient(100deg,#000e 0%,#000c 65%,#0008 100%);box-shadow:0 8px 30px #0009;text-shadow:0 2px 6px #000c}
.uv-bookshelf-hero .uv-hero-copy h1{color:#fff!important}.uv-bookshelf-hero .uv-hero-copy p{color:#f3f3f3}.uv-bookshelf-hero .eyebrow{color:#e5d7bd}.uv-bookshelf-hero .home-top-metrics button{background:#0008;border:1px solid #ffffff40;color:#fff}
/* Original white quadrants and pink, blue, green and red icon/hover colours. */
.uv-petals .card1{--petal-color:#cc39a4}.uv-petals .card2{--petal-color:#03a9f4}.uv-petals .card3{--petal-color:#00ff00}.uv-petals .card4{--petal-color:#f14336}
.uv-petals .uv-petal-label{color:#263442;font-weight:600}.uv-petals .card1:hover,.uv-petals .card1:focus-visible{background:#cc39a4}.uv-petals .card2:hover,.uv-petals .card2:focus-visible{background:#1877f2}.uv-petals .card3:hover,.uv-petals .card3:focus-visible{background:#00ff00}.uv-petals .card4:hover,.uv-petals .card4:focus-visible{background:#ff0004}
.uv-petals a:hover .uv-petal-label,.uv-petals a:focus-visible .uv-petal-label{color:#fff}.uv-petals .card3:hover .uv-petal-label,.uv-petals .card3:focus-visible .uv-petal-label{color:#122312}
/* Distinct canvas, raised white cards and inset surfaces. */
body[data-sp-experience="k12"]{--ix-bg:#e9eef3;--ix-line:#ccd7df;--ix-card:#fff}
body[data-sp-experience="k12"] .card,body[data-sp-experience="k12"] .portal-layer,body[data-sp-experience="k12"] .uv-feature:not(.uv-card-hero){box-shadow:0 6px 18px #18344912,0 1px 3px #1834490b}
body[data-sp-experience="k12"] .uv-card-hero>.card{box-shadow:0 6px 18px #18344912,0 1px 3px #1834490b}
html[data-k12-theme="dark"] body[data-sp-experience="k12"]{--ix-bg:#0d1b25;--ix-card:#203742;--ix-line:#3e5967}
html[data-k12-theme="dark"] body[data-sp-experience="k12"] .card,html[data-k12-theme="dark"] body[data-sp-experience="k12"] .uv-feature:not(.uv-card-hero){box-shadow:0 7px 24px #0005}
.uv-art[data-reduced-motion="true"] .uv-art-stage *,.uv-art[data-reduced-motion="true"] .uv-art-stage *::before,.uv-art[data-reduced-motion="true"] .uv-art-stage *::after{animation:none!important}
@media(max-width:600px){.uv-bookshelf-hero .uv-hero-copy{padding:18px}.ix-login-art .uv-art{height:74px}.ix-login-art .book{font-size:10px}}
body[data-sp-experience="k12"] .uv-feature:not(.uv-card-hero):not(.uv-bookshelf-hero){background:var(--uv-paper)!important}
body[data-sp-experience="k12"] .uv-bookshelf-hero .eyebrow{color:#e5d7bd!important}
body[data-sp-experience="k12"] .k12-loading-state,body[data-sp-experience="k12"] .k12-empty-state{color:var(--ix-ink)}