.right {
  text-align: right
}

select option[disabled] {
  color: #ccc;
}

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto; text-align: right; padding: 7px 20px 7px 7px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -1px -1px 4px rgba(255, 255, 255, 0.9); background: white; color: #333; font-size: 16px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3cpolyline points="6 9 12 15 18 9"%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; }

select::-ms-expand { display: none; }

.select-universal:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.select-universal:hover {
  border-color: #667eea;
}

.select-universal::-ms-expand {
  display: none;
}

/* ---- ---- ---- ---- */
.posts_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  margin-top:0.5em;
}

.post_panel {
  position: relative;
  width: 16em;
  height: 21em;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), -2px -2px 6px rgba(255, 255, 255, 0.9);
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.post_panel_image_header {
  width: 100%;
  height: 50%;
  position: relative;
  flex-shrink: 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.post_panel_image_header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.post_panel_content {
  padding: 0.5em;
  flex: 1;
}

.post_panel a {
  color: #111;
}
.post_panel .foot {
  height:10%;
  position: absolute;
  bottom:0;
  right:0.25em;
  color: #bbb;
  font-size: 90%;
  overflow: hidden;
  width:100%;
  text-align:right;
  padding: 0;
}
.post_panel .title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: right;
  font-weight: 500;
}
.post_panel .author {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: right;
}
.post_panel .body {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 90%;
  color: #a00;
  margin-top: 0.5em;
}