/* Default Styles */

/* Basic Reset - gentle, won't break old styles */
* {
  box-sizing: border-box;
}

body {
  margin: 0 auto;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  
}

/* Max width for readability */
body {
  max-width: 1200px;
}

/* Links */
a {
  color: #637a45;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Tables - preserve old table layouts */
table {
  border-collapse: collapse;
}

td, th {
  padding: 5px;
}

/* Images responsive */
img {
  max-width: 100%;
  height: auto;
}

/* Paragraphs */
p {
  margin: 0 0 1em 0;
  font-size:medium;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  line-height: 1.2;
}

/* Layout classes (if needed) */
.wrapper {
  width: 100%;
}

.layout {
  display: flex;
  gap: 20px;
  padding: 20px;
}

.col-one {
  flex: 0 0 25%;
}

.col-two {
  flex: 1;
}

/* Responsive - stack on mobile */
@media (max-width: 768px) {
  .layout {
    flex-direction: column;
  }
  
  .col-one {
    flex: 1;
  }
}