/* Subject carousel polish. Scoped to the ground-school section. */
#ground-school {
  position: relative;
  background-color: #17181b;
  background-image: radial-gradient(ellipse at 93% 8%, rgba(227,33,44,.11), transparent 48%);
  border-top: 1px solid #242529;
}
#ground-school .section-heading { position: relative; z-index: 1; }
#ground-school .eyebrow { color: #ff737b; letter-spacing: .13em; }
#ground-school h2 { max-width: 550px; letter-spacing: -.045em; }
#ground-school .subject-heading-right > p { color: #b4b5bc; line-height: 1.75; }
#ground-school .subject-controls { flex-wrap: wrap; gap: 8px; }
#ground-school .subject-controls button,
#ground-school .subject-controls button:first-child {
  width: auto;
  min-width: 68px;
  height: 44px;
  min-height: 44px;
  padding: 0 15px;
  border-radius: 8px;
  border: 1px solid #ffffff30;
  color: #e6e6ea;
  font-size: 12px;
  line-height: 1;
  margin-right: 0;
  background: #ffffff05;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
#ground-school .subject-controls button:hover:not(:disabled) {
  background: #ffffff12;
  border-color: #ff737b;
  color: #fff;
}
#ground-school .subject-controls button:disabled { opacity: .35; cursor: default; }
#ground-school .illustrated-subject {
  border: 1px solid #ffffff28;
  background: #fafafa;
  border-radius: 19px;
  box-shadow: 0 12px 28px -22px #000;
  transition: transform .32s cubic-bezier(.22,.61,.36,1), border-color .25s ease, box-shadow .32s ease;
}
#ground-school .subject-illustration { border-radius: 12px; }
#ground-school .subject-illustration > span {
  color: #5b5c62;
  background: #ffffffcc;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 3px 7px;
  line-height: 1.4;
  backdrop-filter: blur(6px);
}
#ground-school .subject-copy { padding: 22px 17px 17px; }
#ground-school .subject-copy h3 { color: #18191d; font-weight: 500; }
#ground-school .subject-copy p { color: #62646c; }
#ground-school .subject-bottom {
  justify-content: flex-start;
  width: fit-content;
  color: #7d1822;
  border-bottom: 1px solid #e3212c35;
  padding-bottom: 3px;
  transition: border-color .2s ease, color .2s ease;
}
#ground-school .subject-bottom i { display: none; }
#ground-school .subject-scroll-meter {
  width: min(260px, 50%);
  height: 3px;
  margin-top: 22px;
  background: #ffffff25;
}
#ground-school .subject-scroll-meter > span { background: #ed4650; }
#ground-school .subject-mobile-hint { color: #aaaab3; letter-spacing: 0; }
#ground-school .subject-mobile-hint > span { display: none; }
@media (hover: hover) and (pointer: fine) {
  #ground-school .illustrated-subject:hover {
    border-color: #e3212c;
    transform: translateY(-4px);
    box-shadow: 0 16px 30px -20px #000;
  }
  #ground-school .illustrated-subject:hover .subject-bottom { border-color: #e3212c; color: #b41b26; }
  #ground-school .illustrated-subject:hover .subject-illustration img { transform: scale(1.045); }
}
@media (max-width: 760px) {
  #ground-school .subject-controls { margin-top: 18px; }
  #ground-school .subject-controls button,
  #ground-school .subject-controls button:first-child { display: grid; min-width: 70px; }
  #ground-school .subject-heading-right > p { font-size: 13px; }
  #ground-school .subject-copy { padding: 20px 16px 16px; }
  #ground-school .subject-copy h3 { font-size: 24px; }
  #ground-school .subject-copy p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  #ground-school .illustrated-subject,
  #ground-school .subject-illustration img,
  #ground-school .subject-controls button,
  #ground-school .subject-bottom { transition: none; }
  #ground-school .illustrated-subject:hover,
  #ground-school .illustrated-subject:hover .subject-illustration img { transform: none; }
}