/* Scoped icon refinement for the user-confirmed white-purple materials version.
   No page redesign: existing typography, cards, portrait and behaviour remain in style.css. */
:root{--refined-icon-field:#f3eef9;--refined-icon-stroke:1.65}

/* The supplied butterfly is shown directly, without the previous polygon badge. */
#about .butterfly-badge{background:none;clip-path:none;align-self:center}
#about .butterfly-badge svg{width:54px;height:auto;aspect-ratio:1500/1049;max-width:100%;fill:none;stroke:none;overflow:visible}

/* One 24px drawing grid, one line weight, one optical centre for all ten symbols. */
#culture .info-card,#true-culture .info-card{align-items:center}
#culture .refined-icon,#true-culture .refined-icon{position:relative;background:none;clip-path:none;align-self:center;isolation:isolate}
#culture .refined-icon:before,#true-culture .refined-icon:before{content:"";position:absolute;width:90%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--refined-icon-field);z-index:-1}
#culture .refined-icon svg,#true-culture .refined-icon svg{width:28px;height:28px;stroke-width:var(--refined-icon-stroke);stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:var(--purple);overflow:visible}

@media(min-width:600px){
 #about .butterfly-badge svg{width:90px}
 #culture .refined-icon svg,#true-culture .refined-icon svg{width:44px;height:44px}
}
@media(max-width:359px){
 #about .butterfly-badge svg{width:43px}
 #culture .refined-icon svg,#true-culture .refined-icon svg{width:24px;height:24px}
}