/* Pernik education directory. Counts refer only to the listed institutions. */
#education[data-pernik="true"] {
  display: block;
  grid-column: 1 / -1;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  margin: 0 0 28px;
  padding: clamp(20px, 2.2vw, 32px);
  border: 1px solid var(--pernik-rule, #e6e7e1);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 3px 16px #172c4005;
  overflow: visible;
  contain: none;
  content-visibility: visible;
  contain-intrinsic-size: none;
  transform: none;
}
#education .pernik-education-resources {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0;
}
#education .pernik-education-resource {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 17px;
  background: #fffdf4;
  font-size: 14px;
  line-height: 1.45;
}
#education .pernik-education-resource strong { font-size: 15px; }
#education .pernik-education-resource span { color: var(--pernik-muted, #62707b); }
#education .pernik-education-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-height: 660px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 3px 9px 5px 3px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #d9c98d #f6f5ef;
  overscroll-behavior: auto;
}
#education .pernik-education-results:focus-visible {
  outline: 3px solid #9f7900;
  outline-offset: 3px;
}
#education .pernik-education-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  height: 100%;
}
#education .pernik-education-item .pernik-badge { align-self: flex-start; }
#education .pernik-education-item h4 { margin: 2px 0; font-size: 17px; line-height: 1.4; }
#education .pernik-education-address { margin: 0 0 8px; font-size: 14px; color: #59666e; }
#education .pernik-card-links { margin-top: auto; align-items: flex-end; font-size: 13px; }
#education > .pernik-source { margin: 18px 0 0; }
#education [hidden] { display: none !important; }
@media (max-width: 1100px) {
  #education .pernik-education-resources,
  #education .pernik-education-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  #education[data-pernik="true"] { display: block; padding: 20px 16px; }
  #education .pernik-section-header { flex-direction: column; gap: 10px; }
  #education .pernik-filter-bar,
  #education .pernik-education-results { grid-template-columns: minmax(0, 1fr); }
  #education .pernik-education-results { max-height: 620px; }
  #education .pernik-education-resources { gap: 9px; }
  #education .pernik-education-resource { padding: 13px; font-size: 13px; }
  #education .pernik-education-resource strong { font-size: 14px; }
}
@media (max-width: 700px) {
  #education .pernik-section-header > div { flex: 0 1 auto; }
}