/* Global styles, edit to customize */
@import url("https://unpkg.com/m-@3.2.0/dist/m-.css");
/*@import url("../_COMMON_/fonts.css");
@import url("../_COMMON_/reset.css");*/
@import url("../_COMMON_/default.css");

/* Styling for the page(s) in this folder*/
div#outputdiv {
  white-space: pre;
  overflow-x: auto;
}
.scrollable-text {
  /* Approximate height for 4 lines of text (assuming line-height ~1.5) */
  height: 6em; /* 4 rows * 1.5 line-height = 6em */
  
  width: 100%;         /* Full width to fit container, adjusts on mobile */
  max-width: 1200px;    /* Optional max width for large screens */
  
  overflow-y: auto;    /* Allows vertical scrolling */
  padding: 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  
  font-size: 1rem;     /* Base font size */
  line-height: 1.5;    /* Consistent line height */
}

/* Mobile responsiveness */
@media (max-width: 600px) {
  .scrollable-text {
    height: 5em;        /* Slightly smaller height on small screens */
    font-size: 0.9rem;  /* Adjust font size if needed */
  }
}