/* Rome Arthroplasty Meeting — Scientific Focus editorial cards v1.11.2.
   The three illustrated placeholders have been replaced by text-only panels. */
#about .focus-layout {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 30px;
  align-items: center;
}
#about .focus-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
}
#about .focus-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 252px;
  padding: 9px 17px 8px 20px;
  border: 0;
  border-left: 1px solid #e3e5e7;
  background: transparent;
}
#about .focus-card:last-child { border-right: 1px solid #e3e5e7; }
#about .focus-number {
  display: block;
  color: #9cabb9;
  font: 400 clamp(50px, 4.2vw, 62px)/1 Georgia, 'Times New Roman', serif;
  letter-spacing: -3px;
  margin: 0 0 26px;
  font-variant-numeric: lining-nums tabular-nums;
}
#about .focus-rule {
  display: block;
  width: 26px;
  height: 2px;
  flex: 0 0 2px;
  background: #ba664c;
  margin-bottom: 18px;
}
#about .focus-card h3 {
  color: #092847;
  font: 800 11.5px/1.48 Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: .48px;
  min-height: 49px;
  max-width: none;
  margin: 0 0 13px;
}
#about .focus-card p {
  color: #586678;
  font: 13px/1.7 Arial, Helvetica, sans-serif;
  max-width: none;
  margin: 0;
}
@media (max-width: 1060px) {
  #about .focus-layout { grid-template-columns: 1fr; gap: 33px; }
  #about .focus-card { min-height: 225px; }
}
@media (max-width: 720px) {
  #about .focus-cards { grid-template-columns: minmax(0, 1fr); }
  #about .focus-card {
    min-height: 0;
    padding: 21px 4px 21px;
    border: 0;
    border-top: 1px solid #e3e5e7;
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    column-gap: 13px;
    align-items: start;
  }
  #about .focus-card:last-child { border-right: 0; border-bottom: 1px solid #e3e5e7; }
  #about .focus-number { grid-row: 1 / 4; font-size: 52px; margin: 0; }
  #about .focus-rule { grid-column: 2; margin: 0 0 12px; }
  #about .focus-card h3 { grid-column: 2; min-height: 0; margin-bottom: 9px; }
  #about .focus-card p { grid-column: 2; }
}