/* Selected editorial row: a white card rises above the ruled list. */
#graphic-content .graphic-types {
  gap: 8px;
  border-top: 0;
}
#graphic-content .graphic-types article {
  position: relative;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 18px 20px;
  cursor: pointer;
  text-align: left;
  transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
#graphic-content .graphic-types article:not(.is-selected) {
  border-bottom-color: rgba(68,110,159,.22);
  border-radius: 0;
}
#graphic-content .graphic-types article:last-child:not(.is-selected) {
  border-bottom-color: transparent;
}
#graphic-content .graphic-types article.is-selected {
  z-index: 1;
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255,255,255,.94);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 35px rgba(39,80,146,.14);
}
#graphic-content .graphic-types article:focus-visible {
  outline: 3px solid #075ac9;
  outline-offset: 3px;
}
#graphic-content .phone-description {
  margin: 12px 16px 25px;
  padding-top: 12px;
  border-top: 1px solid #dce6f2;
  color: #193d63;
}
#graphic-content .phone-description strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
#graphic-content .phone-description p {
  margin: 5px 0 0;
  color: #60758d;
  font-size: 10px;
  line-height: 1.55;
}
@media (max-width: 700px) {
  #graphic-content .graphic-types { gap: 7px; }
  #graphic-content .graphic-types article { padding: 16px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #graphic-content .graphic-types article { transition: none; }
}