@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,200;0,300;0,400;0,700;1,400;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700');

html, body {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  height:100%;
  font-weight: 300; 
  font-size: 1.12rem; 
  color: #333 
}

html, body, .uk-card-title, h1, h2, div {
  font-family: 'IBM Plex Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,  Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif ; 
} 

pre, code { 
  font-family: 'IBM Plex Mono',monospace; 
  font-weight: 400; 
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem; 
  line-height: 120%; 
}

#extractedTextContent { 
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;

}

a {
  color: #1E90FF; 
  border-bottom: 1px solid #ccc; 
  text-decoration: none;  
  transition: color  0.2s ease-in, border 0.2s ease; 
}
a:hover { color: #111; border-bottom: 1px solid #111; text-decoration: none;  }


.message{
  text-align:left;
  line-height:1.35;
}

h1, h2, h3, .uk-card-title {
  margin:0 0 .5rem;
  font-weight:200;
  letter-spacing: -0.3px; 
}

.uk-card-title { 
  font-size:1.5rem;
  font-weight:300;
}



/* Responsive typography */
@media (max-width: 639px) {
  html, body {
    fonts-size: 1.05rem;
  }
  
  h1 {
    fonts-size: 1.95rem;
  }
  
  .uk-card-title {
    fonts-size: 1.25rem;
  }
  
  pre, code {
    fonts-size: 1.1rem;
  }
}

/* Add padding control for mobile */
.uk-container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 640px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}