@media (max-width: 768px) {
      body { padding-left: 7%; padding-right: 7%; }
    }

.badge-flank{
  display:grid;
  grid-template-columns: 160px 1fr 160px;
  align-items:center;
  justify-items:center;
  gap:1rem;
  margin:1rem auto 1.5rem auto;
  max-width: 820px;
}
.badge-flank .badge{width:160px;height:auto;object-fit:contain}
.badge-flank .center-block{text-align:center}
@media (max-width: 700px){
  .badge-flank{grid-template-columns:1fr;gap:.75rem;max-width:min(92vw,600px)}
  .badge-flank .badge{width:140px}
}

.badge-flank .badge { transform: translateY(12px); }
@media (max-width:700px){ .badge-flank .badge { transform: translateY(8px); } }

.title.name a{
  color:#0b57d0;
  text-decoration:none;
  border-bottom:2px solid rgba(11,87,208,0.35);
  padding-bottom:1px;
  transition:color .2s ease, border-color .2s ease, outline-color .2s ease;
}
.title.name a:hover,
.title.name a:focus{
  border-bottom-color:#0b57d0;
}
.title.name a:focus-visible{
  outline:2px dashed #0b57d0;
  outline-offset:2px;
}

.dolphin-sep{
  display:flex;
  justify-content:center;
  margin-top:-3px;
  margin-bottom:14px;
}
.dolphin-sep img{
  max-width:143px;
  height:auto;
  opacity:0.98;
  margin-top:-6px;
}

.badge-flank{
  padding-left:5px;
  padding-right:5px;
}
.badge-flank .badge{
  transform:translateY(11px);
}

@media (max-width:700px){
  .badge-flank{padding-left:3px;padding-right:3px}
  .badge-flank .badge{transform:translateY(8px)}
  .dolphin-sep{margin-top:-2px;margin-bottom:12px}
  .dolphin-sep img{max-width:130px;margin-top:-5px}
}