/* PPL 1.9.3 front-end Gutenberg rendering */
.ppl-section{margin:2rem auto;max-width:100%}
.ppl-question{margin:1.25rem 0;padding:1.1rem 1.2rem;border:1px solid #dcdcde;border-radius:8px;background:#fff}
.ppl-question__header{display:flex;gap:.65rem;align-items:center;margin-bottom:.8rem;flex-wrap:wrap}
.ppl-question__marks{opacity:.7;font-size:.92em}
.ppl-options{margin:1rem 0}
.ppl-options__label,.ppl-answer__label{font-size:.75rem;font-weight:700;letter-spacing:.06em;opacity:.7;margin-bottom:.5rem}
.ppl-option{display:flex;gap:.75rem;margin:.55rem 0;line-height:1.55}
.ppl-option__letter{flex:0 0 2rem;font-weight:700}
.ppl-option__body{flex:1;min-width:0}
.ppl-answer{margin-top:1rem;padding:1rem;border-left:4px solid #12b76a;background:#f6fef9;border-radius:0 6px 6px 0}
.ppl-answer__toggle{border:1px solid #667085;background:#fff;color:#172033;padding:.5rem .85rem;border-radius:5px;cursor:pointer;font-weight:700}
.ppl-answer__toggle:hover{background:#f8fafc}
.ppl-answer__content[hidden]{display:none!important}
.ppl-answer.is-open .ppl-answer__content{display:block;margin-top:1rem}
.ppl-question img,.ppl-section img{max-width:100%;height:auto}
.ppl-question table,.ppl-section table{max-width:100%;border-collapse:collapse}
.ppl-question th,.ppl-question td,.ppl-section th,.ppl-section td{padding:.55rem .7rem;border:1px solid #cbd5e1;vertical-align:top}
@media(max-width:700px){
 .ppl-question{padding:.85rem}
 .ppl-option{gap:.5rem}
 .ppl-option__letter{flex-basis:1.7rem}
}


/* v1.9.13: Learner-facing Answer / Memo toggle for standalone Papers and LearnDash. */
.ppl-answer--collapsed{
  margin-top:1rem;
  padding:1rem;
  border-left:4px solid #12b76a;
  background:#f6fef9;
  border-radius:0 6px 6px 0;
}
.ppl-answer--collapsed .ppl-answer__toggle{
  border:1px solid #667085;
  background:#fff;
  color:#172033;
  padding:.55rem .9rem;
  border-radius:5px;
  cursor:pointer;
  font-weight:700;
}
.ppl-answer--collapsed .ppl-answer__toggle:hover{
  background:#f8fafc;
}
.ppl-answer--collapsed .ppl-answer__content[hidden]{
  display:none!important;
}
.ppl-answer--collapsed.is-open .ppl-answer__content{
  display:block;
  margin-top:1rem;
}


/* v1.9.18: legacy HTML-import Answer / Memo toggle compatibility.
   Some imported Paper HTML uses .ppl-answer-toggle + .ppl-answer,
   while Gutenberg Answer blocks use .ppl-answer__toggle.
   Both formats must behave identically. */
.ppl-answer-toggle{
  display:inline-block;
  border:1px solid #667085;
  background:#fff;
  color:#172033;
  padding:.55rem .9rem;
  border-radius:5px;
  cursor:pointer;
  font-weight:700;
  line-height:1.2;
}
.ppl-answer-toggle:hover{background:#f8fafc}
.ppl-answer--legacy{
  margin-top:1rem;
  padding:1rem;
  border-left:4px solid #12b76a;
  background:#f6fef9;
  border-radius:0 6px 6px 0;
}
.ppl-answer--legacy[hidden]{display:none!important}
.ppl-answer--legacy.is-open{display:block}

/* v1.9.19 — global learner answer template */
.ppl-reader-controls{
  display:flex;
  justify-content:flex-end;
  gap:.5rem;
  margin:0 0 1rem;
}
.ppl-reader-controls .ppl-outline{
  cursor:pointer;
  font-weight:700;
}
.ppl-reader-controls .ppl-outline.is-partial{
  opacity:.85;
}
details.ppl-answer-template{
  margin:1rem 0 0;
  border:1px solid #d0d5dd;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
details.ppl-answer-template > summary{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  margin:.75rem;
  padding:.55rem .9rem;
  border-radius:5px;
  background:#0b74de;
  color:#fff;
  font-weight:700;
  user-select:none;
}
details.ppl-answer-template > summary::-webkit-details-marker{display:none}
details.ppl-answer-template > summary:focus-visible,
.ppl-reader-controls .ppl-outline:focus-visible{
  outline:3px solid rgba(11,116,222,.25);
  outline-offset:2px;
}
details.ppl-answer-template[open] > summary{
  background:#344054;
}
details.ppl-answer-template .ppl-answer-body{
  margin:0;
  padding:1rem;
  border-top:1px solid #eaecf0;
  background:#f6fef9;
  border-left:4px solid #12b76a;
}
.ppl-answer-template .ppl-answer-body p:first-child{margin-top:0}
.ppl-answer-template .ppl-answer-body p:last-child{margin-bottom:0}