@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Inter:wght@400;500;600;700;900&display=swap');

.mag-title {
	font-size: 2.5em !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	margin-bottom: 0.2em !important;
	color: #2c3e50 !important;
}

.mag-title2 {
	font-size: 1.75em !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	margin-bottom: 0.2em !important;
	color: #2c3e50 !important;
}

.mag-subtitle {
    font-size: 1.2em;
    font-weight: 300;
    font-style: italic;
    color: #7f8c8d;
    margin-top: 0;
}

dt {
}

.tut {
  background-color: #eef;
  border-radius: 4px;
  padding:1em 2em;
  margin-bottom: 0.5em;
}

/* In your CSS file (e.g., style.css) */

/* For your hr tag or .post-separator div */
.post-separator {
  border: none;
  border-top: 1px solid #ccc; /* First thin line */
  border-bottom: 1px solid #ccc; /* Second thin line */
  height: 0; /* Keep height 0 for hr, or small for div if you want space between lines */
  padding: 2px 0; /* Creates space between the two lines */
  margin: 4em 0;
}

/* Main content typography */
.md-content {
    font-family: 'Merriweather', Georgia, serif !important;
    font-size: 1.1em !important;
    line-height: 1.7 !important;
    color: #2c3e50 !important;
}

/* Better paragraph spacing */
.md-content p {
    margin-bottom: 1.4em !important;
}

/* Mobile improvements */
@media (max-width: 768px) {
    .md-content {
        font-size: 1.15em !important;
        line-height: 1.8 !important;
    }
}

/* Keep your magazine titles using Inter for contrast */
.magazine-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 2.5em !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 0.2em !important;
    color: #2c3e50 !important;
}

.magazine-subtitle {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.2em !important;
    font-weight: 300 !important;
    font-style: italic !important;
    color: #7f8c8d !important;
    margin-top: 0 !important;
}

/* Headers within articles */
.md-content h2, .md-content h3 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
}