.year-picker {
  margin: 2px 0 16px;
  padding: 15px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(23,32,51,.07);
  border-radius: 22px;
  box-shadow: 0 8px 24px rgba(38,66,110,.06);
}
.year-picker-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}
.year-picker-head small,
.year-picker-head strong { display:block; }
.year-picker-head small { color:#748096; font-weight:750; font-size:.74rem; }
.year-picker-head strong { margin-top:2px; font-size:1rem; }
.selected-year-label {
  white-space: nowrap;
  padding: 7px 10px;
  border-radius: 999px;
  background:#edf4ff;
  color:#315ba8;
  font-size:.78rem;
  font-weight:850;
}
.year-buttons {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.year-btn {
  min-height:46px;
  border:2px solid #e8edf4;
  border-radius:14px;
  background:#fff;
  color:#566277;
  font-weight:850;
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease;
}
.year-btn.active {
  background:#246bfd;
  border-color:#246bfd;
  color:#fff;
  box-shadow:0 7px 16px rgba(36,107,253,.18);
}
.year-btn:active { transform:scale(.98); }
@media(max-width:380px){
  .year-picker{padding:13px}
  .year-btn{font-size:.83rem}
}