.symboylia{
  max-width:1100px;
  margin:0 auto;
  font-family:Arial,sans-serif;
}
.symboylia-period{margin:0 0 38px;}
.symboylia-title{
  font-size:22px;
  line-height:1.3;
  font-weight:600;
  color:#1f3b57;
  margin:40px 0 10px;
  border-bottom:2px solid #e5e5e5;
  padding-bottom:5px;
}
.symboylia-subtitle{
  font-size:16px;
  line-height:1.4;
  font-weight:600;
  margin:20px 0 10px;
  color:#0073aa;
}
.symboylia-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:15px;
}
.symboylia-card{
  background:#f9f9f9;
  border:1px solid #e5e5e5;
  padding:12px;
  transition:.2s ease;
  min-height:62px;
  box-sizing:border-box;
}
.symboylia-card:hover{background:#f1f5f9;}
.symboylia-name{
  font-weight:600;
  color:#1f3b57;
  font-size:14px;
  line-height:1.45;
}
.symboylia-info{
  font-size:12px;
  color:#666;
  margin-top:4px;
  text-transform:uppercase;
}
.symboylia-empty{
  padding:20px;
  background:#f9f9f9;
  border:1px solid #e5e5e5;
}
@media (max-width:767px){
  .symboylia{padding:0 15px;}
  .symboylia-title{font-size:19px;margin-top:28px;}
  .symboylia-grid{grid-template-columns:1fr;gap:10px;}
}