.discipline-symbol {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border: 1px solid color-mix(in srgb, var(--discipline-color) 22%, white);
  border-radius: 14px;
  background: color-mix(in srgb, var(--discipline-color) 10%, white);
  color: var(--discipline-color);
}
.discipline-symbol svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.discipline-symbol.compact { width: 34px; height: 34px; border-radius: 10px; }
.discipline-symbol.compact svg { width: 21px; height: 21px; }
.discipline-symbol.hero { width: 70px; height: 70px; border-radius: 20px; }
.discipline-symbol.hero svg { width: 42px; height: 42px; }
.discipline-title-with-symbol { display: flex; align-items: center; gap: 11px; min-width: 0; }
.discipline-title-with-symbol h1, .discipline-title-with-symbol h2 { min-width: 0; margin: 0; }
.teacher-discipline-card .discipline-title-with-symbol { margin: 9px 0 4px; }
.teacher-discipline-card .discipline-title-with-symbol h2 { margin: 0; }
/* Padrão dos cards: disciplina no canto inferior direito, atrás do conteúdo. */
:is(.teacher-discipline-card, .teacher-archive-card) { position: relative; isolation: isolate; overflow: hidden; }
:is(.teacher-discipline-card, .teacher-archive-card) > :not(.card-watermark):not(.course-card-watermark) { position: relative; z-index: 1; }
:is(.teacher-discipline-card, .teacher-archive-card) > .card-watermark {
  position: absolute;
  right: -32px;
  bottom: -52px;
  z-index: 0;
  width: 190px;
  height: 190px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--subject-color);
  opacity: .12;
  transform: rotate(-12deg);
  pointer-events: none;
}
:is(.teacher-discipline-card, .teacher-archive-card) > .card-watermark svg { width: 158px; height: 158px; stroke-width: 1.25; }
.subject-header .discipline-title-with-symbol { margin: 8px 0; }
.student-subject-card .subject-card-heading > .discipline-symbol { padding: 0; border-radius: 14px; font-size: inherit; }
.student-discipline-hero .discipline-mark > .discipline-symbol.hero { border: 0; background: transparent; color: #fff; }
@supports not (color: color-mix(in srgb, red, white)) { .discipline-symbol { background: #f0f5f2; border-color: #dce4df; } }
@media (max-width: 600px) { .student-discipline-hero .discipline-mark > .discipline-symbol.hero { width: 55px; height: 55px; } .student-discipline-hero .discipline-mark > .discipline-symbol.hero svg { width: 34px; height: 34px; } }
@media (max-width: 600px) {
  :is(.teacher-discipline-card, .teacher-archive-card) > .card-watermark { width: 150px; height: 150px; right: -34px; bottom: -42px; }
  :is(.teacher-discipline-card, .teacher-archive-card) > .card-watermark svg { width: 124px; height: 124px; }
}

.teacher-subject-identity { position: relative; isolation: isolate; overflow: hidden; }
.teacher-subject-identity > .subject-header-copy,
.teacher-subject-identity > .subject-record { position: relative; z-index: 1; }
.teacher-subject-identity > .subject-header-copy { min-width: 0; }
.teacher-subject-identity > .turma-symbol.subject-course-watermark,
.teacher-subject-identity > .discipline-symbol.subject-discipline-watermark {
  position: absolute;
  z-index: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  pointer-events: none;
}
.teacher-subject-identity > .turma-symbol.subject-course-watermark {
  top: -74px;
  right: 186px;
  width: 218px;
  height: 218px;
  color: var(--turma-color);
  opacity: .12;
  transform: rotate(12deg);
}
.teacher-subject-identity > .turma-symbol.subject-course-watermark svg { width: 178px; height: 178px; stroke-width: 1.3; }
.teacher-subject-identity > .discipline-symbol.subject-discipline-watermark {
  right: 148px;
  bottom: -74px;
  width: 236px;
  height: 236px;
  color: var(--subject-color);
  opacity: .13;
  transform: rotate(-12deg);
}
.teacher-subject-identity > .discipline-symbol.subject-discipline-watermark svg { width: 196px; height: 196px; stroke-width: 1.3; }
@media (max-width: 800px) {
  .teacher-subject-identity > .turma-symbol.subject-course-watermark {
    top: -48px;
    right: -38px;
    width: 172px;
    height: 172px;
  }
  .teacher-subject-identity > .turma-symbol.subject-course-watermark svg { width: 140px; height: 140px; }
  .teacher-subject-identity > .discipline-symbol.subject-discipline-watermark {
    right: -42px;
    bottom: -66px;
    width: 184px;
    height: 184px;
  }
  .teacher-subject-identity > .discipline-symbol.subject-discipline-watermark svg { width: 150px; height: 150px; }
}