
body:has(#app > .app-header) :is(.reader-content,.removed-question-content) {
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body:has(#app > .app-header) :is(.reader-content .options,.removed-feature-options) {
  grid-auto-rows:max-content !important;
  align-items:start !important;
}
body:has(#app > .app-header) :is(
  .reader-content .option,
  .reader-content .option.active,
  .reader-content .option.correct,
  .reader-content .option.incorrect
) {
  height:auto !important;
  block-size:auto !important;
  min-height:0 !important;
  min-block-size:0 !important;
  max-height:none !important;
  max-block-size:none !important;
  align-self:stretch !important;
  overflow:visible !important;
  border-width:0 !important;
  gap:0 !important;
}
body:has(#app > .app-header) :is(
  .removed-option,
  .removed-option.draft,
  .removed-option.correct,
  .removed-option.incorrect
) {
  height:auto !important;
  block-size:auto !important;
  min-height:0 !important;
  min-block-size:0 !important;
  max-height:none !important;
  max-block-size:none !important;
  align-self:stretch !important;
  overflow:visible !important;
  border-width:.5px !important;
  gap:11px !important;
}
body:has(#app > .app-header) .reader-content .option-text {
  display:inline !important;
  min-width:0 !important;
  max-width:none !important;
  flex:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:inherit !important;
}
body:has(#app > .app-header) .removed-option-text {
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  flex:1 1 0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.30 !important;
}


body:has(#app > .app-header) .reader-content .option:not(.correct):not(.incorrect):not(.active) {
  border:0 !important;
  box-shadow:none !important;
}
body:has(#app > .app-header) .removed-option:not(.correct):not(.incorrect):not(.draft) {
  border-color:color-mix(in srgb,var(--line-strong) 42%,var(--surface)) !important;
}

/* Every theme: shaded lead-in keeps its strong left rule and gains a very thin matching frame. */
body:has(#app > .app-header) :is(.reader-content,.removed-question-content) .lead-in {
  border-style:solid !important;
  border-width:1px 1px 1px 5px !important;
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line)) !important;
}
