body{
  margin:0;
  font-family:Georgia, serif;
  background-color:#000;
  color:#111;
}

.layout{
  display:flex;
  align-items:stretch;
  background:#000;
}

.main-content{
  flex:1;
  min-width:0;
  padding:32px;
  box-sizing:border-box;
  background-color:#e9e9e9;
}

.section-header{
  margin-bottom:20px;
}

.section-header h2{
  margin:0 0 8px 0;
  font-size:clamp(28px, 4vw, 40px);
}

.section-header p{
  margin:0;
  font-size:18px;
  color:#333;
  line-height:1.5;
}

.content-card{
  background:white;
  border:2px solid #000;
  border-radius:14px;
  padding:22px;
  box-sizing:border-box;
  box-shadow:0 4px 14px rgba(0,0,0,0.08);
}

.content-card h3{
  margin:0 0 12px 0;
  font-size:24px;
}

.content-card p{
  margin:0;
  line-height:1.7;
  font-size:17px;
  color:#222;
}

@media (max-width: 768px){
  .layout{
    display:block;
    background:#e9e9e9;
  }

  .main-content{
    padding:20px 16px 100px;
  }

  .section-header h2{
    font-size:30px;
  }

  .section-header p,
  .content-card p{
    font-size:16px;
  }
}