.cb-era{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:1.5em 0;position:relative}
.cb-era::before{content:"";position:absolute;left:5%;right:5%;top:28px;height:4px;border-radius:4px;background:var(--line,#d7e3d7);transform-origin:left center;animation:cb-era-line 1.2s ease-out both}
.cb-era-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-height:190px;padding:0 4px;opacity:0;animation:cb-era-in .6s ease-out both}
.cb-era-item:nth-child(1){animation-delay:.3s}.cb-era-item:nth-child(2){animation-delay:.6s}.cb-era-item:nth-child(3){animation-delay:.9s}.cb-era-item:nth-child(4){animation-delay:1.2s}.cb-era-item:nth-child(5){animation-delay:1.5s}
.cb-era-no{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--accent,#F9B800);color:#2B1B00;font-weight:800;font-size:1.05rem;box-shadow:0 0 0 6px var(--surface-2,#f1f8e9);position:relative;z-index:1}
.cb-era-item strong{color:var(--brand,#2E7D32);font-size:.95rem;line-height:1.25}
.cb-era-item span:last-child{color:var(--muted,#5f6b66);font-size:.85rem;line-height:1.35}
@keyframes cb-era-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes cb-era-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:640px){
.cb-era{grid-template-columns:1fr;gap:10px}
.cb-era::before{left:28px;right:auto;top:0;bottom:0;width:4px;height:auto;transform-origin:center top}
.cb-era-item{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;min-height:0;column-gap:12px}
.cb-era-item strong{flex:1}
.cb-era-item span:last-child{flex-basis:100%;padding-left:72px}
}
@media (prefers-reduced-motion:reduce){.cb-era::before,.cb-era-item{animation:none;opacity:1;transform:none}}