/* A training report: violet energy, teal measurements, warm paper. */
.theme-jujutsu_kaisen {
  --ink: #24232d;
  --muted: #5e5b66;
  --paper: #f5f1e7;
  --accent: #654089;
  --accent-light: #ece2f5;
  --line: #cfc8d0;
  --mint: #dcece5;
  --rose: #eee0e8;
  background: linear-gradient(115deg, #d4d9d2, #ebe6dc 55%, #d9cfe2);
  color: var(--ink);
}

.theme-jujutsu_kaisen .shell {
  max-width: 1160px;
  padding-top: 30px;
}

.theme-jujutsu_kaisen .topbar {
  margin-bottom: 23px;
  padding-bottom: 18px;
  border-bottom: 2px solid var(--ink);
}

.theme-jujutsu_kaisen .brand span {
  color: var(--accent);
}

.theme-jujutsu_kaisen .notebook {
  border: 1px solid #a69da9;
  border-radius: 0;
  box-shadow: 7px 7px 0 #aaa2ad, 0 28px 60px #28223815;
}

.theme-jujutsu_kaisen .notebook::before {
  display: none;
}

.theme-jujutsu_kaisen .hero {
  grid-template-columns: 1.2fr 1fr;
  padding: 38px 34px 37px 47px;
  gap: 12px;
  background: #191824;
  border-left: 8px solid #8bd4c4;
  border-bottom: 1px solid #191824;
}

.theme-jujutsu_kaisen .hero > div {
  position: relative;
  z-index: 1;
}

.theme-jujutsu_kaisen .hero .eyebrow {
  color: #9ad9c9;
  border-bottom: 1px solid #5b5267;
  padding-bottom: 15px;
  max-width: 360px;
}

.theme-jujutsu_kaisen h1,
.theme-jujutsu_kaisen h2 {
  font-family: Impact, "Arial Narrow", "Franklin Gothic Medium", sans-serif;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.05;
}

.theme-jujutsu_kaisen h1 {
  color: #f6f0e3;
  font-size: clamp(2.8rem, 5vw, 4.6rem);
  text-transform: uppercase;
}

.theme-jujutsu_kaisen .lede {
  color: #d0c6da;
  border-left: 2px solid #b697db;
  padding-left: 17px;
  font-size: .94rem;
  margin: 25px 0 0;
}

.theme-jujutsu_kaisen .hero-art {
  max-width: 400px;
  transform: rotate(2deg);
}

.theme-jujutsu_kaisen .eyebrow,
.theme-jujutsu_kaisen .edition,
.theme-jujutsu_kaisen .quiz-details dt,
.theme-jujutsu_kaisen .question-meta {
  font-family: "Courier New", monospace;
  font-weight: 700;
}

.theme-jujutsu_kaisen .quiz-details {
  margin: 0;
  padding: 0;
  gap: 0;
  border-top: 0;
  border-bottom: 0;
}

.theme-jujutsu_kaisen .quiz-details > div {
  padding: 23px 32px 23px 47px;
  border-bottom: 1px solid var(--line);
}

.theme-jujutsu_kaisen .quiz-details > div:nth-child(even) {
  border-left: 1px solid var(--line);
  padding-left: 30px;
}

.theme-jujutsu_kaisen .quiz-details dt {
  font-size: .72rem;
  letter-spacing: .07em;
}

.theme-jujutsu_kaisen .intro-actions {
  padding: 27px 47px;
}

.theme-jujutsu_kaisen .primary,
.theme-jujutsu_kaisen .quiet {
  border-radius: 0;
}

.theme-jujutsu_kaisen .primary {
  box-shadow: 3px 3px 0 #b7a4c8;
}

.theme-jujutsu_kaisen .primary:hover:not(:disabled) {
  background: #4c2c6b;
}

.theme-jujutsu_kaisen .cast-strip {
  padding: 16px 47px;
  background: #24232d;
  color: #eee5f6;
  border-top: 3px solid #8bd4c4;
  font-size: .73rem;
}

.theme-jujutsu_kaisen .cast-strip span::before {
  content: "/";
  color: #8bd4c4;
  font-weight: 800;
}

.theme-jujutsu_kaisen .quiz-stage {
  padding: 40px 48px 45px;
  border-top: 8px solid #25232e;
}

.theme-jujutsu_kaisen .quiz-stage h2 {
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1.13;
}

.theme-jujutsu_kaisen progress,
.theme-jujutsu_kaisen progress::-webkit-progress-bar {
  background: #d9d3df;
  border-radius: 0;
}

.theme-jujutsu_kaisen .answer {
  border-radius: 0;
  background: #fffdf7;
}

.theme-jujutsu_kaisen .answer:hover {
  background: #ece8f1;
  border-color: #7f698f;
}

.theme-jujutsu_kaisen .answer:has(input:checked) {
  background: var(--accent-light);
}

.theme-jujutsu_kaisen .answer-letter {
  border-radius: 0;
  background: #eae4ec;
  font-family: "Courier New", monospace;
}

.theme-jujutsu_kaisen .result-heading {
  border-bottom: 3px solid #272430;
}

.theme-jujutsu_kaisen .result-heading h2 {
  font-size: clamp(3rem, 6vw, 5.4rem);
  text-transform: uppercase;
}

.theme-jujutsu_kaisen .profile-notes > div,
.theme-jujutsu_kaisen .scorecard,
.theme-jujutsu_kaisen .answer-trail,
.theme-jujutsu_kaisen .shared-banner,
.theme-jujutsu_kaisen .tie-note {
  border-radius: 0;
}

.theme-jujutsu_kaisen .profile-notes > div {
  border-left: 3px solid #43816e;
}

.theme-jujutsu_kaisen .profile-notes > div + div {
  border-left-color: #89647a;
}

.theme-jujutsu_kaisen .scorecard {
  background: #ebe6ee;
  border: 1px solid #c3b6cd;
  border-top: 4px solid #654089;
}

.theme-jujutsu_kaisen .scorecard h3 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-weight: 800;
}

.theme-jujutsu_kaisen meter,
.theme-jujutsu_kaisen meter::-webkit-meter-bar {
  background: #d5cddd;
  border-radius: 0;
}

@media (max-width: 720px) {
  .theme-jujutsu_kaisen .shell {
    padding: 20px 15px 28px;
  }

  .theme-jujutsu_kaisen .edition {
    max-width: 120px;
    text-align: right;
    font-size: .6rem;
  }

  .theme-jujutsu_kaisen .hero {
    grid-template-columns: 1fr;
    padding: 29px 24px 18px;
    border-left-width: 5px;
    gap: 21px;
  }

  .theme-jujutsu_kaisen .hero h1 {
    font-size: clamp(2.35rem, 10.5vw, 4rem);
  }

  .theme-jujutsu_kaisen .hero-art {
    max-width: 270px;
    margin: 0 auto;
  }

  .theme-jujutsu_kaisen .quiz-details > div {
    padding: 20px 22px;
  }

  .theme-jujutsu_kaisen .quiz-details > div:nth-child(even) {
    padding-left: 22px;
  }

  .theme-jujutsu_kaisen .intro-actions {
    padding: 25px 24px;
  }

  .theme-jujutsu_kaisen .cast-strip {
    padding: 16px 24px;
  }

  .theme-jujutsu_kaisen .quiz-stage {
    padding: 28px 24px 35px;
  }
}

@media (max-width: 420px) {
  .theme-jujutsu_kaisen .quiz-details {
    grid-template-columns: 1fr;
  }

  .theme-jujutsu_kaisen .quiz-details > div:nth-child(even) {
    border-left: 0;
  }
}