body.is-ai .study>h1:first-child::before {
   content: "STUDENT REVISION GUIDE";
}

.study>h1 {
   overflow-wrap: anywhere;
}

.decode {
   margin: 18px 0;
   padding: 14px 16px;
   background: var(--surface);
   border: 1px dashed var(--line);
   border-radius: 8px;
}

.decode-title {
   color: var(--accent);
   font-size: 12px;
   font-weight: 700;
}

.decode dl,
.gloss dl {
   display: grid;
   grid-template-columns: minmax(140px, max-content) minmax(0, 1fr);
   gap: 6px 16px;
}

.decode dt,
.gloss dt {
   font-weight: 700;
   color: var(--accent-bright);
}

.decode dd,
.gloss dd {
   margin: 0;
}

.qa-list {
   margin: 0;
   padding-left: 2.5rem;
}

.qa-list li {
   margin: 0 0 14px;
   padding-bottom: 14px;
   border-bottom: 1px solid var(--line);
}

.qa-list li:last-child {
   border-bottom: 0;
}

.qa-list .question {
   display: block;
   color: var(--accent-bright);
   font-weight: 700;
}

.qa-list .answer {
   margin: 8px 0 0;
}

.analogy-body {
   min-width: 0;
}


@media(max-width:760px) {

   .decode dl,
   .gloss dl {
      grid-template-columns: 1fr;
   }

   .decode dd,
   .gloss dd {
      margin-bottom: 8px;
   }
}