body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background: #333; color: #fff; padding: 10px; text-align: center; 
}
nav { background: #444; padding: 10px; }
nav a { color: #fff; margin: 0 10px; text-decoration: none; }
footer { background: #333; color: #fff; text-align: center; padding: 10px; 
}
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, 
minmax(300px, 1fr)); gap: 20px; }
.list { display: flex; flex-direction: column; gap: 20px; }
.podcast-item { border: 1px solid #ddd; padding: 10px; }
@media (max-width: 600px) { .grid { grid-template-columns: 1fr; } }