/* Homepage final visual pass — frontend only. */

/* Hero: no portrait and no feature-circle strip. */
.mc-home-v3__teacher{display:none!important}
.mc-home-v3__hero{height:390px!important}
.mc-home-v3__hero-inner{height:390px!important}
.mc-home-v3__hero-copy{width:58%!important}
.mc-home-v3__chalkboard{right:5%;width:42%;opacity:.28}
.mc-home-v3__hero-features{display:none!important}

/* Category illustrations: simple, balanced book shapes. */
.mc-home-v3__book-stack{left:5%;bottom:10px;width:29%;height:126px;transform:none}
.mc-home-v3__book-stack i{height:27px;left:8%;width:84%;border:1px solid #d6e1ec;background:linear-gradient(90deg,#176fd2 0 14%,#fff 14% 100%);border-radius:4px 8px 6px 4px;box-shadow:0 4px 7px rgba(24,83,140,.12)}
.mc-home-v3__book-stack i:nth-child(1){bottom:3px;transform:rotate(-1deg)}
.mc-home-v3__book-stack i:nth-child(2){bottom:30px;left:4%;width:90%;transform:rotate(1deg)}
.mc-home-v3__book-stack i:nth-child(3){bottom:57px;left:12%;width:78%;transform:rotate(-1deg)}
.mc-home-v3__book-stack b{left:25%;bottom:83px;width:50%;height:25px;border:1px solid #d6e1ec;background:#fff;border-radius:4px;transform:rotate(-2deg);box-shadow:0 3px 6px rgba(24,83,140,.09)}
.mc-home-v3__open-book{left:5%;bottom:12px;width:29%;height:124px}
.mc-home-v3__open-book:before,.mc-home-v3__open-book:after{bottom:15px;width:45%;height:70px;background:#fffaf1;border:2px solid #f28a29;box-shadow:0 4px 7px rgba(153,83,30,.09)}
.mc-home-v3__open-book:before{left:5%;transform:skewY(7deg) rotate(-3deg);border-radius:7px 2px 2px 7px}
.mc-home-v3__open-book:after{right:5%;transform:skewY(-7deg) rotate(3deg);border-radius:2px 7px 7px 2px}
.mc-home-v3__open-book i{left:47%;bottom:4px;width:8px;height:82px;background:#2b73b7;transform:rotate(28deg)}
.mc-home-v3__open-book b{display:none}
.mc-home-v3__open-book em{left:42%;bottom:7px;width:24px;height:8px;background:#f28a29;transform:none}

/* Popular course covers: background color only — no vector artwork or uploaded cover image. */
.mc-home-v3__course-cover{position:relative;overflow:hidden;background:#bfe6fa!important}
.mc-home-v3__course-cover:before,.mc-home-v3__course-cover:after{display:none!important;content:none!important}
.mc-home-v3__course-cover img{display:none!important}
.mc-home-v3__course-cover--1{background:#bfe6fa!important}
.mc-home-v3__course-cover--2{background:#f8cbd2!important}
.mc-home-v3__course-cover--3{background:#bfeee3!important}
.mc-home-v3__course-cover--4{background:#ffe0ae!important}

/* Course card: keep only the course name. */
.mc-home-v3__course-card{display:block!important}
.mc-home-v3__course-cover{width:100%;height:150px!important}
.mc-home-v3__course-body{display:none!important}
.mc-home-v3__cover-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px 18px;box-sizing:border-box;color:#073f91}
.mc-home-v3__cover-copy b{display:block;width:100%;max-width:92%;font-size:23px;line-height:1.28;font-weight:900;letter-spacing:.01em;overflow-wrap:normal;word-break:keep-all}
.mc-home-v3__cover-copy small,.mc-home-v3__cover-copy em{display:none!important}
.mc-home-v3__course-cover--2 .mc-home-v3__cover-copy{color:#0c3d91}
.mc-home-v3__course-cover--3 .mc-home-v3__cover-copy{color:#07545c}
.mc-home-v3__course-cover--4 .mc-home-v3__cover-copy{color:#bd4a16}
.mc-home-v3__course-button,.mc-home-v3__course-button:visited{display:none!important}

/* Larger homepage typography. */
.mc-home-v3__nav a{font-size:15px}
.mc-home-v3__account{font-size:13px}
.mc-home-v3__hero-button{font-size:18px;padding:14px 31px}
.mc-home-v3__section-heading h2{font-size:24px}
.mc-home-v3__section-heading>a{font-size:13px}
.mc-home-v3__type-copy h3{font-size:31px}
.mc-home-v3__type-copy p{font-size:14px}
.mc-home-v3__type-copy span{font-size:14px;padding:10px 21px}
.mc-home-v3__reason-grid b{font-size:14px}
.mc-home-v3__reason-grid span{font-size:10px}

/* Symmetric open-book logo. */
.mc-home-v3__brand-mark{position:relative;width:44px;height:38px;flex:0 0 44px}
.mc-home-v3__brand-mark:before,.mc-home-v3__brand-mark:after{content:"";position:absolute;top:5px;width:18px;height:27px;box-sizing:border-box;background:#1769d8}
.mc-home-v3__brand-mark:before{left:3px;border-radius:4px 2px 2px 8px;clip-path:polygon(0 5%,88% 0,100% 100%,10% 90%)}
.mc-home-v3__brand-mark:after{right:3px;border-radius:2px 4px 8px 2px;clip-path:polygon(12% 0,100% 5%,90% 90%,0 100%)}
.mc-home-v3__brand-mark i{position:absolute;z-index:3;left:20px;top:5px;width:4px;height:30px;background:#fff;border-radius:99px;box-shadow:0 0 0 1px rgba(23,105,216,.12)}
.mc-home-v3__brand-mark i:after{content:"";position:absolute;left:-3px;bottom:-2px;width:10px;height:5px;background:#1769d8;border-radius:0 0 3px 3px}
.mc-home-v3__brand-mark b{display:none}
.mc-home-v3__footer-brand>i{position:relative;width:44px;height:36px;border:0;border-radius:0;background:transparent;font-size:0;color:transparent}
.mc-home-v3__footer-brand>i:before,.mc-home-v3__footer-brand>i:after{content:"";position:absolute;top:5px;width:18px;height:27px;box-sizing:border-box;background:#fff}
.mc-home-v3__footer-brand>i:before{left:3px;border-radius:4px 2px 2px 8px;clip-path:polygon(0 5%,88% 0,100% 100%,10% 90%)}
.mc-home-v3__footer-brand>i:after{right:3px;border-radius:2px 4px 8px 2px;clip-path:polygon(12% 0,100% 5%,90% 90%,0 100%)}

/* Desktop final spacing: keep the hero compact and remove any gap before sections. */
.mc-home-v3__types{margin-top:0!important}
.mc-home-v3__hero + .mc-home-v3__types{padding-top:26px}

@media(max-width:900px){
  /* Compact mobile header. */
  .mc-home-v3__header{height:60px!important}
  .mc-home-v3__header-inner{height:60px!important;padding:0 14px!important;gap:0!important}
  .mc-home-v3__brand{min-width:0!important;flex:1 1 auto;gap:8px!important}
  .mc-home-v3__brand-copy strong{font-size:17px!important}
  .mc-home-v3__brand-copy small{font-size:6px!important;margin-top:2px!important}
  .mc-home-v3__nav,.mc-home-v3__header-tools{display:none!important}
  .mc-home-v3__menu{display:flex!important;margin-left:auto;width:40px;height:40px;padding:8px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:0;border-radius:8px}
  .mc-home-v3__menu span{display:block;width:22px;height:2px;border-radius:2px;background:#18385f}
  .mc-home-v3__mobile-nav{display:none!important;position:absolute;left:10px;right:10px;top:60px;padding:7px;background:#fff;border:1px solid #e5ebf3;border-radius:0 0 10px 10px;box-shadow:0 8px 24px rgba(20,48,82,.12);z-index:50}
  .mc-home-v3__mobile-nav.is-open{display:grid!important}
  .mc-home-v3__mobile-nav a{padding:12px 14px;color:#233750;font-size:14px;font-weight:700;border-radius:7px}
  .mc-home-v3__mobile-nav a:active{background:#f2f7fc}

  /* Hero: compact and directly connected to the first section. */
  .mc-home-v3__hero{height:300px!important;min-height:300px!important;margin-bottom:0!important}
  .mc-home-v3__hero-inner{height:300px!important;min-height:300px!important;padding:29px 6.5% 0!important}
  .mc-home-v3__hero-copy{width:100%!important}
  .mc-home-v3__chalkboard{right:-24%;width:63%;height:175px;opacity:.12}
  .mc-home-v3__hero-features{display:none!important}
  .mc-home-v3__hero-button{font-size:15px;padding:12px 21px}

  /* Mobile section headings stay on one visual row where possible. */
  .mc-home-v3__section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important}
  .mc-home-v3__section-heading>div{display:flex!important;align-items:center!important;gap:7px!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important}
  .mc-home-v3__section-heading .accent{width:3px!important;height:19px!important;flex:0 0 3px!important}
  .mc-home-v3__section-heading h2{font-size:16px!important;line-height:1.25!important;white-space:nowrap!important;word-break:keep-all!important;overflow:hidden!important;text-overflow:clip!important}
  .mc-home-v3__section-heading p{position:absolute!important;margin:24px 0 0 10px!important;font-size:8px!important;white-space:nowrap!important}
  .mc-home-v3__section-heading>a{display:block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;font-size:9px!important;white-space:nowrap!important}

  /* Category cards: retain the reference's horizontal composition. */
  .mc-home-v3__types{padding-top:15px!important;padding-bottom:8px!important}
  .mc-home-v3__type-grid{grid-template-columns:1fr!important;gap:8px!important}
  .mc-home-v3__type-card{height:104px!important;min-height:104px!important;border-radius:8px!important}
  .mc-home-v3__type-copy{left:36%!important;right:3%!important;top:12px!important;transform:none!important}
  .mc-home-v3__type-copy h3{font-size:22px!important;margin-bottom:4px!important}
  .mc-home-v3__type-copy p{font-size:9px!important;line-height:1.3!important;margin:1px 0!important}
  .mc-home-v3__type-copy span{margin-top:5px!important;font-size:10px!important;padding:6px 12px!important}
  .mc-home-v3__book-stack,.mc-home-v3__open-book{left:3%!important;bottom:5px!important;width:30%!important;height:82px!important}

  /* Popular courses: large clean color cards, title only. */
  .mc-home-v3__popular{padding-top:11px!important}
  .mc-home-v3__course-grid{grid-template-columns:1fr!important;gap:8px!important}
  .mc-home-v3__course-card{display:block!important;width:100%!important;height:92px!important;min-height:92px!important;border-radius:7px!important;overflow:hidden!important}
  .mc-home-v3__course-cover{display:flex!important;width:100%!important;height:92px!important;min-height:92px!important;align-items:center!important;justify-content:center!important}
  .mc-home-v3__course-body{display:none!important}
  .mc-home-v3__cover-copy{position:absolute!important;inset:0!important;padding:12px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  .mc-home-v3__cover-copy b{font-size:18px!important;line-height:1.3!important;max-width:96%!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important}

  .mc-home-v3__reasons{padding-top:10px!important;padding-bottom:9px!important}
  .mc-home-v3__reason-grid{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  .mc-home-v3__reason-grid b{font-size:10px!important}
  .mc-home-v3__reason-grid span{font-size:7px!important}
  .mc-home-v3__cta{margin-top:0!important}
}

@media(max-width:560px){
  .mc-home-v3__hero-copy h1{font-size:clamp(31px,9.1vw,40px)!important;line-height:1.08!important}
  .mc-home-v3__hero-copy p{font-size:11px!important;margin-top:12px!important;margin-bottom:15px!important}
  .mc-home-v3__section{padding-left:14px!important;padding-right:14px!important}
  .mc-home-v3__section-heading h2{font-size:15px!important}
  .mc-home-v3__section-heading>a{font-size:9px!important}
  .mc-home-v3__type-card{height:100px!important;min-height:100px!important}
  .mc-home-v3__type-copy h3{font-size:21px!important}
  .mc-home-v3__type-copy p{font-size:9px!important}
  .mc-home-v3__course-card,.mc-home-v3__course-cover{height:88px!important;min-height:88px!important}
  .mc-home-v3__cover-copy b{font-size:17px!important}
}

@media(max-width:380px){
  .mc-home-v3__header,.mc-home-v3__header-inner{height:58px!important}
  .mc-home-v3__mobile-nav{top:58px}
  .mc-home-v3__hero{height:292px!important;min-height:292px!important}
  .mc-home-v3__hero-inner{height:292px!important;min-height:292px!important;padding-top:28px!important}
  .mc-home-v3__hero-copy h1{font-size:30px!important}
  .mc-home-v3__section-heading h2{font-size:14px!important}
  .mc-home-v3__type-card{height:96px!important;min-height:96px!important}
  .mc-home-v3__course-card,.mc-home-v3__course-cover{height:84px!important;min-height:84px!important}
}