/* MuseauMoustache — qualifications publiques de Juliette */
.home-qualification-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  margin:18px 0 22px;
}
.home-qualification-summary span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--sage-pale);
  color:var(--forest-deep);
  font-size:.88rem;
  font-weight:760;
  line-height:1.25;
}

.qualification-section .qualification-heading{
  max-width:760px;
  margin-bottom:34px;
}
.qualification-section .qualification-heading .lead{margin-bottom:0}
.qualification-layout{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(280px,.74fr);
  gap:clamp(28px,5vw,64px);
  align-items:start;
}
.qualification-layout.no-diploma{
  grid-template-columns:minmax(0,820px);
}
.qualification-list{
  border-top:1px solid var(--line);
}
.qualification-item{
  display:grid;
  grid-template-columns:minmax(110px,.34fr) minmax(0,1fr);
  gap:18px 28px;
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.qualification-item-kicker{
  color:var(--forest);
  font-family:var(--rounded);
  font-size:1rem;
  font-weight:850;
  line-height:1.25;
}
.qualification-item h3{
  margin:0 0 5px;
  color:var(--forest-deep);
  font-size:1.12rem;
}
.qualification-item p{
  margin:0;
  color:var(--muted);
}
.diploma-proof{
  margin:0;
  position:sticky;
  top:108px;
}
.diploma-image-button{
  display:block;
  width:100%;
  padding:0;
  border:0;
  border-radius:22px;
  background:transparent;
  cursor:zoom-in;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.diploma-image-button img{
  width:100%;
  max-height:560px;
  object-fit:contain;
  background:var(--white);
}
.diploma-proof figcaption{
  margin-top:10px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
}

.diploma-lightbox{
  position:fixed;
  inset:0;
  z-index:150;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(29,37,31,.86);
}
.diploma-lightbox-inner{
  position:relative;
  width:min(100%,1100px);
  max-height:calc(100vh - 48px);
}
.diploma-lightbox img{
  width:100%;
  max-height:calc(100vh - 48px);
  object-fit:contain;
  border-radius:18px;
  background:var(--white);
}
.diploma-lightbox-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:1;
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:rgba(255,253,249,.94);
  color:var(--forest-deep);
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
  box-shadow:var(--shadow-soft);
}
body.diploma-lightbox-open{overflow:hidden}

@media(max-width:820px){
  .qualification-layout{grid-template-columns:1fr;gap:30px}
  .qualification-item{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .diploma-proof{position:static}
  .diploma-image-button img{max-height:none}
}

@media(max-width:560px){
  .home-qualification-summary{gap:7px;margin:15px 0 20px}
  .home-qualification-summary span{font-size:.82rem;min-height:34px;padding:6px 10px}
  .qualification-section .qualification-heading{margin-bottom:24px}
  .diploma-lightbox{padding:12px}
  .diploma-lightbox-inner,.diploma-lightbox img{max-height:calc(100vh - 24px)}
}