/* Peak Profile — alleen wat op deze pagina staat, één op één uit peak-profile.html (referentie).
   Gedeeld: home.css (componenten, ook de stappen) en subpage.css (subpagina's). */
.pin{position:absolute;top:-10px;left:-12px;width:22px;height:22px;border-radius:99px;background:#2C1722;color:#FFFFFF;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #FFFFFF}
@media (max-width:999px){.grid3{grid-template-columns:minmax(0,1fr)}}

/* Mobiel (< 768 px) — alleen deze pagina, één op één uit peak-profile-mobiel.html. Gedeeld: mobile.css */
@media (max-width:767px){
/* .qcard.scard: wint van de gedeelde swipe-kaart (mobile.css laadt later), net als in de referentie */
.qcard,.qcard.scard{display:flex;flex-direction:column;gap:10px;min-height:150px;padding:20px;border-radius:18px;background:#F8F2EC;border:1px solid #E6D6C6;width:250px}
.qcard__ex{margin:auto 0 0;padding-top:12px;border-top:1px solid #E6D6C6;font-size:14px;color:#6B5560}
.pp-type,.pp-count{white-space:nowrap}
/* referentie: < 380 px; op 380–396 px (o.a. iPhone 390/393) vielen "36 reacties" en "Teamtype" over elkaar, dus compact tot en met 409 px */
@media (max-width:409px){
.pp-type{top:12px!important;right:10px!important;padding:7px 10px!important;gap:3px!important}
.pp-type span:first-child{font-size:10px!important}
.pp-type span:last-child{font-size:14px!important}
.pp-count{top:12px!important;left:10px!important;padding:7px 9px!important;gap:6px!important}
.pp-count > span:first-child > span{width:20px!important;height:20px!important}
.pp-count > span:last-child{font-size:12px!important}
}
.pin{position:absolute;top:-10px;left:-22px;width:22px;height:22px;border-radius:99px;background:#2C1722;color:#FFFFFF;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #FFFFFF}
}