/* FVM Summary Text Styles */
.r1 { 
  font-style: italic; 
}

.r2 { 
  color: #008080; 
  text-decoration-color: #008080;
  font-style: italic; 
}

.r3 { 
  font-weight: bold;
}

.r4 { 
  color: #008000; 
  text-decoration-color: #008000; 
  font-weight: bold; 
}

.r5 { 
  color: #808000; 
  text-decoration-color: #808000; 
  font-weight: bold; 
}

.r6 { 
  color: #008080; 
  text-decoration-color: #008080; 
  font-weight: bold; 
}

/* Summary Block */
/* Container element */
.summary {
  container-type: inline-size; /* Establishes container query context */
  margin: 0;
  border: 1px solid var(--code-line);
  border-radius: var(--r-md, 8px);
  background: var(--code-bg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

/* Table code block */
.summary__code {
  margin: 0;
  padding: 1rem;
  color: var(--code-ink);
  background: transparent;

  /* 1. Monospace font stack */
  font-family: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  /* 2. Seamless vertical box borders */
  line-height: 1.0;
  letter-spacing: 0;

  /* 3. Prevent text wrapping & overflow scrollbars */
  white-space: pre !important;
  overflow-x: hidden;
  scrollbar-width: none;     /* Hides scrollbar in Firefox */
  -ms-overflow-style: none;  /* Hides scrollbar in IE/Edge */

  /* 4. Proportional scaling based on container width */
  font-size: clamp(0.55rem, 2.4cqw, 0.85rem);
}

.summary__code::-webkit-scrollbar {
  display: none;             /* Hides scrollbar in Chrome/Safari/iOS */
}

.summary__code code {
  white-space: pre !important;
  word-break: normal !important;
  display: block;
  background: transparent;
}

/* Reduce horizontal padding on narrow screens to give text more room */
@container (max-width: 450px) {
.summary__code {
    padding: 0.6rem;
  }
}