/* Universal font override - ensure ALL text uses Georgia */
* {
  font-family: "Georgia", "Times New Roman", "Noto Serif", "Droid Serif", serif !important;
}

.font,.font1,.small,#status1,#debug{font-family:"Georgia", "Times New Roman", "Noto Serif", serif;}
body{font-size:140%;background-color:#F8F5F0;color:#000000;font-family:"Georgia", "Times New Roman", "Noto Serif", "Droid Serif", serif;line-height:1.5;}
.font{font-size:100%}
.small{font-size:110%;}

/* Consistent spacing for all elements */
p, div, span, td, th, li, pre, blockquote, tr {
  line-height: 1.5;
}
a,a:hover,a:visited{text-decoration:none;color:#654321;}
a.nb{font-weight:normal;}
a:hover{text-decoration:underline;color:#8B4513;}
a.black{color:#000000}
.graybox{border-top:1px solid #B8A082;border-left:1px solid #B8A082;border-bottom:1px solid #E0D5C7;border-right:1px solid #E0D5C7;background-color:#E6D7C3;width:100%;}
#status1{font-size:90%;padding:3px;margin:0}
#debug{font-size:90%}
form{display:inline}
input.ptr,label{cursor:pointer}
label{padding:2px}
label:hover{color:#654321;background-color:#F0EBE3}

/* Uniform button design language - rounded corners, consistent padding */
input[type=button], input[type=submit], button {
  background: #8B4513;
  color: #F5F0E8;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-family: "Georgia", "Times New Roman", "Noto Serif", serif;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Better line spacing for search result text only */
body {
  line-height: 1.5;
}

/* Search result text - more breathing room between lines */
.font {
  line-height: 1.6;
}

/* Default button colors (for action buttons like Go, Clear, etc.) */
input[type=button], input[type=submit] {
  background: #e8e8f0;
  color: #555;
  border: 1px solid #d0d0d8;
}

input[type=button]:hover, input[type=submit]:hover {
  background: #d8d8e8;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Text input uniform styling */
input[type=text] {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px 12px;
  font-family: tahoma, ms sans serif, arial;
  font-size: 14px;
  transition: border-color 0.2s ease;
}

input[type=text]:focus {
  outline: none;
  border-color: #8B4513;
}
/* Paragraph to hold one verse.  */
p{margin:0px;padding:3px;border-bottom:1px solid transparent;background-color:#F8F5F0;}
/* Result number.  */
s{cursor:pointer;text-decoration:none;font-weight:bold;font-size:75%;}
/* One result in leftbar.  */
q,em{display:block;margin:0px;margin-bottom:5px;quotes:none;color:#654321;
font-weight:bold}
em{font-weight:normal;font-style:normal;}

/* Responsive Design for Mobile */
@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
  html {
    background-color: #F8F5F0 !important;
    padding: 0 !important;
    margin: 0 !important;
    /* Prevent horizontal scrolling */
    overflow-x: hidden !important;
    width: 100% !important;
  }
  
  body {
    font-size: 140% !important;
    padding: 0 2px !important; /* Very minimal left/right padding */
    margin: 0 !important;
    background-color: #F8F5F0 !important;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Prevent horizontal scrolling */
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }
  
  /* Prevent any elements from causing horizontal overflow */
  * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Links use same font as body text */
  a {
    font-family: "Georgia", "Times New Roman", "Noto Serif", serif !important;
  }
  .font { font-size: 100%; } /* Larger on mobile */
  .font1 { font-size: 110%; }
  input, select, button {
    font-size: 110% !important;
    padding: 8px !important;
    min-height: 44px; /* Touch-friendly */
  }
  table {
    width: 100% !important;
  }
  #status1 {
    font-size: 100%;
  }
}

@media (max-width: 480px) {
  html {
    background-color: #F8F5F0 !important;
    padding: 0 !important;
    margin: 0 !important;
    /* Prevent horizontal scrolling */
    overflow-x: hidden !important;
    width: 100% !important;
  }
  
  body {
    font-size: 150% !important;
    line-height: 1.4 !important;
    padding: 0 2px !important; /* Very minimal left/right padding */
    margin: 0 !important;
    background-color: #F8F5F0 !important;
    /* Prevent horizontal scrolling */
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }
  
  /* Prevent any elements from causing horizontal overflow */
  * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  input, select, button {
    font-size: 120% !important;
    padding: 10px !important;
    font-family: "Georgia", "Times New Roman", "Noto Serif", serif !important;
  }
  
  /* Links use same font as body text */
  a {
    font-family: "Georgia", "Times New Roman", "Noto Serif", serif !important;
  }
}