#mm-home-shell{--ink: #020233; --text: #000; --accent: #ffb800; --canvas: #f3f3f3; --line: #dcdce4; --ease-out: cubic-bezier(.23,1,.32,1); font: 100% / 1.5 "Source Sans Pro", Arial, sans-serif; color: var(--text); background: rgb(255, 255, 255); color-scheme: light;}
#mm-home-shell *{box-sizing: border-box;}
#mm-home-shell{margin: 0px;}
#mm-home-shell button,#mm-home-shell input,#mm-home-shell select,#mm-home-shell textarea{font: inherit;}
#mm-home-shell button,#mm-home-shell a{-webkit-tap-highlight-color: transparent; touch-action: manipulation;}
#mm-home-shell button{cursor: pointer;}
#mm-home-shell a{color: inherit; text-underline-offset: 4px;}
#mm-home-shell img{display: block; width: 100%; object-fit: cover;}
#mm-home-shell h1,#mm-home-shell h2,#mm-home-shell h3,#mm-home-shell p{margin: 0px;}
#mm-home-shell h1{font-size: 3rem; line-height: 1.15; letter-spacing: -0.025em; font-weight: 600; text-wrap: balance;}
#mm-home-shell h2{font-size: 2rem; line-height: 1.25; letter-spacing: -0.02em; font-weight: 600;}
#mm-home-shell h3{font-size: 1.25rem; line-height: 1.4; font-weight: 600;}
#mm-home-shell p{max-width: 65ch;}
#mm-home-shell button:focus-visible,#mm-home-shell a:focus-visible,#mm-home-shell summary:focus-visible,#mm-home-shell input:focus-visible,#mm-home-shell select:focus-visible{outline: 2px solid var(--ink); outline-offset: 4px;}
#mm-home-shell button:disabled{cursor: default; opacity: 0.6;}
#mm-home-shell [hidden]{display: none !important;}
#mm-home-shell .wrap{width: min(1280px, 100% - 80px); margin-inline: auto;}
#mm-home-shell .section{padding-block: 72px; scroll-margin-top: 90px;}
#mm-home-shell .muted{color: rgb(68, 68, 68);}
#mm-home-shell .meta{font-size: 0.875rem; line-height: 1.4; color: rgb(68, 68, 68);}
#mm-home-shell .small-label{font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink);}
#mm-home-shell .actions{display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 28px;}
#mm-home-shell .button{display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 48px; padding: 11px 20px; border: 1px solid var(--accent); border-radius: 8px; background: var(--accent); color: rgb(0, 0, 0); text-decoration: none; font-weight: 600; white-space: nowrap; transition: background-color 160ms ease-out, transform 100ms ease-out;}
#mm-home-shell .button.secondary{background: rgb(255, 255, 255); border-color: rgb(155, 155, 169);}
#mm-home-shell .button.ink{background: var(--ink); color: rgb(255, 255, 255); border-color: var(--ink);}
#mm-home-shell .text-link{display: inline-flex; align-items: center; gap: 20px; min-height: 44px; font-weight: 600;}
#mm-home-shell .button:active,#mm-home-shell .chip:active,#mm-home-shell .focus-choice:active{transform: scale(0.98);}
#mm-home-shell .site-header{position: relative; z-index: 10; border-bottom: 1px solid var(--line); background: rgb(255, 255, 255);}
#mm-home-shell .header-inner{height: 72px; display: flex; align-items: center; gap: 30px;}
#mm-home-shell .brand{display: flex; align-items: center; gap: 12px; text-decoration: none; white-space: nowrap; margin-right: auto; font-size: 1.0625rem;}
#mm-home-shell .brand-mark{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: rgb(255, 255, 255); font-size: 1.6rem; font-weight: 400; flex: 0 0 auto;}
#mm-home-shell .nav{display: flex; align-items: center; gap: 18px; font-size: 0.875rem;}
#mm-home-shell .nav-group{position: relative;}
#mm-home-shell .nav-trigger{min-height: 44px; padding: 8px 5px; display: flex; gap: 10px; align-items: center; background: none; border: 0px; color: rgb(0, 0, 0);}
#mm-home-shell .nav-panel{position: absolute; top: calc(100% + 12px); right: 0px; width: 310px; background: rgb(255, 255, 255); padding: 12px; border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(2, 2, 51, 0.08) 0px 12px 32px; transform-origin: right top;}
#mm-home-shell .nav-panel a{display: flex; align-items: center; justify-content: space-between; gap: 20px; text-decoration: none; min-height: 44px; padding: 8px 12px; border-radius: 6px; overflow-wrap: anywhere;}
#mm-home-shell .nav-panel a:hover{background: var(--canvas);}
#mm-home-shell .header-actions{display: flex; align-items: center; gap: 20px; font-size: 0.875rem;}
#mm-home-shell .header-actions .button{min-height: 44px; font-size: 0.875rem; padding: 10px 16px;}
#mm-home-shell .menu-button{display: none; background: none; border: 1px solid var(--line); padding: 8px 12px; border-radius: 8px; min-height: 44px;}
#mm-home-shell .mobile-menu{position: absolute; top: 100%; left: 0px; right: 0px; padding: 16px 24px; background: rgb(255, 255, 255); box-shadow: rgba(2, 2, 51, 0.07) 0px 12px 24px; max-height: calc(100dvh - 72px); overflow: auto;}
#mm-home-shell .mobile-menu a{display: block; padding: 10px 0px; min-height: 44px;}
#mm-home-shell .mobile-menu h3{margin: 12px 0px 4px;}
#mm-home-shell .hero{padding: 64px 0px 56px;}
#mm-home-shell .hero p{font-size: 1.125rem; line-height: 1.55; margin-top: 20px; max-width: 43ch;}
#mm-home-shell .hero-grid{display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); gap: 64px; align-items: center;}
#mm-home-shell .hero .small-label{font-size: 0.8125rem; margin: 0px 0px 16px;}
#mm-home-shell .hero h1{max-width: 18ch;}
#mm-home-shell .hero-photo{height: 410px; border-radius: 16px; object-position: 65% center;}
#mm-home-shell .section-intro{margin-bottom: 32px;}
#mm-home-shell .section-intro p{margin-top: 12px; color: rgb(68, 68, 68);}
#mm-home-shell .soft{background: var(--canvas);}
#mm-home-shell .path-panel{display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 60px; align-items: start;}
#mm-home-shell .focus-options{display: flex; flex-direction: column; gap: 8px; margin-top: 24px;}
#mm-home-shell .focus-choice{display: flex; align-items: center; justify-content: space-between; gap: 20px; text-align: left; padding: 16px 20px; border-radius: 8px; border: 1px solid var(--line); background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-weight: 600; min-height: 60px; transition: transform 100ms ease-out;}
#mm-home-shell .focus-choice[aria-pressed="true"]{border-color: var(--ink); box-shadow: inset 3px 0 0 var(--ink);}
#mm-home-shell .focus-result{background: rgb(255, 255, 255); padding: 32px; border: 1px solid var(--line); border-radius: 12px; min-height: 270px;}
#mm-home-shell .focus-result > p{margin-top: 16px; color: rgb(68, 68, 68);}
#mm-home-shell .focus-result .small-label{margin: 0px 0px 12px; color: rgb(68, 68, 68);}
#mm-home-shell .course-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 32px;}
#mm-home-shell .course-feature{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: rgb(255, 255, 255);}
#mm-home-shell .course-feature img{height: 220px; object-position: 50% 65%;}
#mm-home-shell .course-feature > div{padding: 24px;}
#mm-home-shell .course-feature h3{margin: 8px 0px 12px;}
#mm-home-shell .course-feature .text-link{margin-top: 16px;}
#mm-home-shell .course-stack{display: grid; gap: 0px; align-content: start;}
#mm-home-shell .course-row{padding: 24px 0px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: start;}
#mm-home-shell .course-row:first-child{padding-top: 0px;}
#mm-home-shell .course-row h3{margin-bottom: 8px;}
#mm-home-shell .course-row p{font-size: 0.9375rem; color: rgb(68, 68, 68);}
#mm-home-shell .course-row a{padding: 0px 4px; align-self: center;}
#mm-home-shell .exam-layout{display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 80px; align-items: start;}
#mm-home-shell .exam-layout > div > p{margin: 16px 0px 24px; color: rgb(68, 68, 68);}
#mm-home-shell .paper-row{display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); padding: 22px 0px;}
#mm-home-shell .paper-row h3{margin-top: 4px;}
#mm-home-shell .paper-row a{display: grid; place-items: center; text-decoration: none; border: 1px solid var(--line); border-radius: 50%; width: 44px; height: 44px;}
#mm-home-shell .paper-list{background: rgb(255, 255, 255); padding: 0px 24px; border: 1px solid var(--line); border-radius: 12px;}
#mm-home-shell .paper-row:last-child{border: 0px;}
#mm-home-shell .plans{max-width: 1040px; margin: auto;}
#mm-home-shell .plans-heading{display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px;}
#mm-home-shell .plans-heading p{margin-top: 12px;}
#mm-home-shell .term-switch{display: flex; gap: 4px; background: rgb(231, 231, 237); padding: 4px; border-radius: 999px; flex: 0 0 auto;}
#mm-home-shell .term-switch button{background: transparent; border: 0px; color: rgb(0, 0, 0); padding: 10px 16px; min-height: 44px; border-radius: 999px; white-space: nowrap;}
#mm-home-shell .term-switch button[aria-pressed="true"]{background: rgb(255, 255, 255); box-shadow: rgba(2, 2, 51, 0.07) 0px 1px 3px;}
#mm-home-shell .plan-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
#mm-home-shell .plan{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; align-items: start; gap: 16px; min-width: 0px; overflow-wrap: anywhere;}
#mm-home-shell .plan .plan-status{font-size: 1.75rem; line-height: 1.25; font-weight: 600;}
#mm-home-shell .plan .button{margin-top: auto;}
#mm-home-shell .plan .meta{min-height: 38px;}
#mm-home-shell .about{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-block: 64px; align-items: start;}
#mm-home-shell .about p{font-size: 1.125rem; line-height: 1.6; max-width: 52ch;}
#mm-home-shell .about a{margin-top: 16px;}
#mm-home-shell .site-footer{border-top: 1px solid var(--line); padding: 40px 0px 92px; color: rgb(0, 0, 0); background: rgb(255, 255, 255);}
#mm-home-shell .footer-grid{display: flex; justify-content: space-between; gap: 32px; flex-wrap: wrap;}
#mm-home-shell .footer-links{display: flex; gap: 28px; flex-wrap: wrap;}
#mm-home-shell .footer-grid .meta{margin-top: 16px;}
#mm-home-shell .preview-settings{display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 40px; border-top: 1px solid var(--line); padding-top: 20px; font: 12px / 1.5 system-ui; color: rgb(68, 68, 68);}
#mm-home-shell .preview-settings select{min-height: 36px; padding: 4px 8px; background: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: 5px;}
#mm-home-shell .preview-settings a{min-height: 36px; display: inline-flex; align-items: center;}
#mm-home-shell .study-example{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
#mm-home-shell .example-top{padding: 16px 24px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 12px; align-items: center;}
#mm-home-shell .example-body{padding: 28px;}
#mm-home-shell .example-body blockquote{margin: 0px 0px 24px; padding-left: 20px; border-left: 3px solid var(--accent); font-size: 1.25rem; line-height: 1.5;}
#mm-home-shell .quiz-options{display: grid; gap: 10px; margin-top: 20px;}
#mm-home-shell .quiz-options label{display: flex; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; min-height: 48px; align-items: start; cursor: pointer;}
#mm-home-shell .quiz-options input{accent-color: var(--ink); width: 18px; height: 18px; margin-top: 3px; flex: 0 0 auto;}
#mm-home-shell .quiz-feedback{margin-top: 20px; padding: 16px; background: var(--canvas); border-radius: 8px;}
#mm-home-shell .example-body .button{margin-top: 20px;}
#mm-home-shell .empty,#mm-home-shell .error-state{padding: 32px; border: 1px solid var(--line); border-radius: 12px; background: rgb(255, 255, 255);}
#mm-home-shell .error-state button{margin-top: 20px;}
#mm-home-shell .skeleton{position: relative; overflow: hidden; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: rgb(232, 232, 237); min-height: 220px; opacity: 0; animation: 0s ease 200ms 1 normal forwards running show-skeleton;}
#mm-home-shell .skeleton span{display: block; background: rgb(216, 216, 224); height: 20px; margin-bottom: 20px; width: 80%; border-radius: 4px;}
#mm-home-shell .skeleton span:nth-child(2){width: 60%;}
#mm-home-shell .skeleton::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); transform: translateX(-100%); animation: 1.6s linear 0s infinite normal none running shimmer;}
#mm-home-shell .sr-only{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
#mm-home-shell .editorial .hero{padding-top: 56px; padding-bottom: 40px;}
#mm-home-shell .editorial .hero h1{max-width: 22ch; font-size: 3rem;}
#mm-home-shell .editorial-hero{display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 48px; align-items: center;}
#mm-home-shell .editorial-hero .hero-photo{height: 360px; border-radius: 0px;}
#mm-home-shell .editorial .hero .hero-copy{max-width: 560px;}
#mm-home-shell .editorial .lesson-section{padding-top: 40px;}
#mm-home-shell .lesson-layout{display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: center;}
#mm-home-shell .lesson-layout > div > p{margin: 16px 0px 24px; color: rgb(68, 68, 68);}
#mm-home-shell .editorial .course-layout{grid-template-columns: 1fr;}
#mm-home-shell .editorial .course-stack{grid-template-columns: 1fr 1fr; gap: 40px;}
#mm-home-shell .editorial .course-row{border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); padding-top: 24px;}
#mm-home-shell .editorial .exam-layout{grid-template-columns: 1.2fr 0.8fr;}
#mm-home-shell .editorial .paper-list{border: 0px; border-radius: 0px; padding: 0px;}
#mm-home-shell .editorial .section{border-top: 1px solid var(--line);}
#mm-home-shell .library .hero{padding-bottom: 40px;}
#mm-home-shell .library-hero{display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 60px; align-items: center;}
#mm-home-shell .library-hero .hero-photo{height: 260px;}
#mm-home-shell .library .hero h1{max-width: 20ch;}
#mm-home-shell .search-label{display: block; font-size: 0.875rem; margin-bottom: 8px; font-weight: 600;}
#mm-home-shell .searchbox{display: flex; gap: 10px; align-items: center; margin: 28px 0px 16px; max-width: 720px;}
#mm-home-shell .searchbox input{width: 100%; min-width: 0px; min-height: 52px; padding: 12px 16px; border: 1px solid rgb(133, 133, 158); border-radius: 8px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 1rem;}
#mm-home-shell .resource-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; flex-wrap: wrap;}
#mm-home-shell .chips{display: flex; gap: 8px; flex-wrap: wrap;}
#mm-home-shell .chip{min-height: 44px; padding: 8px 18px; border: 1px solid var(--line); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); transition: transform 100ms ease-out;}
#mm-home-shell .chip[aria-pressed="true"]{background: var(--ink); color: rgb(255, 255, 255); border-color: var(--ink);}
#mm-home-shell .library .resource-section{padding-top: 0px;}
#mm-home-shell .resource-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
#mm-home-shell .resource-card{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; min-width: 0px; display: flex; flex-direction: column;}
#mm-home-shell .resource-card .resource-colour{height: 8px; background: var(--ink);}
#mm-home-shell .resource-card:nth-child(2n) .resource-colour{background: var(--accent);}
#mm-home-shell .resource-card > div:last-child{padding: 24px; display: flex; flex-direction: column; align-items: start; gap: 12px; height: 100%; overflow-wrap: anywhere;}
#mm-home-shell .resource-card h3{min-height: 56px;}
#mm-home-shell .resource-card p{font-size: 0.9375rem; color: rgb(68, 68, 68);}
#mm-home-shell .resource-card a{margin-top: auto; padding-top: 16px;}
#mm-home-shell .library .path-panel{grid-template-columns: 1fr 1fr;}
#mm-home-shell .library .focus-options{flex-flow: wrap;}
#mm-home-shell .library .focus-choice{flex: 1 1 100px;}
#mm-home-shell .library .section.resource-section{border: 0px;}
#mm-home-shell .image-fallback{background: var(--canvas); color: rgb(68, 68, 68); display: grid; place-items: center; border: 1px solid var(--line); aspect-ratio: 3 / 2; font-size: 0.875rem;}
#mm-home-shell .library .course-layout{display: none;}
@keyframes shimmer { 
  100% { transform: translateX(100%); }
}
@keyframes show-skeleton { 
  100% { opacity: 1; }
}
@media not all{#mm-home-shell .button:hover{background: rgb(240, 173, 0);}
#mm-home-shell .button.secondary:hover{background: var(--canvas);}
#mm-home-shell .button.ink:hover{background: rgb(27, 27, 80);}
#mm-home-shell .text-link:hover{text-decoration-thickness: 2px;}
#mm-home-shell .focus-choice:hover{border-color: rgb(133, 133, 158);}
#mm-home-shell .resource-card:hover{border-color: rgb(133, 133, 158); box-shadow: rgba(2, 2, 51, 0.04) 0px 4px 12px;}}
@media (min-width: 2400px){#mm-home-shell .site-header,#mm-home-shell .site-footer,#mm-home-shell main{max-width: 2400px; margin-inline: auto;}}
@media (max-width: 1100px){#mm-home-shell .wrap{width: calc(100% - 48px);}
#mm-home-shell .nav,#mm-home-shell .header-actions{display: none;}
#mm-home-shell .menu-button{display: block;}
#mm-home-shell .hero-grid{gap: 32px;}
#mm-home-shell .hero-photo{height: 350px;}
#mm-home-shell .hero h1{font-size: 2.5rem;}
#mm-home-shell .hero p{font-size: 1rem;}
#mm-home-shell .path-panel,#mm-home-shell .exam-layout,#mm-home-shell .lesson-layout{gap: 40px;}
#mm-home-shell .resource-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 767px){#mm-home-shell .wrap{width: calc(100% - 32px);}
#mm-home-shell .header-inner{height: 64px; gap: 12px;}
#mm-home-shell .brand{gap: 8px; font-size: 0.9375rem; white-space: normal; max-width: 230px;}
#mm-home-shell .brand-mark{width: 34px; height: 34px; font-size: 1.4rem;}
#mm-home-shell .hero{padding: 36px 0px 40px;}
#mm-home-shell .hero h1,#mm-home-shell .editorial .hero h1{font-size: 2rem; line-height: 1.25; max-width: 22ch;}
#mm-home-shell .hero p{font-size: 1rem; line-height: 1.5;}
#mm-home-shell .hero-grid,#mm-home-shell .editorial-hero,#mm-home-shell .library-hero,#mm-home-shell .path-panel,#mm-home-shell .library .path-panel,#mm-home-shell .exam-layout,#mm-home-shell .editorial .exam-layout,#mm-home-shell .lesson-layout,#mm-home-shell .course-layout,#mm-home-shell .editorial .course-stack,#mm-home-shell .about{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .hero-photo,#mm-home-shell .editorial-hero .hero-photo{height: 240px; border-radius: 12px;}
#mm-home-shell .section{padding-block: 44px;}
#mm-home-shell h2{font-size: 1.75rem; line-height: 1.3;}
#mm-home-shell .focus-result{padding: 24px; min-height: 0px;}
#mm-home-shell .focus-options{margin-top: 20px;}
#mm-home-shell .course-feature img{height: 190px;}
#mm-home-shell .course-row{gap: 12px;}
#mm-home-shell .paper-list{padding: 0px 20px;}
#mm-home-shell .paper-row{gap: 16px;}
#mm-home-shell .plans-heading{display: block;}
#mm-home-shell .term-switch{margin-top: 24px; max-width: 100%; width: fit-content; flex-wrap: wrap; border-radius: 12px;}
#mm-home-shell .term-switch button{padding: 10px 12px;}
#mm-home-shell .plan-grid{grid-template-columns: minmax(0px, 1fr);}
#mm-home-shell .plan{padding: 24px;}
#mm-home-shell .about{padding-block: 44px;}
#mm-home-shell .about p{font-size: 1rem;}
#mm-home-shell .site-footer{padding-bottom: 112px;}
#mm-home-shell .footer-grid{gap: 28px;}
#mm-home-shell .footer-links{gap: 20px;}
#mm-home-shell .editorial .hero{padding-top: 36px;}
#mm-home-shell .editorial .hero .actions{margin-top: 24px;}
#mm-home-shell .example-body{padding: 24px;}
#mm-home-shell .example-body blockquote{font-size: 1.125rem;}
#mm-home-shell .library-hero .hero-photo{height: 180px;}
#mm-home-shell .resource-grid{grid-template-columns: minmax(0px, 1fr);}
#mm-home-shell .resource-card h3{min-height: 0px;}
#mm-home-shell .searchbox{margin-top: 0px;}
#mm-home-shell .library .hero{padding-bottom: 28px;}
#mm-home-shell .library .hero-photo{display: none;}
#mm-home-shell .resource-toolbar .meta{width: 100%;}
#mm-home-shell .library .focus-choice{padding: 12px 16px;}
#mm-home-shell .resource-card > div:last-child{padding: 20px;}
#mm-home-shell .button{gap: 12px;}
#mm-home-shell .mobile-menu{max-height: calc(100dvh - 64px);}}
@media (prefers-reduced-motion: reduce){#mm-home-shell .button,#mm-home-shell .chip,#mm-home-shell .focus-choice{transition: none;}
#mm-home-shell .button:active,#mm-home-shell .chip:active,#mm-home-shell .focus-choice:active{transform: none;}}
@media (prefers-reduced-transparency: reduce){#mm-home-shell .site-header{background: rgb(255, 255, 255);}}
@media (prefers-contrast: more){#mm-home-shell .plan,#mm-home-shell .resource-card,#mm-home-shell .focus-choice,#mm-home-shell .study-example{border-color: var(--ink);}}
#mm-home-shell body[data-input="keyboard"] .button:active,#mm-home-shell body[data-input="keyboard"] .chip:active,#mm-home-shell body[data-input="keyboard"] .focus-choice:active{transform: none;}
#mm-home-shell .header-inner{height: auto; min-height: 72px; padding-block: 12px;}
#mm-home-shell .brand{min-width: 0px;}
#mm-home-shell .brand > span:last-child{min-width: 0px; overflow-wrap: anywhere;}
#mm-home-shell .menu-button{flex: 0 0 auto;}
#mm-home-shell .actions > .button{max-width: 100%; white-space: normal; text-align: center;}
#mm-home-shell .mobile-menu{max-height: calc(100dvh - var(--header-height,72px));}
@media (max-width: 767px){#mm-home-shell .header-inner{min-height: 64px; padding-block: 8px;}}
#mm-home-shell h1,#mm-home-shell h2,#mm-home-shell h3{overflow-wrap: anywhere;}
#mm-home-shell .learn-hero{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 80px; align-items: center;}
#mm-home-shell .branch-learn .hero-photo{height: 380px; border-radius: 12px; object-position: 70% center;}
#mm-home-shell .branch-learn .hero h1{max-width: 22ch;}
#mm-home-shell .branch-learn .hero .small-label,#mm-home-shell .branch-revise .hero .small-label,#mm-home-shell .branch-workshop .hero .small-label{font-size: 0.8125rem; margin: 0px 0px 16px;}
#mm-home-shell .learn-directory-layout{display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 80px; align-items: start;}
#mm-home-shell .learn-directory-layout > div > p{margin-top: 16px; color: rgb(68, 68, 68);}
#mm-home-shell .subject-directory{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
#mm-home-shell .subject + .subject{border-top: 1px solid var(--line);}
#mm-home-shell .subject > summary{display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; padding: 24px; list-style: none; min-height: 88px;}
#mm-home-shell .subject > summary::-webkit-details-marker{display: none;}
#mm-home-shell .subject strong{display: block; font-size: 1.25rem; line-height: 1.4; font-weight: 600;}
#mm-home-shell .subject small{display: block; color: rgb(68, 68, 68); margin-top: 4px; font-size: 1rem;}
#mm-home-shell .subject-sign{flex: 0 0 auto; font-size: 1.5rem; line-height: 1;}
#mm-home-shell .subject[open] .subject-sign{font-size: 0px;}
#mm-home-shell .subject[open] .subject-sign::after{content: "−"; font-size: 1.5rem;}
#mm-home-shell .subject-courses{padding: 0px 24px 24px; display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0px, 1fr));}
#mm-home-shell .subject-courses article{padding-top: 20px; border-top: 1px solid var(--line); min-width: 0px; overflow-wrap: anywhere;}
#mm-home-shell .subject-courses h3{font-size: 1.125rem;}
#mm-home-shell .subject-courses p{font-size: 0.9375rem; margin-top: 8px; color: rgb(68, 68, 68);}
#mm-home-shell .subject-courses .text-link{margin-top: 12px;}
#mm-home-shell .branch-learn .lesson-layout{grid-template-columns: 0.85fr 1.15fr;}
#mm-home-shell .branch-revise .hero{padding-top: 48px;}
#mm-home-shell .revise-hero-copy{text-align: center; max-width: 860px; margin: 0px auto 36px;}
#mm-home-shell .branch-revise .hero h1{max-width: none;}
#mm-home-shell .branch-revise .hero p:not(.small-label){max-width: 50ch; margin: 18px auto 0px;}
#mm-home-shell .branch-revise .hero .actions{justify-content: center; margin-top: 24px;}
#mm-home-shell .revision-picker{max-width: 1040px; margin: auto; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--canvas);}
#mm-home-shell .revision-picker-head{display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 24px;}
#mm-home-shell .revision-picker h2{font-size: 1.5rem; line-height: 1.4; margin-top: 4px;}
#mm-home-shell .syllabus-label{background: rgb(255, 255, 255); padding: 8px 14px; border: 1px solid var(--line); border-radius: 8px; flex: 0 0 auto; font-size: 0.875rem;}
#mm-home-shell .paper-tabs{display: flex; gap: 10px; margin-bottom: 20px;}
#mm-home-shell .paper-tabs button{display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 10px 24px; border: 1px solid var(--line); background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 8px;}
#mm-home-shell .paper-tabs button[aria-pressed="true"]{background: var(--ink); color: rgb(255, 255, 255); border-color: var(--ink);}
#mm-home-shell .paper-tabs span{font-size: 0.9375rem;}
#mm-home-shell .paper-resource-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px;}
#mm-home-shell .paper-resource{background: rgb(255, 255, 255); padding: 20px; border: 1px solid var(--line); border-radius: 8px; display: flex; flex-direction: column; align-items: start; min-width: 0px; overflow-wrap: anywhere;}
#mm-home-shell .paper-resource h3{font-size: 1.125rem;}
#mm-home-shell .branch-revise .paper-resource p{font-size: 0.9375rem; text-align: start; margin: 10px 0px 16px; line-height: 1.5;}
#mm-home-shell .paper-resource .text-link{font-size: 0.875rem; margin-top: auto;}
#mm-home-shell .study-story{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;}
#mm-home-shell .story-photo{height: 320px; border-radius: 12px; object-position: 65% 60%;}
#mm-home-shell .study-story p{margin-top: 20px; color: rgb(68, 68, 68);}
#mm-home-shell .branch-revise [data-directory]{max-width: 1040px; margin: auto;}
#mm-home-shell .branch-revise .subject-courses{grid-template-columns: repeat(3, minmax(0px, 1fr));}
#mm-home-shell .branch-revise .subject small{font-size: 0.9375rem;}
#mm-home-shell .workshop-hero{display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 80px; align-items: center;}
#mm-home-shell .branch-workshop .hero{padding-top: 40px;}
#mm-home-shell .branch-workshop .hero h1{max-width: 18ch;}
#mm-home-shell .branch-workshop .hero p:not(.small-label){max-width: 37ch;}
#mm-home-shell .workshop-box{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; scroll-margin-top: 20px; min-width: 0px;}
#mm-home-shell .workshop-tabs{display: flex; padding: 8px; gap: 4px; background: var(--canvas); border-bottom: 1px solid var(--line);}
#mm-home-shell .workshop-tabs button{flex: 1 1 0%; min-height: 44px; background: transparent; border: 0px; border-radius: 7px; color: rgb(0, 0, 0);}
#mm-home-shell .workshop-tabs button[aria-pressed="true"]{background: rgb(255, 255, 255); box-shadow: rgba(2, 2, 51, 0.082) 0px 1px 3px; font-weight: 600;}
#mm-home-shell .workshop-stage{min-height: 480px;}
#mm-home-shell .workshop-stage .study-example{border: 0px; border-radius: 0px;}
#mm-home-shell .workshop-stage .example-body{padding: 24px;}
#mm-home-shell .workshop-stage .example-body blockquote{font-size: 1.125rem; margin-bottom: 20px;}
#mm-home-shell .workshop-stage .example-top{padding: 14px 24px;}
#mm-home-shell .workshop-reading,#mm-home-shell .workshop-explanation{padding: 28px;}
#mm-home-shell .workshop-reading blockquote{font-size: 1.5rem; line-height: 1.5; margin: 20px 0px 24px; border-left: 3px solid var(--accent); padding-left: 20px;}
#mm-home-shell .workshop-reading > p,#mm-home-shell .workshop-explanation > p{margin-top: 16px; color: rgb(68, 68, 68);}
#mm-home-shell .workshop-explanation h3{font-size: 1.5rem; margin-top: 16px;}
#mm-home-shell .workshop-reading .button,#mm-home-shell .workshop-explanation .button{margin-top: 28px;}
#mm-home-shell .learning-links{display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; padding-block: 24px; border-block: 1px solid var(--line);}
#mm-home-shell .compact-skill-index{display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 80px; align-items: start;}
#mm-home-shell .compact-skill-index > div > p{margin-top: 16px; color: rgb(68, 68, 68);}
#mm-home-shell .compact-skill-index > div > .text-link{margin-top: 20px;}
#mm-home-shell .skill-index-row{padding: 20px 0px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr 44px; gap: 24px; align-items: center;}
#mm-home-shell .skill-index-row:first-child{padding-top: 0px;}
#mm-home-shell .skill-index-row p{margin-top: 8px; font-size: 0.9375rem; color: rgb(68, 68, 68);}
#mm-home-shell .index-action{display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; width: 44px; height: 44px; text-decoration: none;}
#mm-home-shell .branch-learn .about,#mm-home-shell .branch-revise .about,#mm-home-shell .branch-workshop .about{padding-block: 48px;}
@media (max-width: 1100px){#mm-home-shell .learn-hero,#mm-home-shell .learn-directory-layout,#mm-home-shell .workshop-hero,#mm-home-shell .compact-skill-index,#mm-home-shell .study-story{gap: 40px;}
#mm-home-shell .paper-resource-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#mm-home-shell .branch-learn .hero-photo{height: 340px;}
#mm-home-shell .workshop-hero{grid-template-columns: 0.85fr 1.15fr;}
#mm-home-shell .branch-workshop .hero h1{font-size: 2.5rem;}
#mm-home-shell .branch-revise .subject-courses{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 767px){#mm-home-shell .learn-hero,#mm-home-shell .learn-directory-layout,#mm-home-shell .workshop-hero,#mm-home-shell .compact-skill-index,#mm-home-shell .study-story{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .learn-hero > .hero-photo{order: 1;}
#mm-home-shell .branch-learn .hero-photo{height: 240px;}
#mm-home-shell .branch-learn .hero{padding-top: 36px;}
#mm-home-shell .subject > summary{padding: 20px; min-height: 80px; gap: 12px;}
#mm-home-shell .subject small{font-size: 0.9375rem;}
#mm-home-shell .subject-courses,#mm-home-shell .branch-revise .subject-courses{grid-template-columns: minmax(0px, 1fr); padding: 0px 20px 20px; gap: 20px;}
#mm-home-shell .branch-learn .lesson-layout{grid-template-columns: minmax(0px, 1fr);}
#mm-home-shell .branch-revise .hero{padding-top: 32px;}
#mm-home-shell .revise-hero-copy{text-align: start; margin-bottom: 28px;}
#mm-home-shell .branch-revise .hero p:not(.small-label){margin: 16px 0px 0px;}
#mm-home-shell .branch-revise .hero .actions{justify-content: start;}
#mm-home-shell .revision-picker{padding: 20px;}
#mm-home-shell .revision-picker-head{align-items: start; flex-wrap: wrap; gap: 12px; margin-bottom: 20px;}
#mm-home-shell .syllabus-label{font-size: 0.8125rem; padding: 5px 10px;}
#mm-home-shell .paper-tabs{flex-wrap: wrap;}
#mm-home-shell .paper-tabs button{flex: 1 1 0%; min-width: 100px; flex-direction: column; gap: 2px; padding: 10px 12px;}
#mm-home-shell .paper-resource-grid{grid-template-columns: minmax(0px, 1fr); gap: 12px;}
#mm-home-shell .paper-resource{padding: 20px;}
#mm-home-shell .paper-resource h3{font-size: 1.25rem;}
#mm-home-shell .paper-resource .text-link{font-size: 1rem;}
#mm-home-shell .story-photo{height: 230px;}
#mm-home-shell .branch-workshop .hero{padding-top: 36px;}
#mm-home-shell .branch-workshop .hero h1{font-size: 2rem; line-height: 1.25;}
#mm-home-shell .workshop-stage{min-height: 0px;}
#mm-home-shell .workshop-reading,#mm-home-shell .workshop-explanation{padding: 24px;}
#mm-home-shell .workshop-reading blockquote{font-size: 1.25rem;}
#mm-home-shell .learning-links{justify-content: start; gap: 8px 28px; padding-block: 16px;}
#mm-home-shell .skill-index-row{gap: 16px;}
#mm-home-shell .branch-learn .about,#mm-home-shell .branch-revise .about,#mm-home-shell .branch-workshop .about{padding-block: 44px;}}
#mm-home-shell .branch-revise .hero .small-label{max-width: none; text-align: center; margin-inline: auto;}
@media (min-width: 768px){#mm-home-shell .branch-revise .subject-courses{grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}}
@media (max-width: 767px){#mm-home-shell .branch-revise .hero .small-label{text-align: start;}}
#mm-home-shell{text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;}
#mm-home-shell .audience-page .hero{padding-block: 48px;}
#mm-home-shell .audience-page .hero-copy > p{margin-top: 20px; max-width: 43ch;}
#mm-home-shell .audience-page .hero h1{max-width: 24ch;}
#mm-home-shell .role-direct{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px;}
#mm-home-shell .role-direct .button{padding: 12px 16px; min-height: 48px; background: white; color: var(--ink); border: 1px solid var(--ink); font-size: 1rem; white-space: nowrap;}
#mm-home-shell .role-direct .button:first-child{background: var(--ink); color: white;}
#mm-home-shell .audience-direct .learn-hero{gap: 56px; grid-template-columns: 1fr 1.1fr;}
#mm-home-shell .audience-guided .learn-hero{grid-template-columns: 1.1fr 1fr; gap: 72px;}
#mm-home-shell .audience-guided .hero-photo{height: 420px;}
#mm-home-shell .role-selector{border: 0px; padding: 0px; margin: 28px 0px 0px; min-width: 0px;}
#mm-home-shell .role-selector legend{font-weight: 600; margin-bottom: 10px;}
#mm-home-shell .role-selector > div{display: flex; flex-wrap: wrap; gap: 8px;}
#mm-home-shell .role-selector label{position: relative; cursor: pointer;}
#mm-home-shell .role-selector input{position: absolute; opacity: 0; width: 1px; height: 1px;}
#mm-home-shell .role-selector span{display: block; min-height: 46px; padding: 10px 22px; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255);}
#mm-home-shell .role-selector input:checked + span{border-color: var(--ink); background: var(--canvas); box-shadow: inset 0 -3px 0 var(--accent); font-weight: 600;}
#mm-home-shell .role-selector input:focus-visible + span{outline: 3px solid var(--ink); outline-offset: 3px;}
#mm-home-shell .role-context > p{margin: 16px 0px; min-height: 1.5em;}
#mm-home-shell .role-context .button{white-space: nowrap;}
#mm-home-shell .welcome-hero{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 28px 80px; align-items: start;}
#mm-home-shell .welcome-hero .hero-copy{grid-column: 1;}
#mm-home-shell .audience-welcome .hero-photo{grid-column: 1; height: 190px; border-radius: 12px;}
#mm-home-shell .welcome-roles{grid-area: 1 / 2 / 3; align-self: center; background: var(--canvas); padding: 28px; border-radius: 12px;}
#mm-home-shell .welcome-roles h2{font-size: 1.5rem; margin-bottom: 12px;}
#mm-home-shell .welcome-roles a{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0px; text-decoration: none; min-height: 92px;}
#mm-home-shell .welcome-roles a + a{border-top: 1px solid rgb(201, 201, 210);}
#mm-home-shell .welcome-roles strong{font-size: 1.125rem; font-weight: 600; display: block;}
#mm-home-shell .welcome-roles a > span > span{display: block; margin-top: 4px; color: rgb(68, 68, 68);}
#mm-home-shell .role-arrow{font-size: 1.5rem; flex: 0 0 auto;}
#mm-home-shell .role-direct .button,#mm-home-shell .role-context .button,#mm-home-shell .welcome-roles a{transition: transform 0ms var(--ease-out); touch-action: manipulation; user-select: none;}
#mm-home-shell .role-direct .button:active,#mm-home-shell .role-context .button:active,#mm-home-shell .welcome-roles a:active{transform: scale(0.98); transition-duration: 100ms;}
#mm-home-shell body[data-input="keyboard"] .role-direct .button,#mm-home-shell body[data-input="keyboard"] .role-context .button,#mm-home-shell body[data-input="keyboard"] .welcome-roles a{transition: none; transform: none;}
#mm-home-shell .site-header{padding-top: env(safe-area-inset-top,0px);}
#mm-home-shell .preview-controls{padding-bottom: calc(16px + env(safe-area-inset-bottom,0px));}
#mm-home-shell button{user-select: none;}
#mm-home-shell input,#mm-home-shell textarea,#mm-home-shell select{font-size: max(1rem, 16px);}
@media (hover: hover) and (pointer: fine){#mm-home-shell .welcome-roles a:hover strong{text-decoration: underline; text-underline-offset: 4px;}
#mm-home-shell .role-direct .button:hover{box-shadow: rgba(2, 2, 51, 0.07) 0px 4px 12px;}}
@media (prefers-reduced-motion: reduce){#mm-home-shell .role-direct .button,#mm-home-shell .role-context .button,#mm-home-shell .welcome-roles a{transition: none; transform: none !important;}}
@media (max-width: 1100px){#mm-home-shell .audience-direct .learn-hero,#mm-home-shell .audience-guided .learn-hero,#mm-home-shell .welcome-hero{gap: 32px;}
#mm-home-shell .audience-page .hero h1{font-size: 2.5rem;}
#mm-home-shell .role-direct{flex-direction: column; align-items: start;}
#mm-home-shell .role-direct .button{min-width: 215px;}}
@media (max-width: 767px){#mm-home-shell .audience-page .hero{padding-block: 32px;}
#mm-home-shell .audience-direct .learn-hero,#mm-home-shell .audience-guided .learn-hero,#mm-home-shell .welcome-hero{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .audience-page .hero h1{font-size: 2rem; line-height: 1.25;}
#mm-home-shell .role-direct{align-items: stretch; margin-top: 24px;}
#mm-home-shell .role-direct .button{min-width: 0px; width: 100%;}
#mm-home-shell .audience-guided .hero-photo{height: 240px;}
#mm-home-shell .role-selector span{padding: 10px 18px;}
#mm-home-shell .welcome-hero .hero-copy,#mm-home-shell .audience-welcome .hero-photo,#mm-home-shell .welcome-roles{grid-area: auto / 1;}
#mm-home-shell .welcome-roles{padding: 20px; order: 1;}
#mm-home-shell .audience-welcome .hero-photo{height: 200px; order: 2;}
#mm-home-shell .welcome-roles a{min-height: 88px;}
#mm-home-shell .role-context .button{max-width: 100%; white-space: normal;}}
#mm-home-shell .welcome-long .section{padding-block: 80px;}
#mm-home-shell .welcome-long .section p{max-width: 65ch;}
#mm-home-shell .welcome-long .section-intro{margin-bottom: 28px;}
#mm-home-shell .welcome-long .section-intro p{margin-top: 16px;}
#mm-home-shell .orientation,#mm-home-shell .session-layout,#mm-home-shell .reflection-layout,#mm-home-shell .faq-layout{display: grid; grid-template-columns: 1fr 1.15fr; gap: 80px; align-items: start;}
#mm-home-shell .orientation > div > p,#mm-home-shell .session-layout > div > p,#mm-home-shell .reflection-layout > div > p,#mm-home-shell .faq-layout > div > p{margin-top: 16px; color: rgb(68, 68, 68);}
#mm-home-shell .orientation .button{margin-top: 28px;}
#mm-home-shell .orientation-options{display: grid; gap: 12px;}
#mm-home-shell .orientation-options a{padding: 20px 24px; border-radius: 12px; background: var(--canvas); display: block; text-decoration: none; min-height: 88px;}
#mm-home-shell .orientation-options strong{display: block; font-size: 1.125rem; font-weight: 600;}
#mm-home-shell .orientation-options span{display: block; margin-top: 6px; color: rgb(68, 68, 68);}
#mm-home-shell .resource-filters,#mm-home-shell .session-options{display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 28px;}
#mm-home-shell .resource-filters button,#mm-home-shell .session-options button{border: 1px solid var(--line); background: white; border-radius: 8px; min-height: 44px; padding: 10px 18px; color: rgb(0, 0, 0);}
#mm-home-shell .resource-filters button[aria-pressed="true"],#mm-home-shell .session-options button[aria-pressed="true"]{border-color: var(--ink); background: var(--ink); color: white;}
#mm-home-shell .tool-directory{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 56px;}
#mm-home-shell .tool-entry{display: flex; align-items: start; flex-direction: column; padding: 24px 0px; gap: 16px; border-top: 1px solid var(--line); min-width: 0px;}
#mm-home-shell .tool-entry p{margin-top: 8px; color: rgb(68, 68, 68);}
#mm-home-shell .tool-entry .text-link{margin-top: auto;}
#mm-home-shell .tool-entry h3{font-size: 1.375rem;}
#mm-home-shell .session-options{margin-top: 24px; margin-bottom: 0px;}
#mm-home-shell .session-plan{background: white; border-radius: 12px; padding: 32px;}
#mm-home-shell .session-plan h3{font-size: 1.375rem;}
#mm-home-shell .session-note{margin-top: 8px; color: rgb(68, 68, 68);}
#mm-home-shell .session-plan ol{padding-left: 24px; margin-block: 24px;}
#mm-home-shell .session-plan li{padding-left: 8px; margin-block: 14px;}
#mm-home-shell .session-plan .text-link{display: inline-flex; min-height: 44px; align-items: center;}
#mm-home-shell .reflection-content > p{margin-bottom: 24px;}
#mm-home-shell .reflection-content label{display: block; margin-bottom: 8px; font-weight: 600;}
#mm-home-shell .reflection-content textarea{display: block; width: 100%; padding: 14px; border: 1px solid rgb(133, 133, 145); border-radius: 8px; resize: vertical; min-height: 120px; background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
#mm-home-shell .reflection-content textarea::placeholder{color: rgb(85, 85, 85);}
#mm-home-shell .reflection-content button{margin-top: 16px;}
#mm-home-shell .reflection-content [role="status"]{margin-top: 16px; margin-bottom: 0px;}
#mm-home-shell .faq-list details{border-bottom: 1px solid var(--line);}
#mm-home-shell .faq-list summary{padding: 20px 4px; cursor: pointer; font-weight: 600; min-height: 64px;}
#mm-home-shell .faq-list details p{padding: 0px 24px 24px 4px; color: rgb(68, 68, 68);}
#mm-home-shell .live-payment{background: var(--canvas);}
#mm-home-shell .payment-intro{max-width: 660px; margin-bottom: 32px;}
#mm-home-shell .payment-intro h2{font-size: 2.5rem; line-height: 1.2;}
#mm-home-shell .payment-intro mark{color: inherit; background: transparent; box-shadow: inset 0 -.25em 0 var(--accent);}
#mm-home-shell .payment-terms{display: inline-flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px;}
#mm-home-shell .payment-terms button{display: flex; gap: 6px 12px; align-items: center; justify-content: center; min-height: 48px; background: white; border: 1px solid var(--line); border-radius: 8px; padding: 10px 20px; color: rgb(0, 0, 0);}
#mm-home-shell .payment-terms strong{font-size: 0.8125rem; font-weight: 600;}
#mm-home-shell .payment-terms button[aria-pressed="true"]{background: var(--ink); color: white; border-color: var(--ink);}
#mm-home-shell .payment-cards{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px;}
#mm-home-shell .payment-card{background: rgb(255, 255, 255); border-radius: 12px; padding: 32px; position: relative; display: flex; flex-direction: column; align-items: start; box-shadow: rgba(2, 2, 51, 0.043) 0px 8px 28px; min-width: 0px;}
#mm-home-shell .payment-card h3{font-size: 1.5rem;}
#mm-home-shell .payment-price{font-size: 2.75rem; line-height: 1.2; font-weight: 600; margin-top: 20px; font-variant-numeric: tabular-nums;}
#mm-home-shell .payment-card .payment-billing{margin-block: 20px 28px; color: rgb(68, 68, 68);}
#mm-home-shell .payment-card .button{margin-top: auto;}
#mm-home-shell .payment-badge{font-size: 0.8125rem; font-weight: 600; border-radius: 6px; padding: 5px 10px; background: var(--accent); color: rgb(0, 0, 0); margin-bottom: 16px;}
#mm-home-shell .payment-premium{background: rgb(255, 248, 230);}
#mm-home-shell .payment-offer{margin-top: 16px;}
#mm-home-shell .payment-offer span{display: block; color: rgb(68, 68, 68);}
#mm-home-shell .payment-card:not(.payment-premium){padding-top: 80px;}
#mm-home-shell .long-explore .resource-section{background: var(--canvas);}
#mm-home-shell .long-explore .tool-directory{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
#mm-home-shell .long-explore .tool-entry{background: rgb(255, 255, 255); border: 0px; border-radius: 12px; padding: 28px; min-height: 220px;}
#mm-home-shell .long-explore .tool-entry:first-child{grid-column: span 2; background: rgb(233, 237, 248);}
#mm-home-shell .long-explore .live-payment{background: rgb(255, 255, 255);}
#mm-home-shell .long-explore .payment-intro{text-align: center; margin-inline: auto;}
#mm-home-shell .long-explore .payment-options{max-width: 1040px; margin: auto;}
#mm-home-shell .long-explore .payment-terms{display: flex; justify-content: center;}
#mm-home-shell .long-explore .payment-card{box-shadow: none; background: var(--canvas);}
#mm-home-shell .long-explore .payment-premium{background: rgb(233, 237, 248);}
#mm-home-shell .long-coach #reflect{padding-top: 0px;}
#mm-home-shell .long-coach .resource-section{background: rgb(240, 242, 248);}
#mm-home-shell .long-coach .tool-directory{grid-template-columns: 1fr;}
#mm-home-shell .long-coach .tool-entry{display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px;}
#mm-home-shell .long-coach .payment-layout{display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 56px;}
#mm-home-shell .long-coach .payment-intro{margin: 0px;}
#mm-home-shell .long-coach .payment-intro h2{font-size: 2.25rem;}
#mm-home-shell .long-coach .payment-card{padding: 28px;}
#mm-home-shell .long-coach .payment-card:not(.payment-premium){padding-top: 76px;}
#mm-home-shell .long-coach .payment-price{font-size: 2.25rem;}
#mm-home-shell .long-coach .payment-cards{gap: 16px;}
#mm-home-shell .long-coach .payment-terms button{padding-inline: 14px;}
#mm-home-shell .welcome-long .section a,#mm-home-shell .welcome-long .section button{touch-action: manipulation;}
#mm-home-shell .resource-filters button,#mm-home-shell .session-options button,#mm-home-shell .payment-terms button{user-select: none;}
#mm-home-shell .welcome-long :focus-visible{outline: 3px solid var(--ink); outline-offset: 4px;}
#mm-home-shell .welcome-long textarea{caret-color: var(--ink);}
#mm-home-shell .welcome-long ::selection{background: var(--accent); color: rgb(0, 0, 0);}
@media (hover: hover) and (pointer: fine){#mm-home-shell .orientation-options a:hover strong{text-decoration: underline; text-underline-offset: 4px;}
#mm-home-shell .payment-terms button:hover:not([aria-pressed="true"]),#mm-home-shell .resource-filters button:hover:not([aria-pressed="true"]),#mm-home-shell .session-options button:hover:not([aria-pressed="true"]){background: rgb(233, 233, 239);}}
@media (max-width: 1100px){#mm-home-shell .orientation,#mm-home-shell .session-layout,#mm-home-shell .reflection-layout,#mm-home-shell .faq-layout{gap: 40px;}
#mm-home-shell .long-coach .payment-layout{grid-template-columns: 1fr; gap: 28px;}
#mm-home-shell .long-explore .tool-directory{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#mm-home-shell .long-explore .tool-entry:first-child{grid-column: auto;}}
@media (max-width: 767px){#mm-home-shell .welcome-long .section{padding-block: 48px;}
#mm-home-shell .orientation,#mm-home-shell .session-layout,#mm-home-shell .reflection-layout,#mm-home-shell .faq-layout{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .tool-directory,#mm-home-shell .long-explore .tool-directory{grid-template-columns: minmax(0px, 1fr); gap: 0px;}
#mm-home-shell .long-explore .tool-directory{gap: 16px;}
#mm-home-shell .long-explore .tool-entry{min-height: 0px; padding: 24px;}
#mm-home-shell .long-coach .tool-entry{grid-template-columns: minmax(0px, 1fr); gap: 12px;}
#mm-home-shell .session-plan{padding: 24px;}
#mm-home-shell .payment-intro h2,#mm-home-shell .long-coach .payment-intro h2{font-size: 2rem;}
#mm-home-shell .payment-cards{grid-template-columns: minmax(0px, 1fr); gap: 20px;}
#mm-home-shell .payment-terms{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px; width: 100%;}
#mm-home-shell .payment-terms button,#mm-home-shell .long-coach .payment-terms button{flex-direction: column; padding: 10px 6px; gap: 3px; min-width: 0px;}
#mm-home-shell .payment-terms button strong{font-size: 0.75rem;}
#mm-home-shell .payment-card,#mm-home-shell .long-coach .payment-card{padding: 24px;}
#mm-home-shell .payment-card:not(.payment-premium),#mm-home-shell .long-coach .payment-card:not(.payment-premium){padding-top: 24px;}
#mm-home-shell .payment-card .button{width: 100%; justify-content: center;}
#mm-home-shell .payment-price,#mm-home-shell .long-coach .payment-price{font-size: 2.5rem;}
#mm-home-shell .long-explore .payment-intro{text-align: start;}
#mm-home-shell .long-explore .payment-terms{display: grid;}
#mm-home-shell .payment-card .payment-billing{margin-bottom: 24px;}
#mm-home-shell .orientation-options a{padding: 20px;}
#mm-home-shell .resource-filters{gap: 8px;}
#mm-home-shell .resource-filters button{padding-inline: 12px;}}
#mm-home-shell .welcome-long .section .button{max-width: 100%; white-space: normal; text-align: center; overflow-wrap: anywhere;}
#mm-home-shell{--ink: #020233; --accent: #ffb800; --canvas: #f3f3f3; --line: #dcdce4; --text: #000;}
#mm-home-shell .brand-hybrid h1,#mm-home-shell .brand-hybrid h2{font-weight: 600; letter-spacing: -0.025em;}
#mm-home-shell .brand-hybrid .hero{padding-block: 48px;}
#mm-home-shell .brand-hybrid .welcome-hero{gap: 28px 72px;}
#mm-home-shell .brand-hybrid .hero-photo{height: 220px; border-radius: 12px; object-position: center 60%;}
#mm-home-shell .brand-hybrid .welcome-roles{padding: 28px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(2, 2, 51, 0.04) 0px 8px 28px;}
#mm-home-shell .brand-hybrid .welcome-roles h2{font-size: 1.5rem;}
#mm-home-shell .brand-hybrid .welcome-roles a{min-height: 86px; padding-block: 18px;}
#mm-home-shell .brand-hybrid .welcome-roles a:first-child strong{box-shadow: rgba(255, 184, 0, 0.333) 0px -0.28em 0px inset; display: inline;}
#mm-home-shell .brand-hybrid .section{padding-block: 72px; border: 0px;}
#mm-home-shell .brand-hybrid h2{font-size: 2.25rem; line-height: 1.2;}
#mm-home-shell .brand-hybrid p{color: rgb(0, 0, 0);}
#mm-home-shell .brand-hybrid .section .button{max-width: 100%; white-space: normal; text-align: center;}
#mm-home-shell .hybrid-intro{max-width: 760px; margin-bottom: 32px;}
#mm-home-shell .hybrid-intro p{margin-top: 16px; font-size: 1.125rem;}
#mm-home-shell .hybrid-discover{background: var(--canvas);}
#mm-home-shell .hybrid-guidance{display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 32px; padding: 20px 0px; border-block: 1px solid rgb(212, 212, 220);}
#mm-home-shell .hybrid-guidance .text-link{flex: 0 0 auto; min-height: 44px; display: inline-flex; align-items: center;}
#mm-home-shell .hybrid-guidance strong{margin-right: 6px;}
#mm-home-shell .hybrid-directory{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px;}
#mm-home-shell .hybrid-directory > div > h3{font-size: 1.375rem; margin-bottom: 20px;}
#mm-home-shell .brand-hybrid .subject-directory{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 12px;}
#mm-home-shell .brand-hybrid .subject-courses{grid-template-columns: minmax(0px, 1fr); gap: 16px;}
#mm-home-shell .brand-hybrid .subject > summary{padding: 20px 24px;}
#mm-home-shell .brand-hybrid .subject-courses p{color: rgb(51, 51, 51);}
#mm-home-shell .hybrid-tool-index{display: grid; grid-template-columns: 1fr;}
#mm-home-shell .hybrid-tool-index a{display: block; min-height: 80px; padding: 16px 0px; border-bottom: 1px solid rgb(212, 212, 220); text-decoration: none;}
#mm-home-shell .hybrid-tool-index strong{display: block; font-size: 1.125rem; color: rgb(0, 0, 0); font-weight: 600;}
#mm-home-shell .hybrid-tool-index span{display: block; margin-top: 6px; color: rgb(51, 51, 51);}
#mm-home-shell .hybrid-tool-index a:first-child{padding-top: 0px;}
#mm-home-shell .hybrid-method .hybrid-intro{margin-inline: auto; text-align: center;}
#mm-home-shell .hybrid-method-steps{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 48px; padding-top: 8px;}
#mm-home-shell .hybrid-method-steps > div{min-width: 0px;}
#mm-home-shell .hybrid-method-steps h3{font-size: 1.375rem;}
#mm-home-shell .hybrid-method-steps p{margin: 12px 0px 20px; color: rgb(51, 51, 51);}
#mm-home-shell .hybrid-method-steps .text-link{display: inline-flex; align-items: center; min-height: 44px;}
#mm-home-shell .brand-hybrid #lesson{background: rgb(255, 255, 255);}
#mm-home-shell .brand-hybrid .lesson-layout{max-width: 1040px; grid-template-columns: 0.8fr 1.2fr; gap: 56px;}
#mm-home-shell .brand-hybrid .study-example{border: 1px solid rgb(206, 206, 218); border-radius: 12px; box-shadow: rgba(2, 2, 51, 0.035) 0px 10px 28px;}
#mm-home-shell .hybrid-note-layout{display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 72px; align-items: center;}
#mm-home-shell .hybrid-note-layout > div > p{margin-top: 20px; font-size: 1.125rem;}
#mm-home-shell .hybrid-note-layout > div > .text-link{display: inline-block; margin-top: 24px;}
#mm-home-shell .hybrid-notes{background: var(--canvas);}
#mm-home-shell .hybrid-note-feature{background: rgb(255, 255, 255); border-radius: 12px; padding: 32px; border: 1px solid var(--line);}
#mm-home-shell .hybrid-note-feature h3{font-size: 1.5rem; line-height: 1.3;}
#mm-home-shell .hybrid-note-feature p{margin-block: 16px 24px; color: rgb(51, 51, 51);}
#mm-home-shell .hybrid-revision-links{display: flex; gap: 12px 28px; flex-wrap: wrap; margin-top: 24px;}
#mm-home-shell .hybrid-revision-links a{min-height: 44px; display: inline-flex; align-items: center;}
#mm-home-shell .brand-hybrid .exam-layout{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .brand-hybrid .paper-list{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px;}
#mm-home-shell .brand-hybrid .paper-row{padding-block: 24px; border-top: 1px solid var(--line); border-bottom: 0px;}
#mm-home-shell .hybrid-downloads{background: rgb(255, 255, 255);}
#mm-home-shell .hybrid-download-panel{display: flex; align-items: center; justify-content: space-between; gap: 40px; background: var(--ink); color: rgb(255, 255, 255); border-radius: 12px; padding: 40px;}
#mm-home-shell .hybrid-download-panel h2,#mm-home-shell .hybrid-download-panel p{color: rgb(255, 255, 255);}
#mm-home-shell .hybrid-download-panel p{margin-top: 16px;}
#mm-home-shell .hybrid-download-panel .button{flex: 0 0 auto; background: var(--accent); color: rgb(0, 0, 0); border-color: var(--accent);}
#mm-home-shell .brand-hybrid .live-payment{background: var(--canvas);}
#mm-home-shell .brand-hybrid .payment-intro{max-width: 760px; margin: 0px auto 32px; text-align: center;}
#mm-home-shell .brand-hybrid .payment-intro mark{box-shadow: inset 0 -.22em 0 var(--accent);}
#mm-home-shell .brand-hybrid .payment-options{max-width: 1040px; margin: auto;}
#mm-home-shell .brand-hybrid .payment-terms{display: flex; justify-content: center; width: 100%;}
#mm-home-shell .brand-hybrid .payment-terms button[aria-pressed="true"]{background: var(--ink); border-color: var(--ink); color: rgb(255, 255, 255);}
#mm-home-shell .brand-hybrid .payment-card{box-shadow: rgba(2, 2, 51, 0.04) 0px 8px 24px; background: rgb(255, 255, 255); border-radius: 12px;}
#mm-home-shell .brand-hybrid .payment-premium{background: rgb(255, 255, 255); border: 1px solid var(--ink);}
#mm-home-shell .brand-hybrid .payment-badge{background: var(--accent); color: rgb(0, 0, 0);}
#mm-home-shell .brand-hybrid .payment-card .button{background: var(--ink); color: rgb(255, 255, 255);}
#mm-home-shell .brand-hybrid .payment-premium .button{background: var(--accent); color: rgb(0, 0, 0); border-color: var(--accent);}
#mm-home-shell .brand-hybrid .faq-layout{grid-template-columns: 0.8fr 1.2fr; gap: 64px;}
#mm-home-shell .brand-hybrid .faq-list summary{font-size: 1.0625rem;}
#mm-home-shell .brand-hybrid .about{padding-block: 48px;}
#mm-home-shell .brand-hybrid .about h2{font-size: 2rem;}
#mm-home-shell .hybrid-paper-tabs{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; max-width: 560px; margin-bottom: 24px;}
#mm-home-shell .hybrid-paper-tabs button{display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 60px; padding: 12px 20px; border-radius: 8px; border: 1px solid rgb(181, 181, 192); background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
#mm-home-shell .hybrid-paper-tabs strong{font-size: 1.25rem; font-weight: 600;}
#mm-home-shell .hybrid-paper-tabs button[aria-pressed="true"]{background: var(--ink); border-color: var(--ink); color: rgb(255, 255, 255);}
#mm-home-shell .hybrid-paper-content{background: rgb(255, 255, 255); padding: 40px; border-radius: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px;}
#mm-home-shell .hybrid-paper-name{font-weight: 600; margin-bottom: 12px;}
#mm-home-shell .hybrid-paper-content h3{font-size: 1.75rem; line-height: 1.25;}
#mm-home-shell .hybrid-paper-content p:not(.hybrid-paper-name){margin-top: 16px;}
#mm-home-shell .hybrid-paper-content .button{margin-top: 24px;}
#mm-home-shell .hybrid-paper-tools{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;}
#mm-home-shell .hybrid-paper-tools a{display: flex; align-items: center; justify-content: center; min-height: 88px; padding: 20px; text-align: center; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; font-weight: 600;}
#mm-home-shell .hybrid-exam .hybrid-guidance,#mm-home-shell .hybrid-hub .hybrid-guidance{margin: 28px 0px 0px;}
#mm-home-shell .hybrid-resources .hybrid-tool-index{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px 40px;}
#mm-home-shell .hybrid-resources .hybrid-tool-index a{padding: 20px 0px; min-height: 112px;}
#mm-home-shell .hybrid-exam .hybrid-courses{background: var(--canvas);}
#mm-home-shell .hybrid-courses [data-directory]{max-width: 1040px;}
#mm-home-shell .hybrid-courses .subject-courses{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#mm-home-shell .hybrid-exam .lesson-layout{grid-template-columns: 1fr; max-width: 800px; gap: 32px;}
#mm-home-shell .hybrid-exam .lesson-layout > div:first-child{text-align: center;}
#mm-home-shell .hybrid-exam .lesson-layout .actions{justify-content: center;}
#mm-home-shell .hybrid-task-tabs{display: flex; gap: 8px; margin-bottom: 24px; flex-wrap: wrap;}
#mm-home-shell .hybrid-task-tabs button{min-height: 48px; padding: 12px 28px; background: rgb(255, 255, 255); border: 1px solid rgb(181, 181, 192); border-radius: 8px; color: rgb(0, 0, 0); font-weight: 600;}
#mm-home-shell .hybrid-task-tabs button[aria-pressed="true"]{background: var(--accent); border-color: var(--accent); color: rgb(0, 0, 0);}
#mm-home-shell .hybrid-task-content{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding: 40px; border: 1px solid var(--line); border-radius: 12px; background: rgb(255, 255, 255);}
#mm-home-shell .hybrid-task-content h3{font-size: 1.75rem;}
#mm-home-shell .hybrid-task-content p{margin-top: 16px;}
#mm-home-shell .hybrid-task-content a{display: block; min-height: 56px; padding: 16px 0px; border-bottom: 1px solid var(--line); font-weight: 600;}
#mm-home-shell .hybrid-hub .hybrid-resources{background: var(--canvas);}
#mm-home-shell .hybrid-hub .hybrid-tool-index{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#mm-home-shell .hybrid-hub .hybrid-notes{background: rgb(255, 255, 255);}
#mm-home-shell .hybrid-hub .hybrid-note-feature{background: var(--canvas);}
#mm-home-shell .brand-hybrid button,#mm-home-shell .brand-hybrid a{touch-action: manipulation;}
#mm-home-shell .hybrid-paper-tabs button,#mm-home-shell .hybrid-task-tabs button{user-select: none;}
#mm-home-shell .brand-hybrid :focus-visible{outline: 3px solid var(--ink); outline-offset: 4px;}
#mm-home-shell .brand-hybrid ::selection{background: var(--accent); color: rgb(0, 0, 0);}
@media (hover: hover) and (pointer: fine){#mm-home-shell .hybrid-tool-index a:hover strong{text-decoration: underline; text-underline-offset: 4px;}
#mm-home-shell .hybrid-paper-tools a:hover{background: var(--canvas); border-color: var(--ink);}
#mm-home-shell .hybrid-task-tabs button:hover:not([aria-pressed="true"]),#mm-home-shell .hybrid-paper-tabs button:hover:not([aria-pressed="true"]){background: rgb(243, 243, 243);}}
@media (max-width: 1100px){#mm-home-shell .brand-hybrid .welcome-hero,#mm-home-shell .hybrid-directory,#mm-home-shell .hybrid-note-layout,#mm-home-shell .hybrid-task-content,#mm-home-shell .hybrid-paper-content{gap: 32px;}
#mm-home-shell .hybrid-method-steps{gap: 24px;}
#mm-home-shell .hybrid-paper-tools{grid-template-columns: 1fr;}
#mm-home-shell .hybrid-resources .hybrid-tool-index{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 767px){#mm-home-shell .brand-hybrid .hero{padding-block: 32px;}
#mm-home-shell .brand-hybrid .welcome-hero{grid-template-columns: minmax(0px, 1fr); gap: 24px;}
#mm-home-shell .brand-hybrid .welcome-roles{padding: 20px;}
#mm-home-shell .brand-hybrid .hero-photo{height: 220px;}
#mm-home-shell .brand-hybrid .section{padding-block: 48px;}
#mm-home-shell .brand-hybrid h2{font-size: 2rem;}
#mm-home-shell .hybrid-intro p,#mm-home-shell .hybrid-note-layout > div > p{font-size: 1rem;}
#mm-home-shell .hybrid-guidance{display: block; padding-block: 16px;}
#mm-home-shell .hybrid-guidance .text-link{margin-top: 8px;}
#mm-home-shell .hybrid-directory,#mm-home-shell .hybrid-method-steps,#mm-home-shell .hybrid-note-layout,#mm-home-shell .hybrid-paper-content,#mm-home-shell .hybrid-task-content{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .hybrid-method .hybrid-intro{text-align: start;}
#mm-home-shell .hybrid-method-steps p{margin-bottom: 8px;}
#mm-home-shell .brand-hybrid .lesson-layout{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .hybrid-exam .lesson-layout > div:first-child{text-align: start;}
#mm-home-shell .hybrid-exam .lesson-layout .actions{justify-content: start;}
#mm-home-shell .hybrid-note-feature{padding: 24px;}
#mm-home-shell .brand-hybrid .paper-list{grid-template-columns: minmax(0px, 1fr); gap: 0px;}
#mm-home-shell .hybrid-download-panel{display: block; padding: 28px 24px;}
#mm-home-shell .hybrid-download-panel .button{margin-top: 24px;}
#mm-home-shell .brand-hybrid .payment-intro{text-align: start;}
#mm-home-shell .brand-hybrid .payment-terms{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr));}
#mm-home-shell .brand-hybrid .payment-cards{grid-template-columns: minmax(0px, 1fr);}
#mm-home-shell .brand-hybrid .faq-layout{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .hybrid-paper-tabs button{flex-direction: column; gap: 2px; padding: 10px 12px;}
#mm-home-shell .hybrid-paper-content,#mm-home-shell .hybrid-task-content{padding: 24px;}
#mm-home-shell .hybrid-paper-tools{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px;}
#mm-home-shell .hybrid-paper-tools a{padding: 14px; min-height: 76px;}
#mm-home-shell .hybrid-resources .hybrid-tool-index,#mm-home-shell .hybrid-hub .hybrid-tool-index{grid-template-columns: minmax(0px, 1fr); gap: 0px;}
#mm-home-shell .hybrid-resources .hybrid-tool-index a{min-height: 88px;}
#mm-home-shell .hybrid-courses .subject-courses{grid-template-columns: minmax(0px, 1fr);}
#mm-home-shell .hybrid-task-tabs button{padding-inline: 22px;}
#mm-home-shell .hybrid-task-content h3,#mm-home-shell .hybrid-paper-content h3{font-size: 1.5rem;}}
#mm-home-shell{--diag-indigo-50: #f0f0f5; --diag-indigo-100: #e1e1eb; --diag-gold-50: #fff8e6; --diag-gold-100: #fff0c2;}
#mm-home-shell{text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;}
#mm-home-shell .diagnostic-preview{color: rgb(0, 0, 0);}
#mm-home-shell .diagnostic-preview h1{font-size: 2.5rem; line-height: 1.15; font-weight: 600; max-width: 23ch; letter-spacing: -0.025em;}
#mm-home-shell .diagnostic-preview h2{font-size: 2rem; line-height: 1.25; max-width: 28ch;}
#mm-home-shell .diagnostic-preview p{max-width: 65ch;}
#mm-home-shell .diagnostic-preview a,#mm-home-shell .diagnostic-preview button{touch-action: manipulation;}
#mm-home-shell .diagnostic-preview input,#mm-home-shell .diagnostic-preview select{font-size: max(1rem, 16px);}
#mm-home-shell .diagnostic-preview button,#mm-home-shell .diag-option{user-select: none;}
#mm-home-shell .diag-entry{padding: 40px 0px 48px; background: var(--diag-gold-50);}
#mm-home-shell .diag-entry-layout{max-width: 920px;}
#mm-home-shell .diag-entry-copy{margin-bottom: 28px;}
#mm-home-shell .diag-entry-copy h1{margin-top: 12px;}
#mm-home-shell .diag-entry-copy > p{margin-top: 16px; font-size: 1.125rem; line-height: 1.5;}
#mm-home-shell .diag-scope{display: inline-block; padding: 4px 10px; background: var(--diag-gold-100); border-radius: 5px; color: rgb(0, 0, 0); font-size: 0.875rem;}
#mm-home-shell .diag-question-surface{background: rgb(255, 255, 255); border: 1px solid rgb(212, 212, 223); border-radius: 12px; padding: 28px 32px;}
#mm-home-shell .diag-form{margin: 0px;}
#mm-home-shell .diag-form fieldset{border: 0px; padding: 0px; margin: 0px; min-width: 0px;}
#mm-home-shell .diag-form legend{padding: 0px; width: 100%; margin-bottom: 12px;}
#mm-home-shell .diag-form legend h2,#mm-home-shell .diag-form legend h1{font-size: 1.5rem; line-height: 1.3; max-width: none; letter-spacing: -0.01em; font-weight: 600;}
#mm-home-shell .diag-question-meta{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 20px; font-size: 0.875rem; color: rgb(68, 68, 68); font-variant-numeric: tabular-nums;}
#mm-home-shell .diag-extract{background: rgb(243, 243, 243); padding: 18px 20px; border-radius: 8px; margin-bottom: 20px;}
#mm-home-shell .diag-extract p{font-size: 1.125rem; line-height: 1.55; color: rgb(0, 0, 0);}
#mm-home-shell .diag-choices{display: grid; gap: 8px;}
#mm-home-shell .diag-option{display: flex; align-items: center; gap: 12px; min-height: 48px; border: 1px solid rgb(189, 189, 201); border-radius: 8px; padding: 12px 16px; cursor: pointer; background: rgb(255, 255, 255); line-height: 1.4;}
#mm-home-shell .diag-option input{appearance: auto; width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--ink); margin: 0px;}
#mm-home-shell .diag-option:has(input:checked){border-color: var(--ink); background: var(--diag-indigo-50); box-shadow: inset 3px 0 0 var(--accent);}
#mm-home-shell .diag-option:has(input:focus-visible){outline: 2px solid var(--ink); outline-offset: 3px;}
#mm-home-shell .diag-option input:focus-visible{outline: none;}
#mm-home-shell .diag-form-actions{display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; margin-top: 24px;}
#mm-home-shell .diag-form-actions .text-link{display: inline-flex; align-items: center; min-height: 44px;}
#mm-home-shell .diag-form-actions .button{max-width: 100%; white-space: normal; text-align: center;}
#mm-home-shell .diag-limits{font-size: 0.875rem; line-height: 1.5; color: rgb(68, 68, 68); margin-top: 16px;}
#mm-home-shell .diag-error{margin-top: 16px; font-weight: 600; border-left: 2px solid var(--ink); padding: 8px 12px; background: var(--diag-gold-100);}
#mm-home-shell .diag-page-nav{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 36px; padding-block: 16px;}
#mm-home-shell .diag-page-nav a{display: inline-flex; align-items: center; min-height: 44px; font-size: 0.9375rem;}
#mm-home-shell .diagnostic-preview .section{padding-block: 72px;}
#mm-home-shell .diag-section-heading{max-width: 760px; margin-bottom: 36px;}
#mm-home-shell .diag-section-heading > p{margin-top: 16px; font-size: 1.0625rem;}
#mm-home-shell .diag-next{background: rgb(255, 255, 255);}
#mm-home-shell .diag-next-steps{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 48px; margin: 0px; padding-left: 24px; counter-reset: none;}
#mm-home-shell .diag-next-steps li{padding-left: 10px;}
#mm-home-shell .diag-next-steps h3{font-size: 1.25rem;}
#mm-home-shell .diag-next-steps p{margin-top: 12px; color: rgb(51, 51, 51);}
#mm-home-shell .diag-resources{background: var(--diag-indigo-50);}
#mm-home-shell .diag-resource-entries{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 64px; max-width: 960px;}
#mm-home-shell .diag-resource-entries h3{font-size: 1.5rem;}
#mm-home-shell .diag-resource-entries p{margin-block: 12px 24px;}
#mm-home-shell .diag-all-tools{margin-top: 36px; max-width: 960px;}
#mm-home-shell .diag-all-tools summary{cursor: pointer; min-height: 48px; padding-block: 12px; font-weight: 600;}
#mm-home-shell .diag-all-tools > div{display: flex; gap: 12px 28px; flex-wrap: wrap; padding-top: 12px;}
#mm-home-shell .diag-all-tools a{display: inline-flex; align-items: center; min-height: 44px;}
#mm-home-shell .diagnostic-preview .live-payment{background: rgb(243, 243, 243);}
#mm-home-shell .diagnostic-preview .payment-intro{margin-inline: auto; text-align: center; max-width: 800px;}
#mm-home-shell .diagnostic-preview .payment-intro h2{font-size: 2.25rem; max-width: none;}
#mm-home-shell .diagnostic-preview .payment-intro mark{box-shadow: inset 0 -.2em 0 var(--accent);}
#mm-home-shell .diagnostic-preview .payment-options{max-width: 1040px; margin-inline: auto;}
#mm-home-shell .diagnostic-preview .payment-terms{display: flex; justify-content: center; width: 100%;}
#mm-home-shell .diagnostic-preview .payment-card{border: 1px solid rgb(212, 212, 223); box-shadow: none; background: rgb(255, 255, 255);}
#mm-home-shell .diagnostic-preview .payment-premium{border-color: var(--ink); background: rgb(255, 255, 255);}
#mm-home-shell .diagnostic-preview .payment-premium .button{background: var(--accent); color: rgb(0, 0, 0); border-color: var(--accent);}
#mm-home-shell .diagnostic-preview .payment-card .button{max-width: 100%; white-space: normal;}
#mm-home-shell .diag-faq{background: rgb(255, 255, 255);}
#mm-home-shell .diag-faq .wrap{max-width: 1040px;}
#mm-home-shell .diag-faq-list{margin-top: 32px;}
#mm-home-shell .diag-faq-list details{border-bottom: 1px solid var(--line);}
#mm-home-shell .diag-faq-list summary{cursor: pointer; font-weight: 600; min-height: 64px; padding: 20px 4px;}
#mm-home-shell .diag-faq-list details > p{padding: 0px 4px 24px; max-width: 75ch;}
#mm-home-shell .diag-signup{background: var(--diag-gold-50);}
#mm-home-shell .diag-signup-actions{display: flex; gap: 16px; flex-wrap: wrap; margin-top: 28px;}
#mm-home-shell .diag-signup-actions .button{max-width: 100%; white-space: normal;}
#mm-home-shell .diag-storage{max-width: 1040px; margin: 20px auto; padding: 16px; background: var(--diag-gold-100); color: rgb(0, 0, 0);}
#mm-home-shell .diag-reset{font: inherit; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid var(--line); border-radius: 6px; padding: 6px 10px; min-height: 36px;}
#mm-home-shell .diag-runner,#mm-home-shell .diag-results{max-width: 820px; padding-block: 32px 72px;}
#mm-home-shell .diag-runner-heading{display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 24px;}
#mm-home-shell .diag-runner-heading > p{color: rgb(68, 68, 68); font-size: 0.9375rem;}
#mm-home-shell .diag-back{display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0px; background: transparent; border: 0px; color: rgb(0, 0, 0); text-decoration: underline; text-underline-offset: 4px; max-width: 100%; white-space: normal; text-align: start;}
#mm-home-shell .diag-runner .diag-form{padding: 32px; border: 1px solid var(--line); border-radius: 12px; background: rgb(255, 255, 255);}
#mm-home-shell .diag-runner .diag-form legend h1{font-size: 1.875rem; line-height: 1.25;}
#mm-home-shell .diag-results > h1{margin-top: 24px;}
#mm-home-shell .diag-summary-count{font-size: 1.375rem; font-weight: 600; margin-top: 24px;}
#mm-home-shell .diag-results > p:not(.diag-summary-count){margin-top: 16px; color: rgb(51, 51, 51);}
#mm-home-shell .diag-results-review{margin-top: 40px;}
#mm-home-shell .diag-results-review h2{margin-bottom: 20px;}
#mm-home-shell .diag-results-review details{border-bottom: 1px solid var(--line);}
#mm-home-shell .diag-results-review summary{display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; min-height: 72px; padding: 20px 0px;}
#mm-home-shell .diag-results-review summary strong{font-size: 0.9375rem; text-align: end; flex: 0 0 auto; font-weight: 600;}
#mm-home-shell .diag-results-review details > div{padding-bottom: 24px;}
#mm-home-shell .diag-results-review h3{font-size: 1.25rem;}
#mm-home-shell .diag-results-review p{margin-top: 16px;}
#mm-home-shell .diag-results-review button{margin-top: 20px;}
#mm-home-shell .diag-result-links{margin-top: 40px; padding: 28px; background: var(--diag-indigo-50); border-radius: 12px;}
#mm-home-shell .diag-result-links p{margin-top: 16px;}
#mm-home-shell .diag-result-links > div{display: flex; gap: 16px 24px; align-items: center; flex-wrap: wrap; margin-top: 24px;}
#mm-home-shell .diag-result-links .button{max-width: 100%; white-space: normal; text-align: center;}
#mm-home-shell .diagnostic-preview [data-page-heading]:focus{outline: none;}
#mm-home-shell .diagnostic-guided .diag-entry{background: var(--diag-indigo-50);}
#mm-home-shell .diagnostic-guided .diag-entry-layout{max-width: 1280px; display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 64px; align-items: center;}
#mm-home-shell .diagnostic-guided .diag-entry-copy{margin: 0px;}
#mm-home-shell .diagnostic-guided .diag-entry-copy > p{max-width: 35ch;}
#mm-home-shell .diagnostic-guided .diag-entry-context{font-size: 1rem; line-height: 1.6; margin-top: 24px; color: rgb(51, 51, 51);}
#mm-home-shell .diagnostic-paper .diag-entry{background: rgb(243, 243, 243);}
#mm-home-shell .diagnostic-paper .diag-entry-layout{max-width: 1160px;}
#mm-home-shell .diagnostic-paper .diag-entry-copy{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 12px 64px; align-items: center;}
#mm-home-shell .diagnostic-paper .diag-scope{grid-column: 1 / -1; justify-self: start;}
#mm-home-shell .diagnostic-paper .diag-entry-copy h1{margin: 0px; font-size: 2.25rem;}
#mm-home-shell .diagnostic-paper .diag-entry-copy > p{margin: 0px; max-width: 38ch;}
#mm-home-shell .diagnostic-paper .diag-answer-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 32px;}
#mm-home-shell .diagnostic-paper .diag-extract{margin: 0px; align-self: start; padding: 24px; background: var(--diag-gold-50);}
#mm-home-shell .diagnostic-paper .diag-question-surface{padding: 32px;}
#mm-home-shell .diagnostic-preview :focus-visible{outline: 2px solid var(--ink); outline-offset: 4px;}
#mm-home-shell .site-header{padding-top: env(safe-area-inset-top,0px);}
@media (hover: hover) and (pointer: fine){#mm-home-shell .diag-option:hover{border-color: var(--ink);}
#mm-home-shell .diag-back:hover,#mm-home-shell .diag-all-tools a:hover{text-decoration-thickness: 2px;}}
@media (max-width: 1100px){#mm-home-shell .diagnostic-guided .diag-entry-layout{grid-template-columns: 0.75fr 1.25fr; gap: 32px;}
#mm-home-shell .diagnostic-preview h1{font-size: 2.125rem;}
#mm-home-shell .diag-question-surface{padding: 24px;}
#mm-home-shell .diag-next-steps{gap: 28px;}
#mm-home-shell .diag-resource-entries{gap: 40px;}
#mm-home-shell .diagnostic-paper .diag-entry-copy{gap: 12px 32px;}}
@media (max-width: 767px){#mm-home-shell .diag-entry{padding-block: 28px 32px;}
#mm-home-shell .diag-entry-copy{margin-bottom: 24px;}
#mm-home-shell .diagnostic-preview h1,#mm-home-shell .diagnostic-paper .diag-entry-copy h1{font-size: 2rem; line-height: 1.2;}
#mm-home-shell .diag-entry-copy > p{font-size: 1rem; margin-top: 16px;}
#mm-home-shell .diagnostic-guided .diag-entry-layout,#mm-home-shell .diagnostic-paper .diag-entry-copy,#mm-home-shell .diagnostic-paper .diag-answer-layout{grid-template-columns: minmax(0px, 1fr); gap: 24px;}
#mm-home-shell .diagnostic-guided .diag-entry-copy{margin: 0px;}
#mm-home-shell .diagnostic-guided .diag-entry-context{margin-top: 16px;}
#mm-home-shell .diagnostic-paper .diag-entry-copy{gap: 12px;}
#mm-home-shell .diagnostic-paper .diag-entry-copy > p{margin-top: 4px;}
#mm-home-shell .diagnostic-paper .diag-question-surface,#mm-home-shell .diag-question-surface{padding: 24px 20px;}
#mm-home-shell .diag-form legend h2,#mm-home-shell .diag-form legend h1{font-size: 1.375rem; line-height: 1.3;}
#mm-home-shell .diag-question-meta{font-size: 0.8125rem; gap: 4px 16px; margin-bottom: 16px;}
#mm-home-shell .diag-extract,#mm-home-shell .diagnostic-paper .diag-extract{padding: 16px; margin-bottom: 16px;}
#mm-home-shell .diag-extract p{font-size: 1rem; line-height: 1.55;}
#mm-home-shell .diag-option{padding: 12px; gap: 10px; min-height: 48px;}
#mm-home-shell .diag-form-actions{margin-top: 20px; gap: 8px 20px;}
#mm-home-shell .diag-limits{font-size: 0.8125rem;}
#mm-home-shell .diag-page-nav{justify-content: start; gap: 4px 24px; padding-block: 12px;}
#mm-home-shell .diagnostic-preview .section{padding-block: 48px;}
#mm-home-shell .diagnostic-preview h2{font-size: 1.75rem; line-height: 1.25;}
#mm-home-shell .diag-section-heading{margin-bottom: 28px;}
#mm-home-shell .diag-section-heading > p{font-size: 1rem;}
#mm-home-shell .diag-next-steps,#mm-home-shell .diag-resource-entries{grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#mm-home-shell .diag-next-steps p{margin-top: 8px;}
#mm-home-shell .diag-resource-entries p{margin-block: 8px 20px;}
#mm-home-shell .diag-all-tools{margin-top: 24px;}
#mm-home-shell .diagnostic-preview .payment-intro{text-align: start;}
#mm-home-shell .diagnostic-preview .payment-intro h2{font-size: 2rem;}
#mm-home-shell .diagnostic-preview .payment-terms{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr));}
#mm-home-shell .diagnostic-preview .payment-cards{grid-template-columns: minmax(0px, 1fr);}
#mm-home-shell .diag-signup-actions{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 12px;}
#mm-home-shell .diag-signup-actions .button{width: 100%;}
#mm-home-shell .diag-runner,#mm-home-shell .diag-results{padding-block: 24px 48px;}
#mm-home-shell .diag-runner .diag-form{padding: 24px 20px;}
#mm-home-shell .diag-runner .diag-form legend h1{font-size: 1.5rem;}
#mm-home-shell .diag-results-review summary{align-items: start; flex-direction: column; gap: 8px;}
#mm-home-shell .diag-results-review summary strong{flex: 1 1 auto; text-align: start;}
#mm-home-shell .diag-result-links{padding: 24px;}
#mm-home-shell .diag-result-links h2{font-size: 1.5rem;}
#mm-home-shell .diag-storage{margin: 16px; padding: 16px;}
#mm-home-shell .diag-reset{min-height: 44px;}}
#mm-home-shell .diagnostic-preview .button{max-width: 100%; white-space: normal; text-align: center;}
#mm-home-shell .diag-results-review summary{display: grid; grid-template-columns: minmax(0px, 1fr) auto 24px;}
#mm-home-shell .diag-results-review summary > span{overflow-wrap: anywhere;}
#mm-home-shell .diag-results-review summary::after{content: "+"; font-size: 1.5rem; line-height: 1; justify-self: end;}
#mm-home-shell .diag-results-review details[open] > summary::after{content: "−";}
@media (max-width: 767px){#mm-home-shell .diag-results-review summary{grid-template-columns: minmax(0px, 1fr) 24px;}
#mm-home-shell .diag-results-review summary > span{grid-column: 1;}
#mm-home-shell .diag-results-review summary > strong{grid-area: 2 / 1;}
#mm-home-shell .diag-results-review summary::after{grid-area: 1 / 2 / 3; align-self: center;}}
#mm-home-shell .diag-entry-copy h2{margin-top: 12px; font-size: 2rem; line-height: 1.2; max-width: 26ch;}
#mm-home-shell .diagnostic-paper .diag-entry-copy h2{margin: 0px; font-size: 2rem;}
#mm-home-shell .diag-welcome-shell .welcome-roles h2{line-height: 1.2; max-width: none;}
#mm-home-shell .ref-hero{background: rgb(240, 240, 248); padding: 88px 0px 96px;}
#mm-home-shell .ref-hero-grid{display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr); gap: 80px; align-items: center;}
#mm-home-shell .ref-hero h1{font-size: clamp(2.25rem, 3.6vw, 3.5rem); line-height: 1.1; letter-spacing: -0.03em; font-weight: 700; max-width: 22ch;}
#mm-home-shell .ref-hero-copy > p{font-size: 1.375rem; line-height: 1.5; margin-top: 28px;}
#mm-home-shell .ref-start{display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 56px; border-radius: 999px; padding: 14px 26px; background: rgb(2, 2, 51); color: white; font-weight: 600; text-decoration: none; margin-top: 32px; white-space: normal;}
#mm-home-shell .ref-start svg,#mm-home-shell .ref-audiences > a > svg,#mm-home-shell .ref-carousel-controls svg{width: 24px; height: 24px; flex: 0 0 auto;}
#mm-home-shell .ref-audiences{display: grid; gap: 16px;}
#mm-home-shell .ref-audiences > a{display: flex; align-items: center; gap: 16px; padding: 22px 20px; border: 1px solid rgb(220, 220, 228); border-radius: 24px; background: white; text-decoration: none; min-height: 104px;}
#mm-home-shell .ref-audiences > a > span:nth-child(2){flex: 1 1 0%; min-width: 0px;}
#mm-home-shell .ref-audiences strong{display: block; font-size: 1.5rem; line-height: 1.25; font-weight: 600;}
#mm-home-shell .ref-audiences strong + span{display: block; margin-top: 5px; font-size: 1.125rem; line-height: 1.4;}
#mm-home-shell .ref-role-icon{display: grid; place-items: center; width: 54px; height: 58px; border-radius: 14px; flex: 0 0 auto; background: rgb(238, 238, 246); color: rgb(2, 2, 51);}
#mm-home-shell .ref-role-icon svg{width: 27px; height: 27px;}
#mm-home-shell .ref-audiences > a:nth-child(2) .ref-role-icon{background: rgb(255, 240, 194);}
#mm-home-shell .ref-audiences > a:nth-child(3) .ref-role-icon{background: rgb(225, 225, 235);}
#mm-home-shell .ref-tools{padding: 64px 0px 72px; background: rgb(255, 255, 255);}
#mm-home-shell .ref-tools-heading{display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 32px;}
#mm-home-shell .ref-tools-heading p{margin-top: 12px; font-size: 1.125rem;}
#mm-home-shell .ref-carousel-controls{display: flex; gap: 10px;}
#mm-home-shell .ref-carousel-controls button{display: grid; place-items: center; min-width: 48px; min-height: 48px; border: 1px solid rgb(220, 220, 228); background: white; border-radius: 50%; color: rgb(2, 2, 51);}
#mm-home-shell .ref-carousel-controls button:first-child svg{transform: rotate(180deg);}
#mm-home-shell .ref-tool-track{display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 0px; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: rgb(169, 169, 191) rgb(240, 240, 245); padding: 4px 0px 18px; touch-action: pan-x pan-y pinch-zoom;}
#mm-home-shell .ref-tool{flex: 0 0 calc(25% - 18px); min-width: 0px; scroll-snap-align: start; background: rgb(238, 238, 247); border-radius: 24px; overflow: hidden; display: flex; flex-direction: column;}
#mm-home-shell .ref-tool > h3{font-size: 1.5rem; font-weight: 700; text-align: center; padding: 24px 12px 20px;}
#mm-home-shell .ref-tool-notes{background: rgb(255, 240, 194);}
#mm-home-shell .ref-tool-flashcards{background: rgb(220, 220, 240);}
#mm-home-shell .ref-tool-practice{background: rgb(243, 243, 243);}
#mm-home-shell .ref-tool-models{background: rgb(255, 248, 230);}
#mm-home-shell .ref-tool-mocks{background: rgb(225, 225, 235);}
#mm-home-shell .ref-tool-downloads{background: rgb(240, 240, 245);}
#mm-home-shell .ref-tool-art{padding: 8px 14px 22px; min-height: 266px; display: flex; align-items: center;}
#mm-home-shell .ref-mini{width: 100%; background: white; border-radius: 14px; padding: 20px 18px; box-shadow: rgba(2, 2, 51, 0.047) 0px 8px 24px; min-height: 225px; display: flex; flex-direction: column; justify-content: center; gap: 14px;}
#mm-home-shell .ref-mini > span{font-size: 0.8125rem;}
#mm-home-shell .ref-mini h4{font-size: 1.25rem; line-height: 1.2; margin: 0px; font-weight: 600;}
#mm-home-shell .ref-mini p{font-size: 0.9375rem; line-height: 1.45;}
#mm-home-shell .ref-mini-rule{height: 1px; background: rgb(220, 220, 228); width: 100%;}
#mm-home-shell .ref-mini details{font-size: 0.875rem;}
#mm-home-shell .ref-mini summary{cursor: pointer; min-height: 44px; display: flex; align-items: center; text-decoration: underline;}
#mm-home-shell .ref-mini button,#mm-home-shell .ref-mini > a{font-size: 0.9375rem; min-height: 44px; border: 0px; border-radius: 8px; background: rgb(2, 2, 51); color: white; padding: 10px 12px; text-align: center; text-decoration: none;}
#mm-home-shell .ref-flash{min-height: 245px; text-align: center;}
#mm-home-shell .ref-annotation{background: rgb(255, 248, 230); padding: 12px; font-size: 0.875rem; border-radius: 6px;}
#mm-home-shell .ref-file-row{display: flex; gap: 8px; justify-content: space-between; padding: 12px 0px; border-top: 1px solid rgb(220, 220, 228); font-size: 0.875rem;}
#mm-home-shell .ref-tool-caption{background: rgb(255, 255, 255); padding: 18px 18px 22px; margin-top: auto; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(231, 231, 239) rgb(231, 231, 239); border-image: none; border-radius: 0px 0px 24px 24px;}
#mm-home-shell .ref-tool-caption p{font-size: 1rem;}
#mm-home-shell .ref-tool-caption a{font-size: 1rem; min-height: 44px; display: inline-flex; align-items: center; margin-top: 4px; font-weight: 600;}
#mm-home-shell .ref-demo-note{font-size: 0.8125rem; margin-top: 14px;}
#mm-home-shell .ref-closing{background: rgb(255, 240, 194); padding: 72px 0px; text-align: center;}
#mm-home-shell .ref-closing h2{max-width: 27ch; margin: auto;}
#mm-home-shell .ref-closing p{margin: 16px auto 0px; font-size: 1.125rem;}
#mm-home-shell .ref-start:active,#mm-home-shell .ref-carousel-controls button:active{transform: scale(0.98);}
#mm-home-shell .ref-audiences a:focus-visible,#mm-home-shell .ref-tool-track:focus-visible{outline: rgb(2, 2, 51) solid 2px; outline-offset: 4px;}
@media (hover: hover) and (pointer: fine){#mm-home-shell .ref-audiences > a:hover{border-color: rgb(2, 2, 51); box-shadow: rgba(2, 2, 51, 0.04) 0px 6px 20px;}
#mm-home-shell .ref-start:hover{background: rgb(27, 27, 80);}
#mm-home-shell .ref-carousel-controls button:hover{background: rgb(240, 240, 245);}}
@media (max-width: 1100px){#mm-home-shell .ref-hero-grid{gap: 40px;}
#mm-home-shell .ref-tool{flex-basis: calc(33.3333% - 16px);}
#mm-home-shell .ref-audiences > a{padding: 18px 14px;}
#mm-home-shell .ref-audiences strong{font-size: 1.25rem;}}
@media (max-width: 700px){#mm-home-shell .ref-hero{padding: 40px 0px 48px;}
#mm-home-shell .ref-hero-grid{grid-template-columns: 1fr; gap: 36px;}
#mm-home-shell .ref-hero-copy > p{font-size: 1.125rem; margin-top: 20px;}
#mm-home-shell .ref-start{margin-top: 24px; font-size: 1rem; padding: 14px 22px;}
#mm-home-shell .ref-audiences{gap: 12px;}
#mm-home-shell .ref-audiences > a{min-height: 90px; border-radius: 20px; padding: 16px;}
#mm-home-shell .ref-audiences strong + span{font-size: 1rem;}
#mm-home-shell .ref-role-icon{width: 48px; height: 52px;}
#mm-home-shell .ref-tools{padding: 40px 0px 48px; overflow: hidden;}
#mm-home-shell .ref-tools-heading{align-items: center; gap: 12px;}
#mm-home-shell .ref-tools-heading h2{font-size: 1.75rem;}
#mm-home-shell .ref-tools-heading p{font-size: 1rem;}
#mm-home-shell .ref-carousel-controls{gap: 6px;}
#mm-home-shell .ref-carousel-controls button{min-width: 44px; min-height: 44px;}
#mm-home-shell .ref-tool-track{overflow: auto visible; margin-inline: -24px; padding-inline: 24px; scroll-padding-inline: 24px; gap: 20px;}
#mm-home-shell .ref-tool{flex-basis: 84%; scroll-snap-align: center;}
#mm-home-shell .ref-tool-art{min-height: 280px; padding-inline: 24px;}
#mm-home-shell .ref-mini{min-height: 240px;}
#mm-home-shell .ref-closing{padding: 48px 0px;}
#mm-home-shell .ref-closing h2{font-size: 1.75rem;}}
#mm-home-shell .guided-sunlight .ref-hero{background: rgb(255, 253, 247);}
#mm-home-shell .guided-sunlight .ref-audiences > a{background: rgb(255, 255, 255); border-color: rgb(232, 229, 219);}
#mm-home-shell .guided-sunlight .ref-role-icon,#mm-home-shell .guided-sunlight .ref-audiences > a:nth-child(2) .ref-role-icon,#mm-home-shell .guided-sunlight .ref-audiences > a:nth-child(3) .ref-role-icon{background: rgb(248, 245, 235);}
#mm-home-shell .guided-sunlight .ref-tools{background: rgb(255, 255, 255);}
#mm-home-shell .guided-sunlight .ref-tool-courses{background: rgb(246, 245, 241);}
#mm-home-shell .guided-sunlight .ref-tool-notes{background: rgb(251, 248, 239);}
#mm-home-shell .guided-sunlight .ref-tool-flashcards{background: rgb(244, 244, 248);}
#mm-home-shell .guided-sunlight .ref-tool-practice{background: rgb(249, 248, 244);}
#mm-home-shell .guided-sunlight .ref-tool-models{background: rgb(250, 248, 241);}
#mm-home-shell .guided-sunlight .ref-tool-mocks{background: rgb(244, 244, 247);}
#mm-home-shell .guided-sunlight .ref-tool-downloads{background: rgb(247, 246, 242);}
#mm-home-shell .guided-sunlight .diag-entry{background: rgb(255, 253, 247);}
#mm-home-shell .guided-sunlight .diag-scope{background: rgb(247, 243, 231);}
#mm-home-shell .guided-sunlight .diag-next{background: rgb(255, 255, 255);}
#mm-home-shell .guided-sunlight .diag-resources{background: rgb(250, 249, 246);}
#mm-home-shell .guided-sunlight .live-payment{background: rgb(248, 247, 243);}
#mm-home-shell .guided-sunlight .ref-closing{background: rgb(255, 250, 240);}
#mm-home-shell .guided-midnight .ref-hero{background: rgb(248, 248, 252);}
#mm-home-shell .guided-midnight .ref-audiences > a{background: rgb(255, 255, 255); border-color: rgb(226, 226, 233);}
#mm-home-shell .guided-midnight .ref-role-icon,#mm-home-shell .guided-midnight .ref-audiences > a:nth-child(2) .ref-role-icon,#mm-home-shell .guided-midnight .ref-audiences > a:nth-child(3) .ref-role-icon{background: rgb(240, 240, 247);}
#mm-home-shell .guided-midnight .ref-tools{background: rgb(255, 255, 255);}
#mm-home-shell .guided-midnight .ref-tool-courses{background: rgb(241, 242, 248);}
#mm-home-shell .guided-midnight .ref-tool-notes{background: rgb(246, 246, 250);}
#mm-home-shell .guided-midnight .ref-tool-flashcards{background: rgb(240, 240, 247);}
#mm-home-shell .guided-midnight .ref-tool-practice{background: rgb(248, 247, 241);}
#mm-home-shell .guided-midnight .ref-tool-models{background: rgb(245, 245, 248);}
#mm-home-shell .guided-midnight .ref-tool-mocks{background: rgb(242, 243, 248);}
#mm-home-shell .guided-midnight .ref-tool-downloads{background: rgb(247, 247, 250);}
#mm-home-shell .guided-midnight .diag-entry{background: rgb(250, 250, 253);}
#mm-home-shell .guided-midnight .diag-question-surface{background: rgb(255, 255, 255);}
#mm-home-shell .guided-midnight .diag-extract{background: rgb(246, 246, 250);}
#mm-home-shell .guided-midnight .diag-next{background: rgb(255, 255, 255);}
#mm-home-shell .guided-midnight .diag-resources{background: rgb(248, 248, 251);}
#mm-home-shell .guided-midnight .live-payment{background: rgb(246, 246, 250);}
#mm-home-shell .guided-midnight .ref-closing{background: rgb(244, 244, 249);}
#mm-home-shell{--action-fill: #f0f0f8; --action-line: #e1e1ec; --action-hover: #e7e7f2; --action-depth: none; background: rgb(255, 255, 255);}
#mm-home-shell{--action-fill: #f6f7fc; --action-line: #c7cbdf; --action-hover: #eeeff8;}
#mm-home-shell{--action-fill: #edf0f8; --action-line: #e5e8f1; --action-hover: #e6eaf5; --action-depth: 0 3px 10px #02023308;}
#mm-home-shell .diagnostic-preview,#mm-home-shell .diagnostic-preview :is(.ref-hero, .ref-tools, .diag-entry, .diag-next, .diag-resources, .live-payment, .diag-faq, .ref-closing, .diag-question-surface, .diag-extract, .diag-result-links, .ref-tool, .ref-tool-caption, .ref-mini){background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
#mm-home-shell .diagnostic-preview .ref-tool{border: 1px solid rgb(231, 231, 238);}
#mm-home-shell .diagnostic-preview .ref-tool-caption{border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(237, 237, 242) currentcolor currentcolor; border-image: none;}
#mm-home-shell .diagnostic-preview .ref-role-icon,#mm-home-shell .diagnostic-preview .ref-audiences > a:nth-child(2) .ref-role-icon,#mm-home-shell .diagnostic-preview .ref-audiences > a:nth-child(3) .ref-role-icon{background: rgb(255, 255, 255); color: rgb(2, 2, 51);}
#mm-home-shell .diagnostic-preview .ref-audiences > a,#mm-home-shell .diagnostic-preview .ref-start,#mm-home-shell .diagnostic-preview .button,#mm-home-shell .diagnostic-preview .ref-mini button,#mm-home-shell .diagnostic-preview .ref-mini > a,#mm-home-shell .diagnostic-preview .ref-carousel-controls button,#mm-home-shell .diagnostic-preview .payment-card .button,#mm-home-shell .diagnostic-preview .payment-premium .button,#mm-home-shell .header-actions .button{background: var(--action-fill); border: 1px solid var(--action-line); color: rgb(0, 0, 0); box-shadow: var(--action-depth);}
#mm-home-shell .diagnostic-preview [data-live-term][aria-pressed="true"]{background: var(--action-fill); color: rgb(0, 0, 0); border-color: var(--action-line);}
#mm-home-shell .diagnostic-preview .diag-scope{background: rgb(255, 255, 255); border: 1px solid rgb(231, 231, 238);}
#mm-home-shell .diagnostic-preview .diag-option:has(input:checked){background: var(--action-fill); box-shadow: none;}
@media (hover: hover) and (pointer: fine){#mm-home-shell .diagnostic-preview .ref-audiences > a:hover,#mm-home-shell .diagnostic-preview .ref-start:hover,#mm-home-shell .diagnostic-preview .button:hover,#mm-home-shell .diagnostic-preview .ref-mini button:hover,#mm-home-shell .diagnostic-preview .ref-mini > a:hover,#mm-home-shell .diagnostic-preview .ref-carousel-controls button:hover,#mm-home-shell .diagnostic-preview .payment-card .button:hover,#mm-home-shell .header-actions .button:hover{background: var(--action-hover); color: rgb(0, 0, 0); border-color: rgb(191, 194, 213);}}
#mm-home-shell{--action-fill: #f0f0f8; --action-line: #e1e1ec; --action-hover: #e7e7f2; --action-depth: none;}
#mm-home-shell .diagnostic-preview{--tools-field: #fafafa; --diagnostic-field: #f4f5f9; --next-field: #fff; --pricing-field: #f7f7f9; --resources-field: #fafafa; --closing-field: #f0f0f7; --card-cool: #f3f4f9; --card-warm: #fbf9f3; --card-neutral: #f6f6f7;}
#mm-home-shell .guided-sunlight{--tools-field: #fcfaf5; --diagnostic-field: #f1f3fa; --next-field: #fff; --pricing-field: #fffaf0; --resources-field: #f8f8fb; --closing-field: #f6f6fc; --card-cool: #f1f2f8; --card-warm: #fffaf0; --card-neutral: #f7f7f6;}
#mm-home-shell .guided-midnight{--tools-field: #f6f7fc; --diagnostic-field: #fff; --next-field: #fafafa; --pricing-field: #f0f2f9; --resources-field: #fafafb; --closing-field: #f3f4fa; --card-cool: #eef1f8; --card-warm: #fffaf2; --card-neutral: #f8f9fc;}
#mm-home-shell .diagnostic-preview .ref-hero{background: rgb(255, 255, 255);}
#mm-home-shell .diagnostic-preview .ref-tools{background: var(--tools-field);}
#mm-home-shell .diagnostic-preview .diag-entry{background: var(--diagnostic-field);}
#mm-home-shell .diagnostic-preview .diag-next{background: var(--next-field);}
#mm-home-shell .diagnostic-preview .live-payment{background: var(--pricing-field);}
#mm-home-shell .diagnostic-preview .diag-resources{background: var(--resources-field);}
#mm-home-shell .diagnostic-preview .ref-closing{background: var(--closing-field);}
#mm-home-shell .diagnostic-preview .ref-tool-courses,#mm-home-shell .diagnostic-preview .ref-tool-flashcards,#mm-home-shell .diagnostic-preview .ref-tool-mocks{background: var(--card-cool);}
#mm-home-shell .diagnostic-preview .ref-tool-notes,#mm-home-shell .diagnostic-preview .ref-tool-models{background: var(--card-warm);}
#mm-home-shell .diagnostic-preview .ref-tool-practice,#mm-home-shell .diagnostic-preview .ref-tool-downloads{background: var(--card-neutral);}
#mm-home-shell .diagnostic-preview .ref-tool-caption{background: rgb(255, 255, 255);}
#mm-home-shell .diagnostic-preview .ref-mini{background: rgb(255, 255, 255); box-shadow: rgba(2, 2, 51, 0.035) 0px 8px 24px;}
#mm-home-shell .diagnostic-preview .diag-question-surface{background: rgb(255, 255, 255); border-color: rgb(221, 223, 234); box-shadow: rgba(2, 2, 51, 0.024) 0px 8px 28px;}
#mm-home-shell .diagnostic-preview .diag-extract{background: rgb(247, 248, 251);}
#mm-home-shell .diagnostic-preview .payment-card{background: rgb(255, 255, 255); border-color: rgb(221, 223, 234); box-shadow: rgba(2, 2, 51, 0.02) 0px 6px 20px;}
#mm-home-shell .diagnostic-preview .payment-premium{border-color: rgb(201, 205, 221);}
#mm-home-shell .guided-sunlight .diag-entry{background: rgb(229, 234, 246); border-block: 1px solid rgb(208, 216, 236); padding-block: 72px;}
#mm-home-shell .guided-sunlight .diag-question-surface{background: rgb(255, 255, 255); border-color: rgb(201, 209, 229); box-shadow: rgba(2, 2, 51, 0.05) 0px 10px 32px;}
#mm-home-shell .guided-sunlight .diag-entry .diag-extract{background: rgb(247, 248, 252);}
#mm-home-shell .guided-sunlight .diag-entry .diag-form-actions .button{border-color: rgb(196, 204, 226);}
@media (max-width: 700px){#mm-home-shell .guided-sunlight .diag-entry{padding-block: 48px;}}
#mm-home-shell .guided-sunlight .diag-entry{background-color: rgb(2, 2, 51); background-image: linear-gradient(90deg, rgb(2, 2, 51) 0%, rgba(2, 2, 51, 0.96) 32%, rgba(2, 2, 51, 0) 72%), radial-gradient(at 100% 100%, rgb(255, 184, 0) 0%, rgb(255, 207, 77) 14%, rgba(255, 184, 0, 0) 62%), linear-gradient(120deg, rgb(2, 2, 51) 0%, rgb(52, 52, 97) 45%, rgb(165, 165, 189) 72%, rgb(255, 240, 194) 100%); border-color: rgb(52, 52, 97);}
#mm-home-shell .guided-sunlight .diag-entry-copy,#mm-home-shell .guided-sunlight .diag-entry-copy h2,#mm-home-shell .guided-sunlight .diag-entry-copy > p{color: rgb(255, 255, 255);}
#mm-home-shell .guided-sunlight .diag-entry .diag-scope{background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255);}
#mm-home-shell .guided-sunlight .diag-question-surface{background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); box-shadow: rgba(2, 2, 51, 0.15) 0px 14px 40px;}
@media (max-width: 700px){#mm-home-shell .guided-sunlight .diag-entry{background-image: linear-gradient(rgb(2, 2, 51) 0%, rgb(27, 27, 80) 42%, rgb(165, 165, 189) 68%, rgb(255, 240, 194) 88%, rgb(255, 184, 0) 100%);}}
#mm-home-shell .study-transition{display: contents;}
#mm-home-shell .guided-sunlight .study-transition{display: block; background: #fff;}
#mm-home-shell .guided-sunlight .ref-tools{background: transparent;}
#mm-home-shell .guided-sunlight .ref-demo-note{color: rgb(0, 0, 0); background: rgb(255, 255, 255); display: inline-block; padding: 6px 8px; border-radius: 4px;}
#mm-home-shell .guided-sunlight .diag-entry{background: transparent; border: 0px; padding-top: 72px;}
#mm-home-shell .diagnostic-preview .ref-carousel{position: relative;}
#mm-home-shell .diagnostic-preview .ref-carousel-controls{display: contents;}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button{position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 48px; height: 64px; background: transparent; border: 0px; box-shadow: none; color: rgb(2, 2, 51); border-radius: 8px; padding: 0px;}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:first-child{left: -56px;}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:last-child{right: -56px;}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:active{transform: translateY(-50%) scale(0.96);}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:focus-visible{outline: rgb(2, 2, 51) solid 2px; outline-offset: 0px;}
@media (hover: hover) and (pointer: fine){#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:hover{background: transparent; border: 0px; box-shadow: none;}}
@media (max-width: 1400px){#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:first-child{left: -24px;}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:last-child{right: -24px;}}
@media (max-width: 700px){#mm-home-shell .guided-sunlight .diag-entry{padding-top: 48px; padding-bottom: 48px;}
#mm-home-shell .diagnostic-preview .ref-tool-track{padding-inline: 52px; scroll-padding-inline: 52px;}
#mm-home-shell .diagnostic-preview .ref-tool{flex-basis: calc(-88px + 100vw);}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button{width: 44px; min-width: 44px; height: 56px;}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:first-child{left: -12px;}
#mm-home-shell .diagnostic-preview .ref-tools .ref-carousel-controls button:last-child{right: -12px;}}
#mm-home-shell .guided-sunlight .diag-entry-copy,#mm-home-shell .guided-sunlight .diag-entry-copy h2,#mm-home-shell .guided-sunlight .diag-entry-copy > p{color: rgb(0, 0, 0);}
#mm-home-shell .guided-sunlight .diag-question-surface{box-shadow: rgba(2, 2, 51, 0.17) -32px 24px 56px, rgba(2, 2, 51, 0.1) -12px 8px 24px;}
@media (max-width: 700px){#mm-home-shell .guided-sunlight .diag-question-surface{box-shadow: rgba(2, 2, 51, 0.17) -16px 18px 36px, rgba(2, 2, 51, 0.1) -6px 6px 16px;}}
#mm-home-shell .diagnostic-preview .ref-tool{background: rgb(239, 239, 248); border: 0px; border-radius: 28px;}
#mm-home-shell .diagnostic-preview .ref-tool-courses{background: rgb(76, 79, 255);}
#mm-home-shell .diagnostic-preview .ref-tool-notes{background: rgb(255, 116, 116);}
#mm-home-shell .diagnostic-preview .ref-tool-flashcards{background: rgb(168, 76, 7);}
#mm-home-shell .diagnostic-preview .ref-tool-practice{background: rgb(204, 154, 250);}
#mm-home-shell .diagnostic-preview .ref-tool-models{background: rgb(204, 154, 250);}
#mm-home-shell .diagnostic-preview .ref-tool-mocks{background: rgb(76, 79, 255);}
#mm-home-shell .diagnostic-preview .ref-tool-downloads{background: rgb(255, 116, 116);}
#mm-home-shell .diagnostic-preview .ref-tool > h3{padding: 26px 14px; font-size: 1.65rem; color: rgb(0, 0, 0);}
#mm-home-shell .diagnostic-preview .ref-tool-courses > h3,#mm-home-shell .diagnostic-preview .ref-tool-flashcards > h3,#mm-home-shell .diagnostic-preview .ref-tool-mocks > h3{color: rgb(255, 255, 255);}
#mm-home-shell .diagnostic-preview .ref-tool-art{display: flex; flex-direction: column; gap: 16px; padding: 0px 16px 22px; align-items: stretch; flex: 1 1 0%; justify-content: center;}
#mm-home-shell .ref-reference-art{width: 100%; aspect-ratio: 1.06 / 1; background-image: none; background-repeat: no-repeat; border-radius: 18px; flex: 0 0 auto; box-shadow: rgba(2, 2, 51, 0.08) 0px 10px 24px;}
#mm-home-shell .ref-art-podcast{background-size: 495.35% auto; background-position: 9.87% 78.46%;}
#mm-home-shell .ref-art-repetition{background-size: 494.07% auto; background-position: 37.8% 78.46%;}
#mm-home-shell .ref-art-friends{background-size: 494.07% auto; background-position: 65.79% 78.46%;}
#mm-home-shell .ref-art-lecture{aspect-ratio: 0.963 / 1; background-size: 455.34% auto; background-position: 94.65% 79.91%;}
#mm-home-shell .diagnostic-preview .ref-mini{min-height: 220px; padding: 18px; box-shadow: rgba(2, 2, 51, 0.07) 0px 8px 24px;}
#mm-home-shell .diagnostic-preview .ref-tool-caption{border-color: rgb(231, 231, 239); border-radius: 0px 0px 28px 28px;}
@media (max-width: 700px){#mm-home-shell .diagnostic-preview .ref-tool-art{padding-inline: 16px;}
#mm-home-shell .ref-reference-art{max-height: 320px;}
#mm-home-shell .diagnostic-preview .ref-tool > h3{font-size: 1.5rem;}}
#mm-home-shell .diagnostic-preview .ref-tool:has(.ref-reference-art) .ref-mini{display: none;}
#mm-home-shell .diagnostic-preview .ref-tool:has(.ref-reference-art) .ref-tool-art{padding: 0px; gap: 0px; min-height: 0px; justify-content: flex-start;}
#mm-home-shell .diagnostic-preview .ref-reference-art{border-radius: 0px; box-shadow: none; aspect-ratio: 0.88 / 1; max-height: none;}
#mm-home-shell .diagnostic-preview .ref-art-podcast{background-size: 535% auto; background-position: 10.5% 80%;}
#mm-home-shell .diagnostic-preview .ref-art-repetition{background-size: 510% auto; background-position: 38% 81%;}
#mm-home-shell .diagnostic-preview .ref-art-friends{background-size: 510% auto; background-position: 66% 81%;}
#mm-home-shell .diagnostic-preview .ref-art-lecture{background-size: 495% auto; background-position: 94% 81%;}
#mm-home-shell .diagnostic-preview .ref-tool-caption{padding: 14px 18px 16px; border: 0px; background: transparent; border-radius: 0px; color: rgb(0, 0, 0);}
#mm-home-shell .diagnostic-preview .ref-tool-caption p{display: none;}
#mm-home-shell .diagnostic-preview .ref-tool-courses .ref-tool-caption,#mm-home-shell .diagnostic-preview .ref-tool-flashcards .ref-tool-caption,#mm-home-shell .diagnostic-preview .ref-tool-mocks .ref-tool-caption{color: rgb(255, 255, 255);}
#mm-home-shell .diagnostic-preview .ref-tool-caption a{color: inherit; margin: 0px;}
#mm-home-shell .diagnostic-preview .ref-reference-art{background-image: none; overflow: hidden;}
#mm-home-shell .ref-reference-art > svg{display: block; width: 100%; height: 100%;}
#mm-home-shell main.diagnostic-preview :is(button, .button, .ref-start, .ref-mini > a){background: none rgb(255, 184, 0); border-color: rgb(255, 184, 0); color: rgb(0, 0, 0);}
#mm-home-shell main.diagnostic-preview :is(button, .button, .ref-start, .ref-mini > a):hover{background: rgb(255, 184, 0); color: rgb(0, 0, 0); border-color: rgb(255, 184, 0);}
#mm-home-shell main.diagnostic-preview :is(button, .button, .ref-start, .ref-mini > a):focus-visible{outline: rgb(2, 2, 51) solid 2px; outline-offset: 3px;}
#mm-home-shell main.diagnostic-preview [data-live-term][aria-pressed="true"]{box-shadow: rgb(2, 2, 51) 0px 0px 0px 2px inset;}
#mm-home-shell main.diagnostic-preview button:disabled{opacity: 0.5; cursor: not-allowed;}
body:has(main.diagnostic-preview) #mm-home-shell .header-actions .button,body:has(main.diagnostic-preview) #mm-home-shell .header-actions .button:hover{background: rgb(255, 184, 0); border-color: rgb(255, 184, 0); color: rgb(0, 0, 0);}
#mm-home-shell main.diagnostic-preview .ref-tools .ref-carousel-controls button,#mm-home-shell main.diagnostic-preview .ref-tools .ref-carousel-controls button:hover{background: transparent; border: 0px; box-shadow: none; color: rgb(2, 2, 51);}
#mm-home-shell main.diagnostic-preview .ref-audiences > a{--role-accent: #ffb800; --role-line: #f5e8bd; --role-light: #fff5d6; --role-end: #fffbeb; background: var(--role-end); border-color: var(--role-line); color: rgb(0, 0, 0); box-shadow: rgba(2, 2, 51, 0.09) 0px 5px 18px;}
#mm-home-shell main.diagnostic-preview .ref-audiences > a:nth-child(2){--role-accent: #020233; --role-line: #dde2ed; --role-light: #e5e7f2; --role-end: #f0f2fe;}
#mm-home-shell main.diagnostic-preview .ref-audiences > a:nth-child(3){--role-accent: #0d9488; --role-line: #d7eee5; --role-light: #dcfce7; --role-end: #f0fdf4;}
#mm-home-shell main.diagnostic-preview .ref-audiences .ref-role-icon{background: var(--role-light); color: var(--role-accent);}
#mm-home-shell main.diagnostic-preview .ref-audiences > a > svg{color: var(--role-accent);}
#mm-home-shell main.diagnostic-preview .ref-audiences > a:focus-visible{outline: 2px solid #020233; outline-offset: 3px;}
@media (hover: hover) and (pointer: fine){#mm-home-shell main.diagnostic-preview .ref-audiences > a:hover{background: var(--role-end); border-color: var(--role-line); box-shadow: rgba(2, 2, 51, 0.12) 0px 5px 18px;}}
/* Native theme pricing uses its existing server-rendered fields and handlers. */
#mm-home-shell [hidden]{display:none!important}
#mm-home-shell .mm-home{margin:0;max-width:none;background:#fff;color:#000}
#mm-home-shell .mm-home h1,#mm-home-shell .mm-home h2,#mm-home-shell .mm-home h3,#mm-home-shell .mm-home h4{color:#000}
#mm-home-shell .mm-premium{background:#fffaf0;padding:88px 0;color:#000}
#mm-home-shell .mm-premium .mm-container{width:min(1280px,calc(100% - 48px));margin:auto}
#mm-home-shell .mm-premium :is(h2,h3,p){color:#000}
#mm-home-shell .mm-premium__intro{max-width:720px;margin:0 auto 32px;text-align:center}
#mm-home-shell .mm-premium__terms{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 32px}
#mm-home-shell .mm-premium__terms button{min-height:48px;padding:12px 20px;border:1px solid #ffb800;border-radius:12px;background:#ffb800;color:#000}
#mm-home-shell .mm-premium__terms button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #020233}
#mm-home-shell .mm-premium__terms strong{display:block;color:#000;background:transparent}
#mm-home-shell .mm-premium__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1000px;margin:auto}
#mm-home-shell .mm-plan-card{background:#fff;color:#000;border:1px solid #dedee8;border-radius:20px;padding:32px;transform:none;min-width:0;overflow-wrap:anywhere;box-shadow:0 8px 24px #0202330a}
#mm-home-shell .mm-plan-card .mm-button{background:#ffb800;color:#000;border-color:#ffb800}
#mm-home-shell .mm-plan-card__price{font-size:2.25rem;line-height:1.2}
#mm-home-shell .mm-premium :focus-visible{outline:2px solid #020233;outline-offset:3px}
#mm-home-shell .diag-runner{padding-block:64px;min-height:65vh}
#mm-home-shell .diag-form fieldset{min-width:0}
#mm-home-shell .ref-hero-copy>p{overflow-wrap:anywhere}
#mm-home-shell .diag-form legend{float:none;width:100%;padding:0}
body.home .mm-header :is(.mm-header__actions,.mm-nav__mobile-actions)>.mm-button{background:#ffb800;border-color:#ffb800;color:#000}
@media(max-width:700px){#mm-home-shell .mm-premium{padding:48px 0}#mm-home-shell .mm-premium__plans{grid-template-columns:minmax(0,1fr)}#mm-home-shell .mm-plan-card{padding:24px}}

/* Preserve role colours against the existing theme's more specific skin rules. */
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences>a .ref-role-icon{background:var(--role-light);color:var(--role-accent)}
#mm-home-shell main.mm-home .ref-audiences strong{font-weight:600}
#mm-home-shell .ref-hero,#mm-home-shell .ref-tools{border:0}

#mm-home-shell :is(h1,h2,h3){overflow-wrap:anywhere}

/* Broad, static indigo paint bleeds sit behind the introduction only. */
#mm-home-shell .guided-sunlight .diag-entry{overflow:clip}
#mm-home-shell .guided-sunlight .diag-entry-copy{position:relative;isolation:isolate}
#mm-home-shell .guided-sunlight .diag-entry-copy::before{content:"";position:absolute;z-index:-1;inset:-160px -120px -150px -200px;background:url("diagnostic-indigo-paint.svg") center/100% 100% no-repeat;pointer-events:none}
@media(max-width:700px){#mm-home-shell .guided-sunlight .diag-entry-copy::before{inset:-78px -32px -70px -48px}}

/* Pointer feedback: darken the existing paint gradually, including transparent icon controls. */
#mm-home-shell :is(button,.button,.ref-start,.mm-button,.ref-mini>a),
body.home.mm-premium-focus .mm-header :is(button,.mm-button){filter:brightness(1);transition:filter .5s var(--ease-out,cubic-bezier(.23,1,.32,1))}
@media(hover:hover) and (pointer:fine){
 #mm-home-shell :is(button,.button,.ref-start,.mm-button,.ref-mini>a):not(:disabled):not([aria-disabled=true]):hover,
 body.home.mm-premium-focus .mm-header :is(button,.mm-button):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(.94)}
}
@media(prefers-reduced-motion:reduce){
 #mm-home-shell :is(button,.button,.ref-start,.mm-button,.ref-mini>a),
 body.home.mm-premium-focus .mm-header :is(button,.mm-button){transition-duration:0s}
}

/* Compact hero geometry: actual sizes, with viewport-safe copy expansion. */
#mm-home-shell main.mm-home.diagnostic-preview .ref-hero-copy{width:120%;min-width:0}
#mm-home-shell main.mm-home.diagnostic-preview .ref-hero h1{font-size:clamp(2.025rem,3.24vw,3.15rem);max-width:29.333333ch}
#mm-home-shell main.mm-home.diagnostic-preview .ref-hero-copy>p{font-size:1.2375rem;line-height:1.4;color:#565656}
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences{gap:12.8px}
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences>a{width:80%;justify-self:end;min-height:83.2px;gap:12.8px;padding:17.6px 16px;border-radius:19.2px;--role-accent:#020233;--role-line:rgba(2,2,51,.1);--role-light:rgba(255,255,255,.35);--role-end:#a9dafd}
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences>a:nth-child(2){--role-end:#72bb82}
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences>a:nth-child(3){--role-end:#f97b4f}
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences strong{font-size:1.2rem}
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences strong+span{font-size:.9rem;margin-top:4px}
#mm-home-shell main.mm-home.diagnostic-preview .ref-role-icon{width:43.2px;height:46.4px;border-radius:11.2px}
#mm-home-shell main.mm-home.diagnostic-preview .ref-role-icon svg{width:21.6px;height:21.6px}
#mm-home-shell main.mm-home.diagnostic-preview .ref-audiences>a>svg{width:19.2px;height:19.2px}
#mm-home-shell main.mm-home.diagnostic-preview .ref-start{font-size:.8rem;line-height:1.5;min-height:44.8px;padding:11.2px 20.8px;gap:12.8px}
#mm-home-shell main.mm-home.diagnostic-preview .ref-start svg{width:19.2px;height:19.2px}
@media(max-width:1100px){
 #mm-home-shell main.mm-home.diagnostic-preview .ref-audiences>a{padding:14.4px 11.2px}
 #mm-home-shell main.mm-home.diagnostic-preview .ref-audiences strong{font-size:1rem}
}
@media(max-width:700px){
 #mm-home-shell main.mm-home.diagnostic-preview .ref-hero-copy{width:100%}
 #mm-home-shell main.mm-home.diagnostic-preview .ref-hero-copy>p{font-size:1.0125rem}
 #mm-home-shell main.mm-home.diagnostic-preview .ref-audiences{gap:9.6px}
 #mm-home-shell main.mm-home.diagnostic-preview .ref-audiences>a{justify-self:center;min-height:72px;padding:12.8px;border-radius:16px}
 #mm-home-shell main.mm-home.diagnostic-preview .ref-audiences strong+span{font-size:.8rem}
 #mm-home-shell main.mm-home.diagnostic-preview .ref-role-icon{width:38.4px;height:41.6px}
 #mm-home-shell main.mm-home.diagnostic-preview .ref-start{padding-inline:17.6px}
}